防携程筛选，listview和checkbox结合使用

最新推荐文章于 2023-02-16 17:56:44 发布
最新推荐文章于 2023-02-16 17:56:44 发布
阅读量779 收藏 1
点赞数 2
分类专栏： Android 文章标签： checkbox app 旅游 合并
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010786471/article/details/50897647
版权 
 最近一直做一款旅游的APP，有一个刷选的功能，一看很简单，但是最后搞了很久，日了狗。先不说放图

这里写图片描述！！！！
其实呢原理很简单，就是两个listview 的合并还有listview 和CheckBox的混合使用！！！！！
首先呢原理很简单就是有一个PopupWindow 里面有两个listView，左边一个，右边一个（废话），
点击左边的listview。相应弹出相应右边的listview,然后右边的listview里面还有CheckBox，然后就是防止CheckBox的错乱，点击取消，确定，清除，相应的操作。
首先主布局： 

<TextView
    android:id="@+id/textviewClick"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="20dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:text="点击我" />



<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <ListView
        android:id="@+id/pop_listview_left"
        android:layout_width="0dp"
        android:layout_height="132dp"
        android:layout_weight="21"
        android:divider="#ccc"
        android:dividerHeight="1dp"
        android:scrollbars="none"
        android:scrollingCache="false" >
    </ListView>

    <ListView
        android:id="@+id/pop_listview_right"
        android:layout_width="0dp"
        android:layout_height="132dp"
        android:layout_weight="43"
        android:background="#ffffff"
        android:dividerHeight="0dp"
        android:listSelector="#fff"
        android:scrollbars="none"
        android:scrollingCache="false" />
</LinearLayout>

然后就是PopupWindow的布局，都很简单，哈哈哈！

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="44dp" >

    <TextView
        android:id="@+id/textview_call_off"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:text="取消"
        android:textSize="14sp" />

    <TextView
        android:id="@+id/textview_eliminate"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:text="清除筛选"
        android:textSize="14sp" />

    <TextView
        android:id="@+id/textview_confirm"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:text="确定"
        android:textSize="14sp" />
</LinearLayout>

然后就是两个listview 的两个Adapter:
第一个FirstClassAdapter很简单直接上代码：

public class FirstClassAdapter extends BaseAdapter {
private Context context;
private List list;

public FirstClassAdapter(Context context, List<FirstClassItem> list) {
    this.context = context;
    this.list = list;
}

@Override
public int getCount() {
    return list == null ? 0 : list.size();
}

@Override
public Object getItem(int i) {
    return null;
}

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

@Override
public View getView(int position, View convertView, ViewGroup viewGroup) {
    ViewHolder holder;
    if (convertView == null) {
        convertView = LayoutInflater.from(context).inflate(
                R.layout.left_listview_item, null);
        holder = new ViewHolder();

        holder.nameTV = (TextView) convertView
                .findViewById(R.id.left_item_name);
        convertView.setTag(holder);
    } else {
        holder = (ViewHolder) convertView.getTag();
    }

    if (position == selectedPosition) {
        convertView.setBackgroundResource(R.color.popup_right_bg);
    } else {
        convertView.setBackgroundResource(R.drawable.selector_left_normal);
    }

    holder.nameTV.setText(list.get(position).getName());

    return convertView;
}

private int selectedPosition = 0;

public void setSelectedPosition(int selectedPosition) {
    this.selectedPosition = selectedPosition;
}

public int getSelectedPosition() {
    return selectedPosition;
}

private class ViewHolder {
    TextView nameTV;
}

}

左边listview的布局：

<TextView
    android:id="@+id/left_item_name"
    android:layout_width="105dp"
    android:layout_height="44dp"
    android:gravity="center"
    android:textSize="14sp" />

右边的SecondClassAdapter：
public class SecondClassAdapter extends BaseAdapter {
private Context context;
private List list;
private boolean isShow = false;
ArrayList dayscheckTrue = new ArrayList();
ArrayList dayscheckFalse = new ArrayList();
ArrayList timecheckTrue = new ArrayList();
ArrayList timecheckFalse = new ArrayList();
ArrayList pricecheckTrue = new ArrayList();
ArrayList pricecheckFalse = new ArrayList();

public SecondClassAdapter(Context context, List<SecondClassItem> list
        ) {
    this.context = context;
    this.list = list;


}

public boolean isShow() {
    return isShow;
}

public void setShow(boolean isShow) {
    this.isShow = isShow;
}

@Override
public int getCount() {
    return list == null ? 0 : list.size();
}

@Override
public Object getItem(int position) {
    return null;
}

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

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

