ViewPager广告栏

布局文件

<?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);
        }
    }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值