Android教程網
設為首頁|加入收藏
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android資訊 >> Android 引導界面的實現過程

Android 引導界面的實現過程

編輯：Android資訊

現在越來越多程序都有引導頁面了。網上資料不全。現在自己實現下。

/**
 * 實現
 * @author dujinyang
 *
 */

順序是： OneAcitivity  –>MainActivity -> TwoActivity

然後第2次進去就是：OneActivity -> TwoActivity

代碼裡都有注釋的了，這裡就不多說了。

OneActivity的代碼如下：

package cn.djy.activity; 

import android.app.Activity; 
import android.content.Context; 
import android.content.Intent; 
import android.os.Bundle; 
import android.os.Handler; 

/**
 * 開機動畫
 * @author Administrator
 *
 */ 
public class OneActivity extends Activity { 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
        // TODO Auto-generated method stub  
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.one); 

        boolean flag=this.isFirstEnter(getApplicationContext(), this.getClass().getName()); 
        if(flag) 
            mHandler.sendEmptyMessageDelayed(SWITCH_GUIDACTIVITY,4000); 
        else 
            mHandler.sendEmptyMessageDelayed(SWITCH_TWOACTIVITY, 4000); 

    } 

    //***********************************************************************  
    //判斷應用是否初次加載，讀取SharedPreferences 的字段  
    //***********************************************************************  
    private static final String SHAREDPREFERENCES_NAME="yang"; 
    private static final String KEY_GUIDE_ACTIVITY="Open"; 
    /** 
     * mResultStr.equalsIgnoreCase("false") 返回FALSE 
     * TRUE 則為空值 
     * @param context 
     * @param className 
     * @return boolean 
     */ 
    private boolean isFirstEnter(Context context,String className){ 
        if(context==null || className ==null || "".equalsIgnoreCase(className)) return false; 
        String mResultStr=context.getSharedPreferences(SHAREDPREFERENCES_NAME,Context.MODE_WORLD_READABLE).getString(KEY_GUIDE_ACTIVITY, ""); 
        if(mResultStr.equalsIgnoreCase("false")) 
            return false; 
        else 
            return true; 
    } 

    //****************************************  
    //Handler:跳轉至不同頁面  
    //****************************************  
    private final static int SWITCH_TWOACTIVITY=1000; //主頁  

    private final static int SWITCH_GUIDACTIVITY=1001; //滑動手勢  
    private Handler mHandler=new Handler(){ 
        public void handleMessage(android.os.Message msg) { 
            switch (msg.what) { 
            case SWITCH_TWOACTIVITY: 
                    Intent intent=new Intent(); 
                    intent.setClass(OneActivity.this,TwoActivity.class); 
                    OneActivity.this.startActivity(intent); 
                //  OneActivity.this.finish();  
                break; 
            case SWITCH_GUIDACTIVITY: 
                    Intent intents=new Intent(); 
                    intents.setClass(OneActivity.this,MainActivity.class); 
                    OneActivity.this.startActivity(intents); 
                //  OneActivity.this.finish();  
                    break; 
            } 
            super.handleMessage(msg); 
        }; 
    }; 

}
package cn.djy.activity;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
/**
 * 開機動畫
 * @author Administrator
 *
 */
public class OneActivity extends Activity {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
  setContentView(R.layout.one);

  boolean flag=this.isFirstEnter(getApplicationContext(), this.getClass().getName());
  if(flag)
   mHandler.sendEmptyMessageDelayed(SWITCH_GUIDACTIVITY,4000);
  else
   mHandler.sendEmptyMessageDelayed(SWITCH_TWOACTIVITY, 4000);

 }
 //***********************************************************************
 //判斷應用是否初次加載，讀取SharedPreferences 的字段
 //***********************************************************************
 private static final String SHAREDPREFERENCES_NAME="yang";
 private static final String KEY_GUIDE_ACTIVITY="Open";
 /**
  * mResultStr.equalsIgnoreCase("false") 返回FALSE
  * TRUE 則為空值
  * @param context
  * @param className
  * @return boolean
  */
 private boolean isFirstEnter(Context context,String className){
  if(context==null || className ==null || "".equalsIgnoreCase(className)) return false;
  String mResultStr=context.getSharedPreferences(SHAREDPREFERENCES_NAME,Context.MODE_WORLD_READABLE).getString(KEY_GUIDE_ACTIVITY, "");
  if(mResultStr.equalsIgnoreCase("false"))
   return false;
  else
   return true;
 }

 //****************************************
 //Handler:跳轉至不同頁面
 //****************************************
 private final static int SWITCH_TWOACTIVITY=1000; //主頁

 private final static int SWITCH_GUIDACTIVITY=1001; //滑動手勢
 private Handler mHandler=new Handler(){
  public void handleMessage(android.os.Message msg) {
   switch (msg.what) {
   case SWITCH_TWOACTIVITY:
     Intent intent=new Intent();
     intent.setClass(OneActivity.this,TwoActivity.class);
     OneActivity.this.startActivity(intent);
    // OneActivity.this.finish();
    break;
   case SWITCH_GUIDACTIVITY:
     Intent intents=new Intent();
     intents.setClass(OneActivity.this,MainActivity.class);
     OneActivity.this.startActivity(intents);
    // OneActivity.this.finish();
     break;
   }
   super.handleMessage(msg);
  };
 };

}

