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



}

 

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