(1)定义一个xml viewpager控件
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/bannerFrame" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v4.view.ViewPager android:layout_width="match_parent" android:layout_height="188dp" android:id="@+id/vp_main_viewPage"/> <LinearLayout android:id="@+id/linearIndicator" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="right" android:gravity="right" android:layout_marginTop="158dp" android:orientation="horizontal"> </LinearLayout> </FrameLayout>
(2)使用适配器
public class MainActivity extends AppCompatActivity { private static final String TAG = "BannerActivity"; private ViewPager mYViewPager; private LinearLayout mLinearIndicator; private List<ImageView> mImageViews; private int mTotalCount = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mYViewPager = (ViewPager) findViewById(R.id.vp_main_viewPage); mLinearIndicator = (LinearLayout) findViewById(R.id.linearIndicator); initImgs(); mYViewPager.setAdapter(new ImagePagerAdapter()); mYViewPager.setCurrentItem(0); mYViewPager.addOnPageChangeListener(new YViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { setIndicator(position%mImageViews.size()); Log.d(TAG,"POSITION=====>"+mYViewPager.getCurrentItem()); } @Override public void onPageScrollStateChanged(int state) { } }); } private void setIndicator(int pos) { mLinearIndicator.removeAllViews(); for (int i = 0; i < mImageViews.size(); i++) { int resId = i == pos ? R.drawable.circle_selected : R.drawable.circle_normal; ImageView indicator = new ImageView(this); indicator.setImageResource(resId); LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(30, 30); indicator.setLayoutParams(lp); mLinearIndicator.addView(indicator); } } private void initImgs() { mImageViews = new ArrayList<>(); ViewPager.LayoutParams lp = new ViewPager.LayoutParams(); lp.gravity = Gravity.LEFT; ImageView imageView1 = new ImageView(this); imageView1.setImageResource(R.mipmap.jay_fantexi); imageView1.setScaleType(ImageView.ScaleType.CENTER_CROP); ImageView imageView2 = new ImageView(this); imageView2.setImageResource(R.mipmap.jay_jay); imageView2.setScaleType(ImageView.ScaleType.CENTER_CROP); ImageView imageView3 = new ImageView(this); imageView3.setImageResource(R.mipmap.logo); imageView3.setScaleType(ImageView.ScaleType.CENTER_CROP); ImageView imageView4 = new ImageView(this); imageView4.setImageResource(R.mipmap.image2); imageView4.setScaleType(ImageView.ScaleType.CENTER_CROP); ImageView imageView5 = new ImageView(this); imageView5.setImageResource(R.mipmap.jay_jay); imageView5.setScaleType(ImageView.ScaleType.CENTER_CROP); ImageView imageView6 = new ImageView(this); imageView6.setImageResource(R.mipmap.logo); imageView6.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView1.setLayoutParams(lp); imageView2.setLayoutParams(lp); imageView3.setLayoutParams(lp); imageView4.setLayoutParams(lp); imageView5.setLayoutParams(lp); imageView6.setLayoutParams(lp); mImageViews.add(imageView1); mImageViews.add(imageView2); mImageViews.add(imageView3); mImageViews.add(imageView4); mImageViews.add(imageView5); mImageViews.add(imageView6); } class ImagePagerAdapter extends PagerAdapter{ @Override public Object instantiateItem(ViewGroup container, int position) { View img = mImageViews.get(position); container.addView(img); return img; } @Override public int getCount() { return mImageViews.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } } }(3)circle_normal.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#d0d7d0"/> </shape>(4)circle_selected.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#f63"/> </shape>