MainActivity的代碼如下:

package cn.djy.activity; 

import java.util.ArrayList; 

import android.app.Activity; 
import android.content.Intent; 
import android.content.SharedPreferences; 
import android.os.Bundle; 
import android.os.Parcelable; 
import android.support.v4.view.PagerAdapter; 
import android.support.v4.view.ViewPager; 
import android.support.v4.view.ViewPager.OnPageChangeListener; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.ViewGroup; 
import android.view.ViewGroup.LayoutParams; 
import android.widget.Button; 
import android.widget.ImageView; 
import android.widget.TwoLineListItem; 
/**
 * 實現
 * @author dujinyang
 *
 */ 
public class MainActivity extends Activity { 

    private ViewPager _viewpager; 

    /**
     * 分頁顯示的View數組
     */ 
    private ArrayList<View> _pagerlist; 
    private ImageView image; 

    /**
     * 小圓點的圖片 放進數組
     */ 
    private ImageView[] _imageViews; 

    //包裹滑動的圖片Linearlayout  
    private ViewGroup _group; 

    //包裹小圓點的Linearlayout  
    private ViewGroup _viewPonits; 

    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.start); 

        LayoutInflater inflater=getLayoutInflater(); 
        _pagerlist =new ArrayList<View>(); 
        _pagerlist.add(inflater.inflate(R.layout.viewpager_page1,null)); 
        _pagerlist.add(inflater.inflate(R.layout.viewpager_page2,null)); 

        //創建Imageviews數組，大小是要顯示的圖片數量  
        _imageViews =new ImageView[_pagerlist.size()]; 

//        ViewGroup   
        _group =(ViewGroup) inflater.inflate(R.layout.start, null);//加載MAIN.XML  

        _viewPonits=(ViewGroup) _group.findViewById(R.id.icon_circle);//加載小圓點的圖片  

        _viewpager =(ViewPager) _group.findViewById(R.id.guidePages);//android.support.v4.view.ViewPager  

        //添加小圓點的圖片  
        for (int i = 0; i < _imageViews.length; i++) { 
             image= new ImageView(this); 
             //設置小圓點的imageview的參數  
             image.setLayoutParams(new LayoutParams(20,20));//寬高均為20  
             image.setPadding(20, 0, 20, 0); 
             _imageViews[i]=image; 

             //第一張是選中狀態  
             if(i==0){ 
                 _imageViews[i].setBackgroundResource(R.drawable.a2a); 
             }else{ 
                 _imageViews[i].setBackgroundResource(R.drawable.a1a); 
             } 
             _viewPonits.addView(_imageViews[i]); 
        } 
        //顯示視圖  
        setContentView(_group); 
        _viewpager.setAdapter(new GuidePageAdapter()); 
        _viewpager.setOnPageChangeListener(new GuidePageChangeListener()); 
    } 

    void setGuided(){ 
        SharedPreferences shared=getSharedPreferences("yang",0); 
        SharedPreferences.Editor editor=shared.edit(); 
        editor.putString("Open", "false"); 
        editor.commit(); 
    } 

    class GuidePageAdapter extends PagerAdapter{ 

        @Override 
        public int getCount() { 
            return _pagerlist.size(); 
        } 

        //initalization position page  
        @Override 
        public Object instantiateItem(View container, int position) { 
            ((ViewPager)container).addView(_pagerlist.get(position)); 
            if(position==1){ 
                Button bt=(Button) container.findViewById(R.id.bt_close); 
                bt.setOnClickListener(new OnClickListener() { 
                    @Override 
                    public void onClick(View v) { 
                        //設置已經引導  
                        setGuided(); 
                        //Intent   
                        Intent intent=new Intent(); 
                        intent.setClass(MainActivity.this,TwoActivity.class ); 
                        MainActivity.this.startActivity(intent); 
                        MainActivity.this.finish(); 
                    } 
                }); 

            } 
            return _pagerlist.get(position); 
        } 

        //判斷是否由對象生成頁面  
        @Override 
        public boolean isViewFromObject(View view, Object obj) { 
            return view==obj; 
        } 

        //銷毀頁面的位置  
        @Override 
        public void destroyItem(View container, int position, Object object) { 
            ((ViewPager)container).removeView(_pagerlist.get(position)); 
        } 

        @Override 
        public void finishUpdate(View container) { 
            //finish  
        } 

        @Override 
        public void startUpdate(View container) { 
            //start  
        } 

        @Override 
        public int getItemPosition(Object object) { 
            //getItemPosition  
            return super.getItemPosition(object); 
        } 

        @Override 
        public void restoreState(Parcelable state, ClassLoader loader) { 
            super.restoreState(state, loader); 
            //restore  
        } 

        @Override 
        public Parcelable saveState() { 
            return super.saveState(); 
            //save  
        } 
    } 

    class GuidePageChangeListener implements OnPageChangeListener{ 

        @Override 
        public void onPageScrollStateChanged(int arg0) { 

        } 

        @Override 
        public void onPageScrolled(int arg0, float arg1, int arg2) { 

        } 

        @Override 
        public void onPageSelected(int position) { 
            for (int i = 0; i < _imageViews.length; i++) { 
                    _imageViews[position].setBackgroundResource(R.drawable.a2a); 
                    if(position!=i) 
                        _imageViews[i].setBackgroundResource(R.drawable.a1a); 

            } 
        } 

    } 
}
package cn.djy.activity;
import java.util.ArrayList;
import android.app.Activity;
import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TwoLineListItem;
/**
 * 實現
 * @author dujinyang
 *
 */
