【技術貼】實現應用程序只啓動一次引導界面

      今天的內容主要是教大家的應用程序只有在第一次啓動的時候顯示引導界面,以後在啓動程序的時候就不再顯示了。


      其實要想實現這樣的效果,只要使用SharedPreferences類,就會讓程序變的非常簡單,下面來詳細介紹一下這個類的使用方法


一、SharedPreferences的詳細介紹和用法

SharedPreferences介紹:       做軟件開發應該都知道,很多軟件會有配置文件,裏面存放這程序運行當中的各個屬性值,由於其配置信息並不多,如果採用數據庫來存放並不划算,因爲數據庫連接跟操作等耗時大大影響了程序的效率,因此我們使用鍵值這種一一對應的關係來存放這些配置信息。SharedPreferences正是Android中用於實現這中存儲方式的技術。



      SharedPreferences的使用非常簡單,能夠輕鬆的存放數據和讀取數據。SharedPreferences只能保存簡單類型的數據,例如,String、int等。一般會將複雜類型的數據轉換成Base64編碼,然後將轉換後的數據以字符串的形式保存在 XML文件中,再用SharedPreferences保存。


SharedPreferences使用方法:

<1> 使用Activity類的getSharedPreferences方法獲得SharedPreferences對象,其中存儲key-value的文件的名稱由getSharedPreferences方法的第一個參數指定;

<2> 使用SharedPreferences接口的edit獲得SharedPreferences.Editor對象;

<3> 通過SharedPreferences.Editor接口的putXxx方法保存key-value對。其中Xxx表示不同的數據類型。例如:字符串類型的value需要用putString方法;

<4> 通過SharedPreferences.Editor接口的commit方法保存key-value對。commit方法相當於數據庫事務中的提交(commit)操作。


具體代碼的書寫流程爲:

A、存放數據信息

<1> 打開Preferences,名稱爲setting,如果存在則打開它,否則創建新的Preferences

        SharedPreferences settings = getSharedPreferences(“setting”, 0);

<2> 讓setting處於編輯狀態

        SharedPreferences.Editor editor = settings.edit();

<3> 存放數據

        editor.putString(“name”,”ATAAW”);
        editor.putString(“URL”,”ATAAW.COM”);

<4> 完成提交

        editor.commit();

B、讀取數據信息

<1> 獲取Preferences

        SharedPreferences settings = getSharedPreferences(“setting”, 0);

<2> 取出數據

        String name = settings.getString(“name”,”默認值”);
        String url = setting.getString(“URL”,”default”);


      以上就是SharedPreferences的使用方法,其中創建的Preferences文件存放位置可以在Eclipse中查看:

DDMS->File Explorer /<package name>/shared_prefs/setting.xml


二、實現的效果圖

第一次啓動程序:歡迎界面-->引導界面-->主頁面

以後啓動程序:啓動頁-->系統主頁


第一次啓動時的效果圖

歡迎界面:

144202wptapbb6t2lwela2.jpg



引導界面效果圖1:

144203fxe6i4jjieim5ama.jpg




引導界面效果圖2:

144205e256yky2xyy72it5.jpg




進入主頁面:

144210qtllpvsvevetc3ly.jpg




以後啓動程序的效果圖

歡迎界面:

144210j3kv32gxgwettrhg.jpg




程序主頁面:

144211o06781x1xx802l62.jpg




三、程序的目錄結構


144211fb11vnzrshvvvdp8.jpg




四、具體的實現編碼

1、  在引導佈局界面中加入ViewPager組件,activity_guide.xml:

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

  2.    xmlns:tools="http://schemas.android.com/tools"

  3.    android:layout_width="wrap_content"

  4.    android:layout_height="wrap_content" >


  5.    <android.support.v4.view.ViewPager

  6.        android:id="@+id/viewpager"

  7.        android:layout_width="fill_parent"

  8.        android:layout_height="fill_parent" />

  9. </RelativeLayout>

複製代碼

2、接着在guide_view01.xml等幾個佈局頁面中添加引導界面要顯示的圖片和控件,因爲這幾個佈局界面都大同小異,所以在這裏我就不一一貼出來了吧,guide_view01.xml:


  1. <?xml version="1.0" encoding="UTF-8"?>

  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

  3.    android:layout_width="fill_parent"

  4.    android:layout_height="fill_parent"

  5.    android:background="@drawable/star_img1"

  6.    android:orientation="vertical" >

  7. </RelativeLayout>

複製代碼

3、然後是歡迎界面的佈局界面,activity_welcome:


  1. <?xml version="1.0" encoding="utf-8"?>

  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  3.    android:layout_width="fill_parent"

  4.    android:layout_height="fill_parent"

  5.    android:orientation="vertical"

  6.    android:background="@drawable/welcome_background">

  7. </LinearLayout>

