【第22期】观点:IT 行业加班,到底有没有价值?

ViewPager无限轮播

原创 2016年06月01日 14:41:26

MAinActivity代码

public class MainActivity extends Activity {

    private ViewPager viewPager;
    private LinearLayout ll_dot;
    private String[] imageUrls = new String[] {
            "http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg",
            "http://pic2.nipic.com/20090424/1468853_230119053_2.jpg",
            "http://img3.3lian.com/2013/s1/20/d/57.jpg",
            "http://pic39.nipic.com/20140226/18071023_164300608000_2.jpg",
            "http://a0.att.hudong.com/15/08/300218769736132194086202411_950.jpg"
};
    private ArrayList<ImageView> viewList;
    private ArrayList<ImageView> dotList;
    Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            //先去获取到当前条目索引
            int currentItem = viewPager.getCurrentItem();
            //条目索引+1
            currentItem++;
            //重新设置给viewPager
            viewPager.setCurrentItem(currentItem);
            //再调用发延时消息的方法
            sendDelayMessage();
        };
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager = (ViewPager) findViewById(R.id.viewPager);
        ll_dot = (LinearLayout) findViewById(R.id.ll_dot);
        //初始化图片
        initViewList();
        // 初始化小圆点
        initDots();
        // 设置数据适配器
        viewPager.setAdapter(new MyPagerAdapter(this, viewList,handler));
        // 设置初始的展示条目
        viewPager.setCurrentItem(viewList.size() * 100000);
        // 设置延时切换
        sendDelayMessage();

        // 监听viewPager的一个滑动事件
        viewPager.setOnPageChangeListener(new OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                // 遍历小点的集合
                for (int i = 0; i < dotList.size(); i++) {
                    // 如果当前的索引值和i相等
                    if (position % dotList.size() == i) {
                        // 设置小点为亮色
                        dotList.get(i).setImageResource(R.drawable.dot_focuse);
                    } else {
                        // 否则暗色
                        dotList.get(i).setImageResource(R.drawable.dot_normal);
                    }
                }
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {

            }
        });
    }
    /**
     * 发送延时消息
     */
    private void sendDelayMessage() {
        handler.sendEmptyMessageDelayed(0, 2000);
    }

    private void initDots() {
        // 创建一个装小点控件的集合
        dotList = new ArrayList<ImageView>();
        dotList.clear();
        for (int i = 0; i < imageUrls.length; i++) {
            ImageView imageView = new ImageView(this);
            if (i == 0) {
                // 如果是第一张,默认给一个亮的小点
                imageView.setImageResource(R.drawable.dot_focuse);
            } else {
                // 如果不是滴一个,默认给一个暗的小点
                imageView.setImageResource(R.drawable.dot_normal);
            }
            // 设置小点的默认宽高为20dp
            LayoutParams params = new LayoutParams(20, 20);
            // 设置小点的间距
            params.setMargins(5, 0, 5, 0);
            ll_dot.addView(imageView, params);
            // 往小点集合中添加view
            dotList.add(imageView);
        }
    }

    private void initViewList() {
        // 先使用xutils的工具类
        BitmapUtils bitmapUtils = new BitmapUtils(this);
        viewList = new ArrayList<ImageView>();
        for (int i = 0; i < imageUrls.length; i++) {
            // 创建imageView 并通过工具类将图片设置到控件上
            ImageView imageView = new ImageView(this);
            bitmapUtils.display(imageView, imageUrls[i]);
            viewList.add(imageView);
        }
    }
}

//adapter代码

public class MyPagerAdapter extends PagerAdapter {
    private List<ImageView> viewList;
    private Context context;
    private Handler handler;

    public MyPagerAdapter(Context context, List<ImageView> viewList,
            Handler handler) {
        this.context = context;
        this.viewList = viewList;
        this.handler = handler;
    }

    @Override
    public int getCount() {
        return Integer.MAX_VALUE;
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == arg1;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        // 通过控件集合获取imageView 添加到容器中,并作为key 返回
        ImageView imageView = viewList.get(position % viewList.size());
        imageView.setOnTouchListener(new OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                // 当按下的时候,停止轮播
                case MotionEvent.ACTION_DOWN:
                    // 移除所有的回调和消息
                    handler.removeCallbacksAndMessages(null);
                    break;
                // 抬起
                case MotionEvent.ACTION_UP:
                    handler.sendEmptyMessageDelayed(0, 2000);
                    break;
                // 取消的时候,继续开始录播
                case MotionEvent.ACTION_CANCEL:
                    handler.sendEmptyMessageDelayed(0, 2000);
                    break;
                default:
                    break;
                }
                //触摸事件不被消费,true 消费该触摸事件
                return true;
            }
        });
        container.addView(imageView);
        return imageView;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        // super.destroyItem(container, position, object);
        container.removeView((View) object);
    }
}
Drawable代码

  <corners android:radius="8dp" />
    <solid android:color="#fff"/>

布局

 <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="200dp" />

    <LinearLayout
        android:id="@+id/ll_dot"
        android:layout_width="match_parent"
        android:gravity="center"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        
        android:layout_alignBottom="@id/viewPager" >
    </LinearLayout>


版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

ViewPager中代码动态的添加小圆点作为指示器indicator,以及实现无限轮播

1.首先我们需要一个相对布局装一个线性布局的容器和一个白色的小点作为选中的标识,用灰点表示未选中的情况。

【短讯】基于移动页面的无限轮播javascript类库 - swipeview

日期:2012-9-12  来源:GBin1.com <img

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

ViewPager:真正实现图片的无限轮播、自定义指示点和条目点击事件(支持长按暂停滚动)

概述 轮播组件在我们的APP中是很常见的,网上也能找到很多类似的Demo。这里把ViewPager进行了一些封装,支持开发者自定义条目布局,指示点样式,图片加载方式等,耦合低,方便使用。源码:htt...

带指示点Viewpaper图片轮播

功能:带指示点Viewpaper图片轮播(无限轮播)</spa

android中使用ViewPager实现无限轮播图

android中使用ViewPager实现无线轮播图
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)