ViewPager和ListView

最新推荐文章于 2018-07-07 12:43:51 发布
最新推荐文章于 2018-07-07 12:43:51 发布
阅读量327 收藏
点赞数
分类专栏： Android 文章标签： viewpager
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Miaeae/article/details/53018380
版权

图片轮播

定义图片集合

/**
     * 图片集合
     */
    private int[] mPics = {R.mipmap.tologin_banner1, R.mipmap.tologin_banner2,
            R.mipmap.tologin_banner3, R.mipmap.tologin_banner4, R.mipmap.tologin_banner6};
private int prePosition = 0;      //定义前一个点
    @Override
    protected void initialListener() {

        mTagVp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            /**
             * 点的状态监听
             * @param position
             */
            @Override
            public void onPageSelected(int position) {
//              当前的点选中
                mTagVp.getChildAt(position % mPics.length).setSelected(true);
//              上一个点不选中
                mTagVp.getChildAt(prePosition % mPics.length).setSelected(false);
//                记录上个点
                prePosition = position % mPics.length;

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }

初始化指示器

private void inVpIndicator() {
        //初始化存放图片的集合
        mImageViews = new ArrayList<>();
        for (int i = 0; i < mPics.length; i++) {
            //创建imageview
            ImageView imageView = new ImageView(getContext());
            imageView.setBackgroundResource(mPics[i]);
            //添加进集合
            mImageViews.add(imageView);

            //创建指示器
            View indiatorView = new View(getContext());
            //设置宽高
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(30, 4);

            if (i == 0) {
                indiatorView.setSelected(true);
                indiatorView.setBackgroundResource(R.drawable.indicator_bg_select);
            } else {
                indiatorView.setSelected(false);
                indiatorView.setBackgroundResource(R.drawable.indicator_bg_select);
            }

            //添加到容器中
            mTagVp.addView(indiatorView, params);

        }
        mPicAdapter = new PicPagerAdapter();
        mTagVp.setAdapter(mPicAdapter);

        //设置为中间的为第一个item
        int currentItem = Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2) % mPics.length;
        mTagVp.setCurrentItem(currentItem);
    }

设置自动轮播

 private android.os.Handler mHandler = new android.os.Handler(){
        @Override
        public void handleMessage(Message msg) {

            mTagVp.setCurrentItem(mTagVp.getCurrentItem() + 1);
            mHandler.sendEmptyMessageDelayed(0,3000);
        }
    };

    /**
     * 开始轮播
     */
    private void startAutoRound(){
        mHandler.sendEmptyMessageDelayed(0,3500);
    }

    /**
     * 停止轮播
     */
    private void stopAutoRound(){
        mHandler.removeMessages(0);
    }

    @Override
    public void onResume() {
        super.onResume();
        startAutoRound();
    }

    @Override
    public void onPause() {
        super.onPause();
        stopAutoRound();
    }

    @Override
    public void onDetach() {
        super.onDetach();
        stopAutoRound();
    }

图片适配器

private class PicPagerAdapter extends PagerAdapter {

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

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {

            //取出imageview
            ImageView imageView = mImageViews.get(position % mPics.length);

            //添加到容器
            container.addView(imageView);


            return imageView;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {

            container.removeView(mImageViews.get(position % mPics.length));

        }
    }

标题ListView

直接上代码吧·······

 /**
     *
     * //
     *
     * 标题List部分
     *
     */
    private void getTopicData() {
        //获取标题数据
        HttpTopic.getTopic("", UrlData.URL_GET_TOPIC_LISTHOT,mCallBack);
        HttpTopic.getTopic("", UrlData.URL_GET_TOPIC_LISTNEW,mNewCallBack);
    }

    private List<TopicInfo> mTopicList;
    private MatchCallBack<List<TopicItem>> mNewCallBack = new MatchCallBack<List<TopicItem>>() {
        @Override
        public void success(List<TopicItem> listEntities) {
            /*if(mRefreshLayout != null){
                mRefreshLayout.endRefreshing();
            }*/

            //添加数据到新的集合

            TopicInfo info = new TopicInfo("第一个大标题内容");
            //把子标签的集合放进来
            info.addAllItem(listEntities);

            mTopicList.add(0,info);

            Log.d(TAG, "sucesss: " + mTopicList.size());

            //通知更新
            mTagAdapter.notifyDataSetChanged();

        }

        @Override
        public void error(String ex) {
            /*if(mRefreshLayout != null){
                mRefreshLayout.endRefreshing();
            }*/
        }
    };