public class MainActivity extends Activity {

 private ViewPager _viewpager;

 /**
  * 分頁顯示的View數組
  */
 private ArrayList<View> _pagerlist;
 private ImageView image;

 /**
  * 小圓點的圖片 放進數組
  */
 private ImageView[] _imageViews;

 //包裹滑動的圖片Linearlayout
 private ViewGroup _group;

 //包裹小圓點的Linearlayout
 private ViewGroup _viewPonits;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.start);

        LayoutInflater inflater=getLayoutInflater();
        _pagerlist =new ArrayList<View>();
        _pagerlist.add(inflater.inflate(R.layout.viewpager_page1,null));
        _pagerlist.add(inflater.inflate(R.layout.viewpager_page2,null));

        //創建Imageviews數組，大小是要顯示的圖片數量
        _imageViews =new ImageView[_pagerlist.size()];

//        ViewGroup
        _group =(ViewGroup) inflater.inflate(R.layout.start, null);//加載MAIN.XML

        _viewPonits=(ViewGroup) _group.findViewById(R.id.icon_circle);//加載小圓點的圖片

        _viewpager =(ViewPager) _group.findViewById(R.id.guidePages);//android.support.v4.view.ViewPager

        //添加小圓點的圖片
        for (int i = 0; i < _imageViews.length; i++) {
    image= new ImageView(this);
    //設置小圓點的imageview的參數
    image.setLayoutParams(new LayoutParams(20,20));//寬高均為20
    image.setPadding(20, 0, 20, 0);
    _imageViews[i]=image;

    //第一張是選中狀態
    if(i==0){
     _imageViews[i].setBackgroundResource(R.drawable.a2a);
    }else{
     _imageViews[i].setBackgroundResource(R.drawable.a1a);
    }
    _viewPonits.addView(_imageViews[i]);
  }
        //顯示視圖
        setContentView(_group);
        _viewpager.setAdapter(new GuidePageAdapter());
        _viewpager.setOnPageChangeListener(new GuidePageChangeListener());
    }

    void setGuided(){
     SharedPreferences shared=getSharedPreferences("yang",0);
     SharedPreferences.Editor editor=shared.edit();
     editor.putString("Open", "false");
     editor.commit();
    }

    class GuidePageAdapter extends PagerAdapter{
  @Override
  public int getCount() {
   return _pagerlist.size();
  }

  //initalization position page
  @Override
  public Object instantiateItem(View container, int position) {
   ((ViewPager)container).addView(_pagerlist.get(position));
   if(position==1){
    Button bt=(Button) container.findViewById(R.id.bt_close);
    bt.setOnClickListener(new OnClickListener() {
     @Override
     public void onClick(View v) {
      //設置已經引導
      setGuided();
      //Intent
      Intent intent=new Intent();
      intent.setClass(MainActivity.this,TwoActivity.class );
      MainActivity.this.startActivity(intent);
      MainActivity.this.finish();
     }
    });

   }
   return _pagerlist.get(position);
  }

  //判斷是否由對象生成頁面
  @Override
  public boolean isViewFromObject(View view, Object obj) {
   return view==obj;
  }

  //銷毀頁面的位置
  @Override
  public void destroyItem(View container, int position, Object object) {
   ((ViewPager)container).removeView(_pagerlist.get(position));
  }

  @Override
  public void finishUpdate(View container) {
   //finish
  }

  @Override
  public void startUpdate(View container) {
   //start
  }

  @Override
  public int getItemPosition(Object object) {
   //getItemPosition
   return super.getItemPosition(object);
  }

  @Override
  public void restoreState(Parcelable state, ClassLoader loader) {
   super.restoreState(state, loader);
   //restore
  }

  @Override
  public Parcelable saveState() {
   return super.saveState();
   //save
  }
    }

    class GuidePageChangeListener implements OnPageChangeListener{
  @Override
  public void onPageScrollStateChanged(int arg0) {

  }
  @Override
  public void onPageScrolled(int arg0, float arg1, int arg2) {

  }
  @Override
  public void onPageSelected(int position) {
   for (int i = 0; i < _imageViews.length; i++) {
     _imageViews[position].setBackgroundResource(R.drawable.a2a);
     if(position!=i)
      _imageViews[i].setBackgroundResource(R.drawable.a1a);

   }
  }

    }
}

