Android：仿微信開場切換界面

這實例很多人仿做，好實例還是不容錯過！最重要是素材容易拿~

效果：

默認3頁面的切換，最后一個頁面帶按鈕，點擊進入另外一個頁面

 

思路：

1、准備5個布局頁面，1個為主函數布局頁面，3個為切換的頁面(其一帶按鈕)，1個為按鈕點擊進入的頁面(這個需要Activity)。

2、用適配器綁定相應的view，設置適配器

3、制作點點，設置監聽事件控制點點

4、設置按鈕的點擊事件

 

主要代碼：

主布局

<?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.support.v4.view.ViewPager
android:id="@+id/viewPager"  
android:layout_width="match_parent"
android:layout_height="wrap_content"
>       
</android.support.v4.view.ViewPager>
</LinearLayout>

有按鈕的切換頁布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/whatsnew_page01"
     >
      
            <Button 
        android:id="@+id/comein"
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:text="進入微信"
        android:textColor="#ffffff"
        android:layout_centerInParent="true"
        android:background="@drawable/btn_selector"
         android:onClick="startbutton"
        />
        
</RelativeLayout>

程序代碼：

public class MainActivity extends Activity {
private ViewPager viewpager;
private ArrayList<View>views ;

//點點
private ViewGroup listgroup;
private ImageView imageview;
private ImageView[] imageviewArr;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //設置無標題欄
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        
        setContentView(R.layout.start);
        
        //內容
        viewpager = (ViewPager) findViewById(R.id.viewpager);       
        views = new ArrayList<View>();       
        
        
        //把view加入數組
        LayoutInflater lf = getLayoutInflater();
        View v1 =lf.inflate(R.layout.w1, null);
        View v2 =lf.inflate(R.layout.w2, null);
        View v3 =lf.inflate(R.layout.w3, null);             
        views.add(v1);
        views.add(v2);
        views.add(v3);       
        
        
        /*
         * 把點加入ViewGroup
         * */
        listgroup = (ViewGroup) findViewById(R.id.listgroup);
        //有多少個界面數組就包含多少個點
        imageviewArr = new ImageView[views.size()];
        //生成每個點
        for(int i=0;i<views.size();i++){
            imageview = new ImageView(MainActivity.this);
            //設置點的寬和高
            imageview.setLayoutParams(new LayoutParams(9,9));
            //設置點padding(左，上，右，下)
            imageview.setPadding(20, 0, 20, 0);

            
            //放入數組
            imageviewArr[i]=imageview;
            
            //設置第一個點樣式為選中狀態，其他為默認狀態
            if(i==0){
                imageview.setBackgroundResource(R.drawable.page_indicator_focused);
            }else{
                imageview.setBackgroundResource(R.drawable.page_indicator_unfocused);
            }
            
            listgroup.addView(imageviewArr[i]); 
            
        }
        
        
       //綁定適配器
       viewpager.setAdapter(new ViewPagerAdapter());
       
       //設置監聽器，切換時，點樣式同步切換
       viewpager.setOnPageChangeListener(new listChangerListener());
    }

    
    
    
    /*
     * viewpager的適配器
     * */
    public class ViewPagerAdapter extends PagerAdapter{
        //實現PagerAdapter至少要覆蓋以下方法
        @Override
        //返回窗體界面數
        public int getCount() {
            // TODO Auto-generated method stub
            return views.size();
        }

        @Override
        //判斷對象是否生成界面
        public boolean isViewFromObject(View arg0, Object arg1) {
            // TODO Auto-generated method stub
            return arg0==arg1;
        }


        @Override
        //銷毀一個界面
        public void destroyItem(View container, int position, Object object) {
            // TODO Auto-generated method stub
            ((ViewPager)container).removeView(views.get(position));            
        }
        
        @Override
        //初始化界面
        public Object instantiateItem(View container, int position) {
            // TODO Auto-generated method stub
            ((ViewPager)container).addView(views.get(position));
            return views.get(position);
        }
        
    }

    
    /*
     * viewpager的監聽器
     * */
    public class listChangerListener implements OnPageChangeListener{

        @Override
        public void onPageScrollStateChanged(int arg0) {
            // TODO Auto-generated method stub
            
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            // TODO Auto-generated method stub
            
        }

        @Override
        public void onPageSelected(int arg0) {
            // TODO Auto-generated method stub
            for(int i=0;i<imageviewArr.length;i++){
                //當前索引為arg0,循環所有點，如果i為當前索引。則i樣式為選中狀態
                imageviewArr[arg0].setBackgroundResource(R.drawable.page_indicator_focused);
                if(arg0 !=i){
                //否則樣式為未選中狀態    
                imageviewArr[i].setBackgroundResource(R.drawable.page_indicator_unfocused);
                }
            }
            
        }
        
    }
    
    //點擊按鈕打開新頁面
    public void startbutton(View v) {
        Intent intent = new Intent(MainActivity.this, HomeActivity.class);
        startActivity(intent);
        MainActivity.this.finish();
    }



}

 

>>>>>>>>>>>>>>>>>>實例下載