布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="180dp">
</android.support.v4.view.ViewPager>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#44000000"
android:padding="5dp">
<TextView
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:text="美国队长3"
android:textColor="#ffffff"/>
<LinearLayout
android:orientation="horizontal"
android:id="@+id/point_group"
android:layout_width="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_height="wrap_content">
</LinearLayout>
</LinearLayout>
</LinearLayout>
Activity
public class MainActivity extends AppCompatActivity {
private ViewPager viewPager;
private TextView title;
//上一次高亮显示的位置,一开始设置为0,后面我们滑动就进行改变
private int prePosition = 0;
private LinearLayout point_group;
//用于存放图片的集合
private ArrayList<ImageView> imageViews;
// 图片资源ID
private final int[] imageIds = {
R.drawable.a,
R.drawable.b,
R.drawable.c,
R.drawable.d,
R.drawable.e};
// 图片标题集合
private final String[] imageDescriptions = {
"一二三四五",
"上山打老虎",
"老虎不在家",
"到哪里去了",
"找不到了!"
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initBinds();
initDatas();
initAdapter();
}
private void initAdapter() {
viewPager.setAdapter(new ViewPagerAdapter());
viewPager.addOnPageChangeListener(new PageViewChangeListener() );
//设置中间位置
int item = Integer.MAX_VALUE/2 - Integer.MAX_VALUE/2%imageViews.size();//要保证imageViews的整数倍
viewPager.setCurrentItem(item);
}
class PageViewChangeListener implements ViewPager.OnPageChangeListener{
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
/**
* 当某个页面被选中了的时候回调
* @param position 被选中页面的位置
*/
@Override
public void onPageSelected(int position) {
//取模
int realPositon = position % imageViews.size();
//设置当前对应的文本
title.setText(imageDescriptions[realPositon]);
//把上一个高亮的设置默认-灰色
point_group.getChildAt(prePosition).setEnabled(false);
//当前的设置为高亮-红色
point_group.getChildAt(realPositon).setEnabled(true);
prePosition = realPositon;
}
@Override
public void onPageScrollStateChanged(int state) {
}
}
private void initDatas() {
imageViews = new ArrayList<>();
//将图片存到ImageView中
for(int i = 0; i < imageIds.length; i++){
//新建ImageView对象
ImageView imageView = new ImageView(this);
//将图片存到ImageView对象中
imageView.setBackgroundResource(imageIds[i]);
//将图片添加到集合中
imageViews.add(imageView);
//用于存储点
ImageView point = new ImageView(this);
//设置点 正常点和选中点
point.setBackgroundResource(R.drawable.point_selector);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(8,8);
//第一次第一个点设置为红色
if(i==0){
point.setEnabled(true); //显示红色
}else{
point.setEnabled(false);//显示灰色
params.leftMargin = 8;
}
//设置点的间距
point.setLayoutParams(params);
//点添加到视图中
point_group.addView(point);
}
}
private void initBinds() {
viewPager = (ViewPager)findViewById(R.id.viewPager);
title = (TextView)findViewById(R.id.title);
point_group = (LinearLayout)findViewById(R.id.point_group);
}
class ViewPagerAdapter extends PagerAdapter{
/**
* 得到图片的总数
* @return
*/
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
/**
* 比较view和object是否同一个实例
* @param view 页面
* @param object 这个方法instantiateItem返回的结果
* @return
*/
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
/**
* 相当于getView方法
* @param container ViewPager自身
* @param position 当前实例化页面的位置
* @return
*/
@Override
public Object instantiateItem(ViewGroup container, int position) {
//取模
int realPosition = position%imageViews.size();
//获取当前要显示的视图
final ImageView imageView = imageViews.get(realPosition);
//添加到ViewPager中
container.addView(imageView);
return imageView;
}
/**
* 释放资源
* @param container viewpager
* @param position 要释放的位置
* @param object 要释放的页面
*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}
}