Android ViewPager图片滑动
首先展示效果图
Android ViewPager图片滑动代码演示步骤
1.实例化ViewPager
2.通过LayoutInflater加载布局,返回View结果
3.把生成的每一个View对象添加到List集合中
4.实例化适配器,传递View集合
5.在适配器中继承自PagerAdapter,实现内部的四个方法
getCount(); 返回视图的数量
isViewFromObject(); 是否通过对象加载视图 View==object
instantiateltem(); 加载当前页面
(通过container.addView();添加视图)
返回个给用户
destroyItem(); 销毁滑出的视图
(通过container.removerView();销毁视图)
2.通过LayoutInflater加载布局,返回View结果
3.把生成的每一个View对象添加到List集合中
4.实例化适配器,传递View集合
5.在适配器中继承自PagerAdapter,实现内部的四个方法
getCount(); 返回视图的数量
isViewFromObject(); 是否通过对象加载视图 View==object
instantiateltem(); 加载当前页面
(通过container.addView();添加视图)
返回个给用户
destroyItem(); 销毁滑出的视图
(通过container.removerView();销毁视图)
6.实例化每个ImageView
7.点击每个ImageView时,切换不同的页面
(viewPager.setCurrentltem(下标))
7.点击每个ImageView时,切换不同的页面
(viewPager.setCurrentltem(下标))
8.当页面切换后,还要把当前的导航栏变为绿色
设置文本颜色的 setImageResource(R.drawable. radio_true );
9.当你每次点击之前的时候,添加一个方法,清除方法,
(清理之 前的所有导航栏的状态,置为灰色)
10.实现滑动监听需要addOnPagerChangeListener
11.在onPagerSelected方法中,根据position页面的下标判断分别设置对应的底部导航栏状态
设置文本颜色的 setImageResource(R.drawable. radio_true );
9.当你每次点击之前的时候,添加一个方法,清除方法,
(清理之 前的所有导航栏的状态,置为灰色)
10.实现滑动监听需要addOnPagerChangeListener
11.在onPagerSelected方法中,根据position页面的下标判断分别设置对应的底部导航栏状态
一.新建一个项目名为ViewPagerDemo,并引入ViewPager
ViewPager是google SDk中自带的一个附加包的一个类,可以用来实现屏幕间的切换
1.在主布局文件activity_main.xml中引入
android.support.v4.view.
ViewPager包,
添加一个线性布局
在线性布局中添加ImageView用于显示滑动小点
<?xml version="1.0" encoding="utf-8"?> <FrameLayout 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" android:orientation="vertical" tools:context="com.example.cxy.viewpagerdemo.MainActivity"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v4.view.ViewPager> <LinearLayout android:layout_gravity="bottom" android:gravity="center" android:layout_marginBottom="20dp" android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content"