XListview 添加头布局 并实现加点自动无限轮播

本文介绍如何使用 ViewPager 和 XListView 实现无限轮播功能,并通过指示点与图片的联动来提升用户体验。主要内容包括:ViewPager 的配置、适配器的创建、指示点的动态更新及联动效果实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一.  前提  xlistciew  可以完美的运行后

        该方法也必须创建

   xl.setPullRefreshEnable(true);

       现创建单独的xml  内设

<android.support.v4.view.ViewPager
    android:id="@+id/vp"
    android:layout_width="match_parent"
    android:layout_height="250dp"></android.support.v4.view.ViewPager>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:id="@+id/lll"
        android:gravity="center"
        android:orientation="horizontal"
        ></LinearLayout>
     然后填充到主布局当中

   调用   

xl.addHeaderView(inflate)    该方法(内容为所要添加的控件)必须要写
创建适配器
@Override
public int getCount() {
    return Integer.MAX_VALUE;
}

@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);
    //   mHandler.removeCallbacksAndMessages(null);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
    ImageView iv= new ImageView(MainActivity.this);
    int len=position%data.size();
    ImageLoader.getInstance().displayImage(data.get(len).img,iv);
    container.addView(iv);
    return iv;
}
然后引用适配器
启动适配器
实现无限轮播的加点
public void jadian(){
    arr = new ArrayList<>();//arr中只放一个imagview
    if (arr!=null) {
        arr.clear();
    }
    for(int i=0;i<data.size();i++){
        iv = new ImageView(MainActivity.this);
        if(i==vp.getCurrentItem()){
            iv.setImageResource(R.drawable.dot_focus);
        }else{
            iv.setImageResource(R.drawable.dot_normal);
        }
        LinearLayout.LayoutParams params=new LinearLayout.LayoutParams(20,20);
        params.setMargins(10,0,10,0);
        arr.add(iv);
        lll.addView(iv,params);
    }

}
最后添加viewpager的监听事件实现点与图片的联动
  vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }
        @Override
        public void onPageSelected(int position) {
            for (int x=0;x<arr.size();x++){
                if (position % data.size() == x) {
                    //证明点和图片是对应的,应该点是变红的
                    arr.get(position % data.size()).setImageResource(R.drawable.dot_focus);
                } else {
                    arr.get(x).setImageResource(R.drawable.dot_normal);
                }
            }
        }
        @Override
        public void onPageScrollStateChanged(int state) {
        }
    });
}

上述代码中
R.drawable.dot_focus
需要在drawable文件中创建内容如下
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

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

</shape>
在实现后可能出现的问题
1.点可能会无限的增加       解决  :填充控件进行清空  
lll.removeAllViews();    该方法可写在上拉方法中
2.轮播睡眠时间可能会剪短   解决:
//解除handler的
mHandler.removeCallbacksAndMessages(null);
该方法可写在上拉方法中


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值