    if (convertView == null) {
        holder = new ViewHolder();
        convertView = LayoutInflater.from(context).inflate(
                R.layout.right_listview_item, null);
        holder.nameTV = (TextView) convertView
                .findViewById(R.id.right_item_name);
        holder.cb = (CheckBox) convertView.findViewById(R.id.item_cb);
        convertView.setTag(holder);
    } else {
        holder = (ViewHolder) convertView.getTag();
    }
    final SecondClassItem classItem = list.get(position);

    holder.nameTV.setText(list.get(position).getName());

    holder.cb.setChecked(classItem.isChecked());
    return convertView;
}

private class ViewHolder {
    TextView nameTV;
    CheckBox cb;
}

然后就是两个Bean类：
public class FirstClassItem {
private int id;
private String name;
private List secondList;

public FirstClassItem() {

}

public FirstClassItem(int id, String name, List<SecondClassItem> secondList) {
    this.id = id;
    this.name = name;
    this.secondList = secondList;
}

public int getId() {
    return id;
}

public void setId(int id) {
    this.id = id;
}

public String getName() {
    return name;
}

public void setName(String name) {
    this.name = name;
}

public List<SecondClassItem> getSecondList() {
    return secondList;
}

public void setSecondList(List<SecondClassItem> secondList) {
    this.secondList = secondList;
}

@Override
public String toString() {
    return "FirstClassItem{" + "id=" + id + ", name='" + name + '\''
            + ", secondList=" + secondList + '}';
}

第二个，因为第二个有CheckBox 所以我写一个 isChecked 字段，其实listview和checkbox 在一起有很多种解决方式，有兴趣可以看我另一篇博客，介绍一下我用过的方法。

public class SecondClassItem {
private int id;
private String name;
private boolean isChecked;
private int ids;

public int getIds() {
    return ids;
}

public void setIds(int ids) {
    this.ids = ids;
}

public SecondClassItem() {

}

public SecondClassItem(int id, String name, boolean isChecked, int ids) {
    super();
    this.id = id;
    this.name = name;
    this.isChecked = isChecked;
    this.ids = ids;
}

public boolean isChecked() {
    return isChecked;
}

public void setChecked(boolean isChecked) {
    this.isChecked = isChecked;
}

public boolean getChecked(boolean isChecked) {
    return isChecked;
}

public int getId() {
    return id;
}

public void setId(int id) {
    this.id = id;
}

public String getName() {
    return name;
}

public void setName(String name) {
    this.name = name;
}

@Override
public String toString() {
    return "SecondClassItem{" + "id=" + id + ", name='" + name + '\'' + '}';
}

关键代码就是MainActivity中了，备注很详细，有用的朋友只需改变极少代码就可以使用很简单，上代码：
public class MainActivity extends Activity implements OnClickListener {

/** 左侧一级分类的数据 */
private List<FirstClassItem> firstList;
/** 右侧二级分类的数据 */
private List<SecondClassItem> secondList;
// 二级数据
List<SecondClassItem> list2;
// 保存的数据
private ArrayList<String> dayMap = new ArrayList<String>();
private ArrayList<String> timeMap = new ArrayList<String>();
private ArrayList<String> priceMap = new ArrayList<String>();
// 旅游的列表
private boolean isfrist = true;
private TextView textviewClick;
private PopupWindow popupWindow;
private ListView leftLV, rightLV;

private TextView textview_confirm;
private SecondClassAdapter secondAdapter;
private FirstClassAdapter firstAdapter;

private String val = "";
private String val2 = "";
private String val3 = "";

// 右边显示的数据
private List<String> days = new ArrayList<String>();
private List<String> date = new ArrayList<String>();
private List<String> prices = new ArrayList<String>();

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();

}

private void initView() {
    textviewClick = (TextView) findViewById(R.id.textviewClick);

    textviewClick.setOnClickListener(this);

}

// 初始化数据，你只要改这里就可以
private void requestList() {
    firstList = new ArrayList<FirstClassItem>();

    days.add("2");
    days.add("3");
    days.add("4");
    days.add("5");
    days.add("6");

    date.add("2016-3-16");
    date.add("2016-3-17");
    date.add("2016-3-18");
    date.add("2016-3-19");

    prices.add("1元");
    prices.add("2元");
    prices.add("3元");
    prices.add("4元");
    // 1
    ArrayList<SecondClassItem> secondList1 = new ArrayList<SecondClassItem>();
    secondList1.add(new SecondClassItem(0, "不限", false, 0));
    for (int i = 0; i < days.size(); i++) {
        secondList1
                .add(new SecondClassItem(i, days.get(i) + "天", false, 0));
    }

    firstList.add(new FirstClassItem(1, "行程天数", secondList1));
    // 2
    ArrayList<SecondClassItem> secondList2 = new ArrayList<SecondClassItem>();
    secondList2.add(new SecondClassItem(0, "不限", false, 0));
    for (int i = 0; i < date.size(); i++) {
        secondList2.add(new SecondClassItem(i, date.get(i), false, 0));
    }
    firstList.add(new FirstClassItem(2, "出发时间", secondList2));
    // 3
    ArrayList<SecondClassItem> secondList3 = new ArrayList<SecondClassItem>();
    secondList3.add(new SecondClassItem(0, "不限", false, 0));

    for (int i = 0; i < prices.size(); i++) {
        secondList3.add(new SecondClassItem(i, prices.get(i), false, 0));
    }
    firstList.add(new FirstClassItem(3, "价格区间", secondList3));

}

private void initPopup() {
    requestList();
    View view = LayoutInflater.from(this).inflate(R.layout.popup_layout,
            null);
    popupWindow = new PopupWindow(view,
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.WRAP_CONTENT);
    leftLV = (ListView) view.findViewById(R.id.pop_listview_left);
    rightLV = (ListView) view.findViewById(R.id.pop_listview_right);
    popupWindow.setBackgroundDrawable(new PaintDrawable());
    popupWindow.setFocusable(true);
    // 确定
    textview_confirm = (TextView) view.findViewById(R.id.textview_confirm);
    textview_confirm.setOnClickListener(this);
    // 初始进入都显示第一个
    popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
        @Override
        public void onDismiss() {

            leftLV.setSelection(0);
            rightLV.setSelection(0);
        }
    });