複製代碼

4、最後是主界面的佈局,activity_main:


  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

  2.    xmlns:tools="http://schemas.android.com/tools"

  3.    android:layout_width="wrap_content"

  4.    android:layout_height="wrap_content" >


  5.    <TextView

  6.        android:id="@+id/textView1"

  7.        android:layout_width="wrap_content"

  8.        android:layout_height="wrap_content"

  9.        android:layout_alignParentLeft="true"

  10.        android:layout_alignParentTop="true"

  11.        android:text="歡迎來到主頁面!"

  12.        android:textSize="25sp"/>

  13. </RelativeLayout>

複製代碼

5、在這裏還要創建一個xml文件來實現自定義按鈕的效果


  1. <?xml version="1.0" encoding="utf-8"?>

  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">

  3.        <item android:state_enabled="true" android:state_pressed="true"

  4.                android:drawable="@drawable/login_button_select" /> <!--按下時的效果-->                                        

  5.        <item android:state_enabled="true" android:drawable="@drawable/login_button" />  <!--正常狀態的效果-->        

  6. </selector>

複製代碼

6、佈局界面已經講解完畢,接下來讓我們進行詳細的代碼講解,ViewPager適配器代碼,ViewPagerAdapter.java:


  1. package com.yangyu.myguideview04;


  2. import java.util.ArrayList;


  3. import android.support.v4.view.PagerAdapter;

  4. import android.support.v4.view.ViewPager;

  5. import android.view.View;


  6. /**

  7. * @author yangyu

  8. *        功能描述:ViewPager適配器,用來綁定數據和view

  9. */

  10. public class ViewPagerAdapter extends PagerAdapter {


  11.        //界面列表

  12.    private ArrayList<View> views;


  13.    public ViewPagerAdapter (ArrayList<View> views){

  14.        this.views = views;

  15.    }


  16.        /**

  17.         * 獲得當前界面數

  18.         */

  19.        @Override

  20.        public int getCount() {

  21.                 if (views != null) {

  22.             return views.size();

  23.         }      

  24.         return 0;

  25.        }


  26.        /**

  27.         * 初始化position位置的界面

  28.         */

  29.    @Override

  30.    public Object instantiateItem(View view, int position) {


  31.        ((ViewPager) view).addView(views.get(position), 0);


  32.        return views.get(position);

  33.    }


  34.    /**

  35.         * 判斷是否由對象生成界面

  36.         */

  37.        @Override

  38.        public boolean isViewFromObject(View view, Object arg1) {

  39.                return (view == arg1);

  40.        }


  41.        /**

  42.         * 銷燬position位置的界面

  43.         */

  44.    @Override

  45.    public void destroyItem(View view, int position, Object arg2) {

  46.        ((ViewPager) view).removeView(views.get(position));      

  47.    }

  48. }


複製代碼

