android實作頂部滑動清單

（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>