    firstAdapter = new FirstClassAdapter(this, firstList);
    firstAdapter.notifyDataSetChanged();
    leftLV.setAdapter(firstAdapter);

    // 加载左侧第一行对应右侧二级分类
    secondList = new ArrayList<SecondClassItem>();
    secondList.addAll(firstList.get(0).getSecondList());
    secondAdapter = new SecondClassAdapter(this, secondList);
    rightLV.setAdapter(secondAdapter);
    secondAdapter.notifyDataSetChanged();

    // 左侧ListView点击事件
    leftLV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view,
                int position, long id) {
            // 二级数据
            list2 = firstList.get(position).getSecondList();

            FirstClassAdapter adapter = (FirstClassAdapter) (parent
                    .getAdapter());
            // 如果上次点击的就是这一个item，则不进行任何操作
            if (adapter.getSelectedPosition() == position) {

                return;

            }
            // 根据左侧一级分类选中情况，更新背景色
            // adapter.setSelectedPosition(position);
            // adapter.notifyDataSetChanged();

            // 显示右侧二级分类
            updateSecondListView(list2, secondAdapter);

        }
    });

    // 右侧ListView点击事件
    rightLV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view,
                int position, long id) {
            // 第一次进入问题右边加载问题
            if (list2 == null || isfrist == true) {

                isfrist = true;

                list2 = firstList.get(0).getSecondList();
                updateSecondListView(list2, secondAdapter);
                SecondClassItem classItem = list2.get(position);
                classItem.setChecked(!classItem.isChecked());
                secondAdapter.notifyDataSetChanged();

            } else {

                SecondClassItem classItem = list2.get(position);

                classItem.setChecked(!classItem.isChecked());
                secondAdapter.notifyDataSetChanged();
            }

            int firstPosition = firstAdapter.getSelectedPosition();
            int firstId = firstList.get(firstPosition).getId();
            int secondId = firstList.get(firstPosition).getSecondList()
                    .get(position).getId();
            String selectedName = firstList.get(firstPosition)
                    .getSecondList().get(position).getName();
            // 写一个方法处理结果
            handleResult(firstId, secondId, selectedName);

        }

    });

}