7、引導界面Activity,GuideActivity.java:


  1. package com.yangyu.myguideview04;


  2. import java.util.ArrayList;


  3. import android.app.Activity;

  4. import android.content.Intent;

  5. import android.os.Bundle;

  6. import android.support.v4.view.ViewPager;

  7. import android.support.v4.view.ViewPager.OnPageChangeListener;

  8. import android.view.LayoutInflater;

  9. import android.view.View;

  10. import android.view.View.OnClickListener;

  11. import android.widget.Button;


  12. /**

  13. * @author yangyu

  14. *  功能描述:引導界面activity類

  15. */

  16. public class GuideActivity extends Activity implements OnPageChangeListener{

  17.        // 定義ViewPager對象

  18.        private ViewPager viewPager;


  19.        // 定義ViewPager適配器

  20.        private ViewPagerAdapter vpAdapter;


  21.        // 定義一個ArrayList來存放View

  22.        private ArrayList<View> views;


  23.        // 定義各個界面View對象

  24.        private View view1, view2, view3, view4;


  25.        //定義開始按鈕對象

  26.        private Button startBt;


  27.        @Override

  28.        protected void onCreate(Bundle savedInstanceState) {

  29.                super.onCreate(savedInstanceState);

  30.                setContentView(R.layout.activity_guide);


  31.                initView();


  32.                initData();

  33.        }


  34.        /**

  35.         * 初始化組件

  36.         */

  37.        private void initView() {

  38.                //實例化各個界面的佈局對象

  39.                LayoutInflater mLi = LayoutInflater.from(this);

  40.                view1 = mLi.inflate(R.layout.guide_view01, null);

  41.                view2 = mLi.inflate(R.layout.guide_view02, null);

  42.                view3 = mLi.inflate(R.layout.guide_view03, null);

  43.                view4 = mLi.inflate(R.layout.guide_view04, null);


  44.                // 實例化ViewPager

  45.                viewPager = (ViewPager) findViewById(R.id.viewpager);


  46.                // 實例化ArrayList對象

  47.                views = new ArrayList<View>();


  48.                // 實例化ViewPager適配器

  49.                vpAdapter = new ViewPagerAdapter(views);


  50.                //實例化開始按鈕

  51.                startBt = (Button) view4.findViewById(R.id.startBtn);

  52.        }


  53.        /**

  54.         * 初始化數據

  55.         */

  56.        private void initData() {

  57.                // 設置監聽

  58.                viewPager.setOnPageChangeListener(this);

  59.                // 設置適配器數據

  60.                viewPager.setAdapter(vpAdapter);


  61.                //將要分頁顯示的View裝入數組中                

  62.                views.add(view1);

  63.                views.add(view2);

  64.                views.add(view3);

  65.                views.add(view4);                


  66.                // 給開始按鈕設置監聽

  67.                startBt.setOnClickListener(new OnClickListener() {

  68.                        @Override

  69.                        public void onClick(View v) {

  70.                                 startbutton();

  71.                        }

  72.                });

  73.        }


  74.        @Override

  75.        public void onPageScrollStateChanged(int arg0) {


  76.        }


  77.        @Override

  78.        public void onPageScrolled(int arg0, float arg1, int arg2) {


  79.        }


  80.        @Override

  81.        public void onPageSelected(int arg0) {


  82.        }


  83.        /**

  84.         * 相應按鈕點擊事件

  85.         */

  86.        private void startbutton() {  

  87.              Intent intent = new Intent();

  88.                intent.setClass(GuideActivity.this,MainActivity.class);

  89.                startActivity(intent);

  90.                this.finish();

  91.      }



複製代碼

8、歡迎界面Activity,Welcome.java:


  1. package com.yangyu.myguideview04;


  2. import android.app.Activity;

  3. import android.content.Intent;

  4. import android.content.SharedPreferences;

  5. import android.content.SharedPreferences.Editor;

  6. import android.os.Bundle;


  7. /**

  8. * @author yangyu

  9. *  功能描述:歡迎界面

  10. */

  11. public class Welcome extends Activity implements Runnable {


  12.        //是否是第一次使用

  13.        private boolean isFirstUse;


  14.        protected void onCreate(Bundle savedInstanceState) {

  15.                super.onCreate(savedInstanceState);

  16.                setContentView(R.layout.activity_welcome);

  17.                /**

  18.                 * 啓動一個延遲線程

  19.                 */

  20.                new Thread(this).start();

  21.        }


  22.        public void run() {

  23.                try {

  24.                        /**

  25.                         * 延遲兩秒時間

  26.                         */

  27.                        Thread.sleep(2000);


  28.                        //讀取SharedPreferences中需要的數據

  29.                        SharedPreferences preferences = getSharedPreferences("isFirstUse",MODE_WORLD_READABLE);


  30.                isFirstUse = preferences.getBoolean("isFirstUse", true);


  31.                /**

  32.                         *如果用戶不是第一次使用則直接調轉到顯示界面,否則調轉到引導界面

  33.                         */

  34.                        if (isFirstUse) {

  35.                                startActivity(new Intent(Welcome.this, GuideActivity.class));

  36.                        } else {

  37.                                startActivity(new Intent(Welcome.this, MainActivity.class));

  38.                        }

  39.                        finish();


  40.                        //實例化Editor對象

  41.                        Editor editor = preferences.edit();

  42.                //存入數據

  43.                editor.putBoolean("isFirstUse", false);

  44.                //提交修改

  45.                editor.commit();



  46.                } catch (InterruptedException e) {


  47.                }

  48.        }

  49. }


複製代碼

在歡迎界面中使用了SharedPreferences來讀取用戶的信息,判斷是否是第一次使用程序,這裏的isFirstUse可以根據讀者的需要換成任意類型,只要給它加一個判斷就行了
9、主界面Activity,這裏就加載了一個簡單的佈局文件,讀者可以根據需要對該類進行擴展,MainActivity.java:

  1. package com.yangyu.myguideview04;


  2. import android.app.Activity;

  3. import android.os.Bundle;


  4. /**

  5. * @author yangyu

  6. *   功能描述:主程序入口類頁面

  7. */

  8. public class MainActivity extends Activity {


  9.        @Override

  10.        protected void onCreate(Bundle savedInstanceState) {

  11.                super.onCreate(savedInstanceState);

  12.                setContentView(R.layout.activity_main);

  13.        }


  14. }

複製代碼


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章