android 初识ViewPager

来源:互联网 发布:快速掌握java语言 编辑:程序博客网 时间:2024/05/17 23:30

1.准备工作
这里写图片描述
这里写图片描述
每一个view,只是img不一样,其他都是一样的

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <ImageView         android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="#000000"        //这里写每一页想要显示的图片        android:src="@drawable/image1"        android:scaleType="fitCenter"                />    <TextView         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="bottom|center"        android:text="向左滑动下一张"        android:textColor="#f0f0f0"/></FrameLayout>

2.主布局。xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context=".MainActivity" >//这里要做兼容    <android.support.v4.view.ViewPager        android:id="@+id/pager"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center">        //这里这得是引导栏        <android.support.v4.view.PagerTabStrip            android:id="@+id/tab"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="top"            >        </android.support.v4.view.PagerTabStrip>    </android.support.v4.view.ViewPager></LinearLayout>

3.activity.java里面的代码

public class MainActivity extends Activity {    private ViewPager pager;    //定义一个泛型用于存储每一个view    private List<View>viewlist;    private PagerTabStrip tab;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //初始化        viewlist = new ArrayList<View>();        pager =(ViewPager) findViewById(R.id.pager);        tab = (PagerTabStrip)findViewById(R.id.tab);        //将每一个xml布局文件转化为view       View view1 = View.inflate(this, R.layout.view1, null);       View view2 = View.inflate(this, R.layout.view2, null);       View view3 = View.inflate(this, R.layout.view3, null);       View view4 = View.inflate(this, R.layout.view4, null);       //把view放进数组空间里面       viewlist.add(view1);       viewlist.add(view2);       viewlist.add(view3);       viewlist.add(view4);               //设置引导栏的属性,更多请查阅api       tab.setBackgroundColor(Color.BLACK);       tab.setTextColor(Color.WHITE);       tab.setDrawFullUnderline(false);       tab.setTabIndicatorColor(Color.WHITE);       //这里面是viewpager的适配器       MyPagerAdapter adapter = new MyPagerAdapter(viewlist);           //设置转换动画,也可以不设置转换动画,那样切换的效果就很死板  pager.setPageTransformer(true, new DepthPageTransformer());       //这是另外一个不同效果的转换动画    //pager.setPageTransformer(true, new ZoomOutPageTransformer());       pager.setAdapter(adapter);           }}

4.viewpager的适配器,这里没有什么要注明的,相应的参数都记住怎么填的就行了,如果要设置title则加个getPageTitle方法,定义一个titlelist,把每一页的title写进list里面

public class MyPagerAdapter extends PagerAdapter{    private List<View>viewlist;    public MyPagerAdapter(List<View>viewlist){        this.viewlist=viewlist;    }    @Override    public int getCount() {        // TODO Auto-generated method stub        return viewlist.size();    }    @Override    public boolean isViewFromObject(View arg0, Object arg1) {        // TODO Auto-generated method stub        return arg0==arg1;    }    @Override    public Object instantiateItem(ViewGroup container, int position) {        // TODO Auto-generated method stub        container.addView(viewlist.get(position));        return viewlist.get(position);    }    @Override    public void destroyItem(ViewGroup container, int position, Object object) {        // TODO Auto-generated method stub        container.removeView(viewlist.get(position));    }}

原理:
将xml文件转换为view放进list泛型里面,用pageradapter适配器绑定viewlist数据源呈现出来,想要加动画就setPageTransformer参数第一个是true,第二个是一个动画类,api中也可以查到一个是DepthPageTransformer,一个是ZoomOutPageTransformer

0 0
原创粉丝点击