// 处理点击结果
private void handleResult(int firstId, int secondId, String selectedName) {

    // 相应的添加和删除
    if (firstId == 1) {
        selectedName = selectedName.substring(0, selectedName.length() - 1);
        if (dayMap.contains(selectedName)) {

            dayMap.remove(selectedName);
        } else {

            dayMap.add(selectedName);
        }
        System.out.println(dayMap.toString());
    }
    if (firstId == 2) {
        if (timeMap.contains(selectedName)) {
            timeMap.remove(selectedName);
        } else {
            timeMap.add(selectedName);
        }
        System.out.println(timeMap.toString());
    }
    if (firstId == 3) {

        if (priceMap.contains(selectedName)) {

            priceMap.remove(selectedName);
        } else {
            priceMap.add(selectedName);
        }
        System.out.println(priceMap.toString());

    }

}

// 刷新右侧ListView
private void updateSecondListView(List<SecondClassItem> list2,
        SecondClassAdapter secondAdapter) {
    System.out.println("第二个刷新");
    isfrist = false;
    secondList.clear();

    secondList.addAll(list2);
    secondAdapter.notifyDataSetChanged();
}

@Override
public void onClick(View v) {
    switch (v.getId()) {
    case R.id.textviewClick:
        initPopup();
        boolean isShow = secondAdapter.isShow();// 从适配器里面查看当前页面状态
        secondAdapter.setShow(!isShow);// 点击以后改变CustomAdapter中的标记
        secondAdapter.notifyDataSetChanged();// 通知适配器数据更新了,改变界面
        if (popupWindow.isShowing()) {
            popupWindow.dismiss();
        } else {
            isfrist = true;
            popupWindow.showAsDropDown(findViewById(R.id.textviewClick));
            popupWindow.setAnimationStyle(-1);
        }
        break;
    case R.id.textview_confirm:
        // 点击确定时候处理得到结果
        // 清除数据
        val = "";
        val2 = "";
        val3 = "";
        for (int i = 0; i < dayMap.size(); i++) {
            String day = dayMap.get(i);
            if (day.equals("不")) {
                val = "";
                break;
            } else {
                val = val + "," + day;

            }
        }
        for (int i = 0; i < timeMap.size(); i++) {
            String day = timeMap.get(i);
            if (day.equals("不限")) {
                val2 = "";
                break;
            } else {
                val2 = val2 + "," + day;

            }
        }
        for (int i = 0; i < priceMap.size(); i++) {
            String day = priceMap.get(i);
            System.out.println("day" + day);
            if (day.equals("不限")) {
                val3 = "";
                break;
            } else {
                val3 = "" + val3 + "," + day;

            }
        }
        if (val.length() != 0) {
            val = val.substring(1, val.length());
        } else {
            val = "";
        }
        if (val2.length() != 0) {
            val2 = val2.substring(1, val2.length());
        } else {
            val2 = "";
        }
        if (val3.length() != 0) {
            val3 = val3.substring(1, val3.length());
        } else {
            val3 = "";
        }
        // 这里就是你点击后的逻辑
        Toast.makeText(MainActivity.this,
                "选择的数据天数" + val + "----日期" + val2 + "-----价格区间" + val3,
                Toast.LENGTH_LONG).show();

        popupWindow.dismiss();
        break;
    default:
        break;
    }

}

}

然后清除筛选和取消类似，简单吧。。。。。。。。。。。。。。
最后介绍一个群，每天都有干活。喜欢Lol和android的朋友可以加一下：Android晋级群 225274452
最后你们要的链接，一切就是俩字，免费。。。。。。
http://download.csdn.net/detail/u010786471/9462234