最後是TWOActivity：這個Activity是顯示的內容。

package cn.djy.activity; 

import android.app.Activity; 
import android.os.Bundle; 

public class TwoActivity extends Activity{ 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.end); 
    } 

}
package cn.djy.activity;
import android.app.Activity;
import android.os.Bundle;
public class TwoActivity extends Activity{

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.end);
 }
}

主要代碼完成。

裡面涉及的drawable圖片是小圓點圖片。

下面貼出XML的。

start.xml

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
     <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:id="@+id/linear_viewpager"> 

        <android.support.v4.view.ViewPager   android:id="@+id/guidePages" android:layout_width="fill_parent"  android:layout_height="wrap_content"/> 

     </LinearLayout> 

     <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:id="@+id/linear_circle"> 

         <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" > 
                <LinearLayout android:id="@+id/icon_circle"  
                              android:layout_width="fill_parent"  
                              android:layout_height="wrap_content"  
                              android:layout_marginBottom="40dip"  
                              android:layout_alignParentBottom="true"  
                              android:gravity="center_vertical" 
                              android:orientation="horizontal"/> 
         </RelativeLayout> 

     </LinearLayout> 

</FrameLayout>
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
   <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:id="@+id/linear_viewpager">

    <android.support.v4.view.ViewPager  android:id="@+id/guidePages" android:layout_width="fill_parent"  android:layout_height="wrap_content"/>

   </LinearLayout>
   <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:id="@+id/linear_circle">

     <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" >
       <LinearLayout android:id="@+id/icon_circle"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dip"
            android:layout_alignParentBottom="true"
            android:gravity="center_vertical"
            android:orientation="horizontal"/>
     </RelativeLayout>

   </LinearLayout>

</FrameLayout>

其實是用Group把子項包起來作為顯示：

那子項為：

ViewPager_page1.xml

<LinearLayout 
  xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"  android:orientation="vertical"> 
   <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center" android:text="adfasfasfweqwwfqw'" 
   /> 
 </LinearLayout>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"  android:orientation="vertical">
   <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center" android:text="adfasfasfweqwwfqw'"
   />
 </LinearLayout>

viewpager_page2.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
  xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:orientation="vertical"  
  android:gravity="center"> 

  <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="pages222222222222222222"></TextView> 

  <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="asdfi14234124" android:id="@+id/bt_close"></Button> 
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:gravity="center">

  <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="pages222222222222222222"></TextView>

  <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="asdfi14234124" android:id="@+id/bt_close"></Button>
</LinearLayout>
  1. 上一頁:
  2. 下一頁:
Android資訊
Android編程入門Android技術基礎Android資訊關於Android編程Android開發Android開發環境Android開發實例
相關文章
熱門文章
使用 Unity 開發 Android 游戲時如何追蹤性能問題 Android UI控件系列：LinearLayout(線性布局) Android RecyclerView 通用適配器的實現 Android 按鈕單擊事件的四種常用寫法總結 Android中的ANR用法詳解 Android SDK簡明教程：應用程序結構
Android View 使用總結

關於Android View控件 Android中控件大致被分為
Android 軟件自動更新功能實現的方法

本篇文章小編為大家介紹，Android 軟件自動更新功能實現的方
Android 存儲系統之架構篇

基於Android 6.0的源碼，剖析存儲架構的設計 Andro
Android 7.0 Nougat 不得不知的 11 項新功能

本文由碼農網 – 豆照建原創翻譯，轉載請看清文末的轉載要求，歡
閱讀排行版
Copyright © Android教程網 All Rights Reserved