智慧北京:轮播任务的封装

1、制作ViewPager顶部图片的轮播:
在得到所有数据进行。

NewsListController.java

// 数据处理
    private void processData(String json)
    {
        // json解析数据
        Gson gson = new Gson();
        NewsListBean bean = gson.fromJson(json, NewsListBean.class);
        // picture的数据
        newsPicData = bean.data.topnews;
        // 校验下
        // Log.i(TAG, bean.data.news.get(0).title+"");
        // 给ViewPager初始化数据
        mNewsListPicPager.setAdapter(new NewsTopPicAdapter());

        // 添加动态点
        for (int i = 0; i < newsPicData.size(); i++)
        {
            View view = new View(mContext);
            view.setBackgroundResource(R.drawable.dot_normal);
            // 控制下点的大小
            LinearLayout.LayoutParams params = new LayoutParams(10, 10);
            if (i != 0)
            {
                params.leftMargin = 10;
            } else
            {
                // 设置默认的图片
                view.setBackgroundResource(R.drawable.dot_focus);
            }
            mNewsListPointContainer.addView(view, params);
        }

        // 给ViewPager添加监听
        mNewsListPicPager.setOnPageChangeListener(this);
        // 设置默认title
        mNewsListTvTitle.setText(newsPicData.get(0).title);

        //开启轮播图
        final Handler handler = new Handler();
        handler.postDelayed(new Runnable()
        {

            @Override
            public void run()
            {
                //ViewPager选中下一个,如果是最后一个,下一个是第一个
                int position = mNewsListPicPager.getCurrentItem();
                if(position != mNewsListPicPager.getAdapter().getCount()-1){
                    //选中下一个
                    mNewsListPicPager.setCurrentItem(++position);
                }else{
                    //选中第一个
                    mNewsListPicPager.setCurrentItem(0);
                }
                handler.postDelayed(this, 2000);
            }
        }, 2000);
    }

2、对顶部图片加一个数据缓存

@Override
    public void initData()
    {

        final String url = Constans.Base_URI + mUrl;
        // 初始化ViewPager对应的数据
        HttpUtils httpUtils = new HttpUtils();
        // 缓存的获取
        String json = CacheUtils.getString(mContext, url);
        if (!TextUtils.isEmpty(json))
        {
            // 从缓存取出数据
            processData(json);
        }

        httpUtils.send(HttpMethod.GET, url, new RequestCallBack<String>()
        {

            @Override
            public void onSuccess(ResponseInfo<String> responseInfo)
            {
                // TODO Auto-generated method stub
                String result = responseInfo.result;

                // 设置缓存数据
                CacheUtils.setString(mContext, url, result);
                // 处理数据
                processData(result);
            }

            @Override
            public void onFailure(HttpException error, String msg)
            {
                // TODO Auto-generated method stub

            }

        });

    }

出现效果:
这里写图片描述
动态点添加了2次:原因是processData(String json){}加载了2次导致动态点添加了2次。只要在前面remove掉动态点就可以。
mNewsListPointContainer.removeAllViews();

    private void processData(String json)
    {
        ……
        //清空动态点
        mNewsListPointContainer.removeAllViews();
        // 添加动态点
        for (int i = 0; i < newsPicData.size(); i++)
        {
            View view = new View(mContext);
            view.setBackgroundResource(R.drawable.dot_normal);
            // 控制下点的大小
            LinearLayout.LayoutParams params = new LayoutParams(10, 10);
            if (i != 0)
            {
                params.leftMargin = 10;
            } else
            {
                // 设置默认的图片
                view.setBackgroundResource(R.drawable.dot_focus);
            }
            mNewsListPointContainer.addView(view, params);
        }

        ……
    }

然而又出现问题:轮播图片出现跳跃,本应该播第二个时就跳到第三个了。这是因为processData(String json){}调用了2次,即new了2个handler,2个handler做一件事情。
写一个class(作为任务Runnable and handler)来实现轮播图片的任务。然后写一个start()方法来开启任务。(此处采用的正是递归的方法),因为processData(String json){}调用了2次,所以start()会调用2次,so在开启任务之前需要清空MessageQueue的Runnable任务哦。
将原先的进行修改:
对轮播任务进行封装–>

// 数据处理
    private void processData(String json)
    {
        // json解析数据
        Gson gson = new Gson();
        NewsListBean bean = gson.fromJson(json, NewsListBean.class);
        // picture的数据
        newsPicData = bean.data.topnews;
        // 校验下
        // Log.i(TAG, bean.data.news.get(0).title+"");
        // 给ViewPager初始化数据
        mNewsListPicPager.setAdapter(new NewsTopPicAdapter());

        // 清空动态点
        mNewsListPointContainer.removeAllViews();
        // 添加动态点
        for (int i = 0; i < newsPicData.size(); i++)
        {
            View view = new View(mContext);
            view.setBackgroundResource(R.drawable.dot_normal);
            // 控制下点的大小
            LinearLayout.LayoutParams params = new LayoutParams(10, 10);
            if (i != 0)
            {
                params.leftMargin = 10;
            } else
            {
                // 设置默认的图片
                view.setBackgroundResource(R.drawable.dot_focus);
            }
            mNewsListPointContainer.addView(view, params);
        }

        // 给ViewPager添加监听
        mNewsListPicPager.setOnPageChangeListener(this);
        // 设置默认title
        mNewsListTvTitle.setText(newsPicData.get(0).title);

        // 开启轮播图
        if (mAtuoPicTask == null)
        {
            mAtuoPicTask = new AutoSwitchPicTask();
        }
        // 开始任务
        mAtuoPicTask.start();
    }

    // 图片自动轮播任务
    class AutoSwitchPicTask extends Handler implements Runnable
    {
        @Override
        public void run()
        {
            // ViewPager选中下一个,如果是最后一个,下一个是第一个
            int position = mNewsListPicPager.getCurrentItem();
            if (position != mNewsListPicPager.getAdapter().getCount() - 1)
            {
                // 选中下一个
                mNewsListPicPager.setCurrentItem(++position);
            } else
            {
                // 选中第一个
                mNewsListPicPager.setCurrentItem(0);
            }
            // 发送延时任务
            postDelayed(this, 2000);
        }

        // 开启任务
        public void start()
        {
            stop();
            postDelayed(this, 2000);
        }

        // 关闭任务
        public void stop()
        {
            removeCallbacks(this);
        }
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值