    private MatchCallBack<List<TopicItem>> mCallBack = new MatchCallBack<List<TopicItem>>() {
        @Override
        public void success(List<TopicItem> listEntities) {

           /* if(mRefreshLayout != null){
                mRefreshLayout.endRefreshing();
            }*/

            //添加数据到新的集合

            TopicInfo info = new TopicInfo("第二个大标题内容");
            //把子标签的集合放进来
            info.addAllItem(listEntities);

            mTopicList.add(info);

            Log.d(TAG, "sucesss: " + mTopicList.size());

            //通知更新
            mTagAdapter.notifyDataSetChanged();

        }

        @Override
        public void error(String ex) {
           /* if(mRefreshLayout != null){
                mRefreshLayout.endRefreshing();
            }*/
        }
    };


标题适配器

private TopicTagAdapter mTagAdapter;
    private class TopicTagAdapter extends BaseAdapter {

        /**
         * 标签
         */
        public static final int ITEM_TAG = 0;
        /**
         * 内容item
         */
        public static final int ITEM_CONTENT = 1;


        @Override
        public int getCount() {

            if(mTopicList != null){

                int count = 0;
                for (TopicInfo info : mTopicList) {

                    count += info.getItemCount();
                }
                Log.d(TAG, "getCount: " + count);

                return count;
            }
            return 0;
        }

        @Override
        public Object getItem(int position) {

            // 每组数据的tag
            int firstIndex = 0;
            for (TopicInfo info :  mTopicList) {

                //取出组数据的size
                int size = info.getItemCount();

                int childItemIndex = position - firstIndex; // 21 - 21

                //取出孩子的数据
                if(childItemIndex < size){
                    return info.getItem(childItemIndex);
                }

                //将tag移动到下一组数据的标签tag位置
                firstIndex += size;
            }
            return null;
        }
        @Override
        public int getItemViewType(int position) {
            int firstIndex = 0;
            for (TopicInfo info :mTopicList) {

                int size = info.getItemCount();
                int childItemIndex = position - firstIndex;

                if(childItemIndex == 0){

                    return ITEM_TAG;
                }
                //将tag移动到下组数据的开始

                firstIndex += size;

            }

            return ITEM_CONTENT;
        }

        @Override
        public int getViewTypeCount() {
            return super.getViewTypeCount() +1;
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }

        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {

            int itemViewType = getItemViewType(position);

            switch (itemViewType){
                case ITEM_TAG:  //标签

                    convertView = View.inflate(getContext(),R.layout.item_topic_tag,null);
                    TextView tvTag  = (TextView) convertView.findViewById(R.id.tv_topic_tag);
                    TextView tvMore  = (TextView) convertView.findViewById(R.id.tv_topic_more);

                    tvTag.setText(getItem(position).toString());

                    tvMore.setOnClickListener(new View.OnClickListener() {
                        @Override
                        public void onClick(View v) {

                            //根据获取的tag名称去集合中找是否有包含这个名称的对象

                            for (TopicInfo info : mTopicList) {

                                //获取标签的名称和info里面的tag进行比较,如果相等，表示当前点击的是这个对象里面的
                                if(getItem(position).equals(info.getTag())){

                                    //传递数据
                                    Bundle bundle = new Bundle();
//                                    TopicInfo info = mTopicList.get(position);  // 不能从这里取，集合里2 ，position=21
                                    bundle.putParcelable(TopicListActivity.EXTRA_TOPIC_LIST, info);

                                    startToActivity(TopicListActivity.class, bundle);

                                    return;
                                }
                            }

//                            Toast.makeText(getContext(), "" + position, Toast.LENGTH_SHORT).show();
                        }
                    });

                    break;

                case ITEM_CONTENT:  //item内容

                    convertView = View.inflate(getContext(),R.layout.item_topic_content,null);
                    TextView tvTitle  = (TextView) convertView.findViewById(R.id.tv_title);
                    TextView tvDes = (TextView) convertView.findViewById(R.id.tv_des);

                    //获取对象

                    Log.d(TAG, "getView: " + getItem(position).toString());

                    final TopicItem item = (TopicItem) getItem(position);

                    tvTitle.setText(item.getName());
                    tvDes.setText(item.getSeeCount() + "次浏览");

                    //item点击事件
                    convertView.setOnClickListener(new View.OnClickListener() {
                        @Override
                        public void onClick(View v) {

                            //判断当前点击的item是否是集合中topicInfo对象的
                            for (TopicInfo info : mTopicList) {
                                //判断集合中是否包含当前点击的topicItem
                                if(info.getTopicItems().contains(item)){

                                    //传递数据
                                    Bundle bundle = new Bundle();
//                                    TopicInfo info = mTopicList.get(position);       不可以从这里获取
                                    bundle.putParcelable(TopicListActivity.EXTRA_TOPIC_LIST, info);

                                    startToActivity(TopicListActivity.class, bundle);

                                }
                            }
                        }
                    });

                    break;
            }
            return convertView;
        }
    }


最后一定要记得初始化