夜末的寂寞
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
listView + CheckBox的使用
qq_34603555的博客
12-18 1961
listView + checkbox 使用
vue 通过多组复选框来过滤数据
最新发布
紫月i的博客
07-16 1549
【代码】vue 通过多组复选框来过滤数据。
ListView中添加CheckBox,进行多项选择，全选，反选，完美无Bug
csdn_yccc的博客
08-13 1563
新手笔记： 最近做一个列表，实现批量选择删除功能，用到了ListView中添加的CheckBox,来进行多项选择，全选，反选等。因为用到了ListView，故对新手来说，有很多坑。 1、由于ListView采用了Recycler，即重复利用convertView，所以用CheckBox时，容易出现选择了前面一项，后面的某一项也被选中的情况。 2、有些新手由于实现方式有问题，容易出现只能选择前
ListView的Item内包含CheckBox时遇到的问题及解决方法
u012175780的博客
02-16 367
ListView 的 Item 内包含 CheckBox 时，因 View 复用导致的勾选出错问题解决方法
android UI进阶之实现listview中checkbox的多选与记录
android_mylove的专栏
02-17 293
今天继续和大家分享涉及到listview的内容。在很多时候，我们会用到listview和checkbox配合来提供给用户一些选择操作。比如在一个清单页面，我们需要记录用户勾选了哪些条目。这个的实现并不太难，但是有很多朋友来问我如何实现，他们有遇到各种各样的问题，这里就一并写出来和大家一起分享。 ListView的操作就一定会涉及到item和Adapter，我们还是先来实现这部分内...
如何使用LISTVIEW虚拟模式和Checkbox
07-03
当用LISTVIEW显示大量数据时，经常会发生卡顿，而使用虚拟模式则可以很好地解决问题。本文用简明的方式和代码，让初学者能够迅速使用这种方式。
Android中ListView + CheckBox实现单选、多选效果
08-31
总之，Android中通过ListView与CheckBox结合，可以轻松实现单选或多选功能。关键在于处理点击事件，以及在Adapter中正确设置CheckBox的状态。同时，为了优化性能，推荐使用ViewHolder模式来减少视图查找的次数。在...
listview 和checkbox结合的两种形式
11-11
测试listview的itemclicke方法时，要改变checkbox的配置文件的属性， android:focusableInTouchMode="false" android:clickable="false
Android防京东筛选,ListView+CheckBox滑动冲突
02-11
总的来说，解决"Android防京东筛选,ListView+CheckBox滑动冲突"需要我们深入理解Android的触摸事件处理机制，熟练掌握自定义ViewGroup、Adapter以及组件间通信。通过实践和不断优化，我们可以创建出既美观又实用的...
ListView和CheckBox的混乱问题
12-22
主要是解决主要是解决我以前的一篇博客仿微信添加群聊界面——addView里listview和checkbox混乱的问题，详细请看我的博客http://blog.csdn.net/jiang89125/article/details/50379364
android仿携程客户端界面实现
10-13
android仿携程客户端界面实现。
可编辑并可添加筛选的 ListView
08-28
对ListView中数据进行过滤，单元格可进行编辑。过滤选项有多种。
ListView+CheckBox UI 完美版。实现 全选 、 全不选 、 删除等功能
03-13
ListView+CheckBox UI 完美版。实现 全选 、 全不选 、 删除等功能
筛选复选框
qq_50458592的博客
10-08 145
jq实现 筛选 复选框
Android ListView列表筛选功能的简单实现
Android_小黑
12-11 3571
一个简单的ListView的筛选功能 筛选原理：获取Spinner所选的选项 然后对整个ListView列表进行循环判定 把不符合选项的列删除，重新筛选其他选项的时候 重新获取一下初始列表 再进行筛选。（自己突发奇想的小方法，可能不是最好的，但贵在功能可以实现且方法简单方便理解）。 效果图 xml文件 （一个Spinner 和 一个ListView） <?xml version="...
Android Filter筛选ListView并且筛选内容变色
高磊的专栏
10-04 6551
微信中有筛选功能，且筛选内容会变色，感觉挺酷的，研究了一下。我首先想到的是遍历每一个数据，如果包含就把它添加到List中，然后用SpannableStringBuilder 类使筛选的内容变色。后来发现系统有一个Filter类专一用来实现筛选的，挺好。这个类的好处就是封装了异步，结构类似AsyncTask，这样不用担心数据多而阻塞主线程了。
Listview中嵌套Checkbox的简单解决办法
小埋的喵喵
02-29 3737
最近项目中做了一个关于批量删除的这样一个操作，以前是会做的，谁知道记性不好忘光了，经过一番折腾还是完美的实现了，相信后面还有无数个和我一样的渣渣会遇到这个问题，那么就让我来分享一下咯。 当然这个checkbox控件是写在item布局中的。我这边的需求是点击编辑按钮才会显示checkbox，点击取消隐藏。所以开始还是隐藏吧。    &lt;CheckBox         android:id...
安卓listview和 viewpager和tab结合使用
03-16
安卓中可以使用ListView和ViewPager和TabLayout结合使用，实现多个页面之间的切换和数据展示。具体实现方法如下： 1. 在布局文件中，先定义一个TabLayout和ViewPager，用于显示多个页面和标签。 2. 在代码中，创建...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值