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();
     }
 
 }

>>>>>>>>>>>>>>>>>>实例下载