    @Override
    protected void initialData() {

        inVpIndicator();

        //获取话题数据
        mTopicList = new ArrayList<>();

        //设置适配器
        mTagAdapter = new TopicTagAdapter();
        mTagListview.setAdapter(mTagAdapter);

        getTopicData();
    }


一个xml（其实后面还有两个，这里只附大布局）

写在后面的话：其实当时写的这个界面还有刷新状态，但是因为重点是记录这两个，所以刷新的就没有写进来了，中间穿插的刷新代码也就被“砍”了

                            中间还有两个基类。

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

        </android.support.v4.view.ViewPager>

        <LinearLayout
            android:orientation="horizontal"
            android:id="@+id/tag_ll_dot"
            android:layout_marginBottom="15dp"
            android:layout_centerInParent="true"
            android:layout_alignParentBottom="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

        </LinearLayout>
    </RelativeLayout>

    <ListView
        android:id="@+id/tag_lv_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </ListView>

                           

FIN.







Miaeae
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
简析ListView与ViewPager
jhchen4的博客
06-16 1337
简析ListView与ViewPager 今天在这里和大家分享一下我对ListView和ViewPager的了解。简单索引如下： - ListView 定义 一些常用属性 Adapter 常用的实现类 ArrayAdapter 的使用 SimpleAdapter 的使用 - ViewPager 定义 主要方法 OnPageChangeListener 三种适配器的简...
listview与viewpager组合
10-03
listview与viewpager组合我们会经常用到，为listview添加header，我们把viewpager设置为listview的header便可以实现
ViewPager + ListView
liu81952438的专栏
06-29 283
如果是 tab切换且下方页面都是 listView的话，可以 简化为 tab 对应 ListView ，在每次变换tab时，更新 ListView
viewpager+listview联动
07-18
滑动头部图片，下面评论数据可以进行相应的更新,希望能帮到你们~
ListView与ViewPager学习总结
weixin_41897234的博客
07-06 328
ListView与ViewPager学习总结 ListView与ViewPager学习总结 ListView ViewPager 学习总结 ListView 使用场景     ListView能实现大量同类数据的排序显示，它是软件开发过程中最常使用的控件之一，由于有时需要展示大量的数据，为了提高效率，我们常常会对其中的一些细节进行改良，所以它也是最难使用的控...
ScrollView嵌套ViewPager和ListView
06-25
ScrollView嵌套ViewPager，ViewPager横向滑动时容易上下滚动处理； ScrollView嵌套ListView，ListView滚动事件处理，可滚动； ScrollView子控件获取焦点后自动置顶问题处理。 ListView滚动到顶或到底事件监听。
Scrollview中嵌套ViewPager和ListView常出现的问题
03-30
Scrollview中嵌套ViewPager和ListView常出现的问题： ViewPager如果在Scrollview中使用，并且宽高指定为match_parent或者wrap_content则不会显示内容，但是如果将高度指定为200dp，则ViewPager则会将内容显示到屏幕...
android ViewPager 和 listview的共存问题
04-03
NULL 博文链接：https://1002878825-qq-com.iteye.com/blog/1469206
Android listview和viewpager解决冲突 滑动冲突
02-15
Android listview viewpager 滑动 跳动 冲突解决 ListView中嵌套ViewPage有或者滑动手势冲突解决 blog 地址 : http://blog.csdn.net/aaawqqq/article/details/43824631
android 仿淘宝京东 详情页可嵌套viewpager和listview
10-12
android 仿淘宝京东 详情页 上下滑动的部分 下界面可以嵌套listview和viewpager 不会冲突
ListViewPager_完美解决ListView和ViewPager的滑动冲突
11-15
完美解决ListView和ViewPager的滑动冲突
了解ListView和ViewPager
STU17xkx的博客
07-05 414
ListView定义：    ListView是显示垂直可滚动的列表项视图，列表项的来源可以使用一个适配Adapter，Adapter可将内容从源（如数组或数据库）转换成视图放在列表中。    ListView 控件可使用四种不同视图显示项目。通过此控件，可将项目组成带有或不带有列标头的列，并显示伴随的图标和文本。 可使用 ListView 控件将称作 ListItem 对象的列表条目组织成下列四...
初步了解ListView及ViewPager
在下嘿嘿的博客
07-04 245
初步了解ListView的使用场合及实现代码 1、关于ListView的有关类   ListView是安卓UI组件中的AdapterView子类中的一个，下图即是AdapterView及其子类的关系： 这里我们就可以在边边的地方找到ListView的位置。 2、ListView的使用场合   ListView是手机系统中使用的非常广泛的一种组件，他以垂直列表的形式显示所有的列...
自定义弹性的ListView和ViewPager
12-21 1983
具有弹性的ListViewAndroid 默认的ListView在滚动到顶端或者低端的时候，并没有很好的提示。在Android 5.X中，Google为这样的行为只添加了一个半月形的阴影效果。而在IOS系统中，列表都是具有弹性的，即滚动到底端或者顶端后继续往下或者网上滑动一段距离。不得不说，这样的设计的确更加友好，虽然不知道Google为什么不模仿这样的设计，但我们可以自己修改ListView，让
《了解ListView和ViewPager》的补充
STU17xkx的博客
07-07 324
《了解ListView和ViewPager》的补充 ListView AdapterView是一组重要的UI组件，其本身是一个抽象基类，他的派生的子类在用法上十分相似，只是显示界面有一定的区别，它派生了AbsListView、AbsSpinner、AdapterViewAnimator，而ListView是继承了AbsListView子类，本文就针对ListView进行讲解补充. 可以...
listview与viewpager结合使用
火星男孩的分享空间
05-22 3332
1、viewpager作为listview的头部布局：核心： lv.addHeaderView(view);示例：布局：activity_main.xml<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:
如何在ViewPager里面加入ListView
爱吃冰淇凌的羊驼
09-19 8024
对于listview，是需要设置适配器的，listview本身也是一个动态的组件，下面将介绍如何在ViewPager中添加动态的listview。 package com.example.xuhao.viewpagerapplication; import android.support.v4.view.PagerAdapter; import android.suppor
关于ListView和ViewPager冲突的解决办法
小夏1992的CSDN博客的专栏
08-16 1798
在将ViewPager作为HeaderView添加进ListView后，会产生ListView和ViewPager的冲突，下面是我的一个解决把法：重写Listview，在onInterceptTouchEvent函数中判断当前touch区域是否是ViewPager的区域，如果是它的区域，不拦截touch事件，否则拦截touch事件；  @Override  public boolean onI
Android开发ViewPager中ListView失效问题解决方法
最新发布
05-18
在ViewPager中嵌套ListView时，可能会遇到ListView无法滑动的问题，这是因为ViewPager会拦截ListView的滑动事件。解决方法如下： 1. 自定义ListView，重写其onInterceptTouchEvent()方法，返回false，让ViewPager不...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值