布局文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="com.example.administrator.app06014.MainActivity">
<android.support.v4.view.ViewPager
android:id="@+id/rl_parent"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
<LinearLayout
android:id="@+id/rl_bottom"
android:layout_width="match_parent"
android:layout_height="30dp"
android:orientation="horizontal"
android:background="#ff00"
android:layout_alignParentBottom="true"
android:gravity="center"
>
</LinearLayout>
</RelativeLayout>
public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener,View.OnClickListener{
private ViewPager viewPager;//滑动视图列表
private LinearLayout rl_guid;//相对布局
private int [] images_id={R.mipmap.aa,R.mipmap.aa11,R.mipmap.aa2,R.mipmap.aa3,
R.mipmap.aa4,R.mipmap.aa5,R.mipmap.aa22,R.mipmap.aa33,R.mipmap.aa44,R.mipmap.aa55,
R.mipmap.aa6,R.mipmap.aaaa};
private List<ImageView>list;//线性布局里面的图片控件集合
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
//创建自定义的适配器对象
MyAdapter adapter=new MyAdapter(MainActivity.this);
viewPager.setAdapter(adapter);//给视图列表(可滑动)设置适配器
}
private void initView() {
viewPager= (ViewPager) findViewById(R.id.rl_parent);//视图列表控件
viewPager.setOnPageChangeListener(this);
rl_guid= (LinearLayout) findViewById(R.id.rl_bottom);//线性布局
list=new ArrayList<ImageView>();//初始化图片控件集合(底部的小圆点)
for(int i=0;i<images_id.length;i++){
ImageView image=new ImageView(this);//创建图片控件
LinearLayout.LayoutParams params=//创建设置对象
new LinearLayout.LayoutParams(//设置宽和高
ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT
);
params.rightMargin=5;//设置右边的间距
image.setLayoutParams(params);//把定义的距离(定义)设置进来
if(i==0){//设置第1张图片为不可用
image.setEnabled(false);
}
//设置图片控件的背景(资源里面的选择器)
image.setBackgroundResource(R.drawable.image_selector);
image.setTag(i);//给控件设置Tag
image.setOnClickListener(this);//设置图片点击事件
rl_guid.addView(image);//把图片控件添加到线性布局里面
list.add(image);//添加到集合里面
}
}
@Override
public void onClick(View v) {//给线性布局里面的图片,添加点击事件
int tag= (int) v.getTag();
switch ((int)(v.getTag())){
case 0:
v.setEnabled(false);//设置点击的图片为不可用
viewPager.setCurrentItem(tag,true);//设置ViewPager显示的图片
break;
case 1:
v.setEnabled(false);
viewPager.setCurrentItem(tag,true);
break;
case 2:
v.setEnabled(false);
viewPager.setCurrentItem(tag, true);
break;
case 3:
v.setEnabled(false);
viewPager.setCurrentItem(tag, true);
break;
case 4:
v.setEnabled(false);
viewPager.setCurrentItem(tag, true);
break;
case 5:
v.setEnabled(false);
viewPager.setCurrentItem(tag,true);
break;
case 6:
v.setEnabled(false);
viewPager.setCurrentItem(tag, true);
break;
case 7:
v.setEnabled(false);
viewPager.setCurrentItem(tag, true);
break;
case 8:
v.setEnabled(false);
viewPager.setCurrentItem(tag, true);
break;
case 9:
v.setEnabled(false);
viewPager.setCurrentItem(tag, true);
break;
case 10:
v.setEnabled(false);
viewPager.setCurrentItem(tag, true);
break;
case 11:
v.setEnabled(false);
viewPager.setCurrentItem(tag, true);
break;
}
}
@Override//滑动的时候
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override//选中或者滑动停止的时候
public void onPageSelected(int position) {
//改变imageview的可以性(线性布局里面的)
for(int i=0;i<rl_guid.getChildCount();i++){
ImageView image= (ImageView) rl_guid.getChildAt(i);
if(i==position){
image.setEnabled(false);//选中的那张,设置为不可用
}else{
image.setEnabled(true);
}
}
}
@Override//滑动状态改变的时候
public void onPageScrollStateChanged(int state) {
}
//自定义视图列表的适配器
class MyAdapter extends PagerAdapter{
private Context context;
public MyAdapter(Context context){
this.context=context;
}
@Override//返回列表的内容总数
public int getCount() {
return images_id.length;
}
@Override//
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
@Override//实例化列表里面的控件
public Object instantiateItem(ViewGroup container, int position) {
ImageView image=new ImageView(context);//创建图片控件
image.setImageResource(images_id[position]);//给图片控件设置显示的内容
viewPager.addView(image);//把图片控件添加到视图列表(滑动)里面
return image;//返回添加的控件
}
@Override//删除控件(图片控件)的方法
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);//删除对象(图片控件)
}
}
}
资源文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
>
<size android:height="10dp" android:width="10dp"></size>
<solid android:color="#891ddc"></solid>
</shape>
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
>
<size android:width="10dp" android:height="10dp"></size>
<solid
android:color="#e6c80b"></solid>
</shape>
选择器:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="true" android:drawable="@drawable/dot_white"></item>
<item android:state_enabled="false" android:drawable="@drawable/dot_black"></item>
</selector>
”