2. 程式人生 > >Android開發丶帶有選擇功能的列表功能的實現

Android開發丶帶有選擇功能的列表功能的實現

阿新 • • 發佈：2019-02-02

一般在開發過程中，我們會遇到這種需求，對列表的某些條目進行點選，然後進行下一步操作，一般列表控制元件都沒該功能，這裡就需要我們去自定義了，本篇博文將進行歸納和總結。

先看下效果圖

  

下面說下實現步驟

1.按照國際慣例，分析介面，畫布局

核心控制元件就是這個列表了，這裡我們當然是用RecyclerView啦

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="40dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="選擇介面"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/main_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:padding="10dp"
            android:text="全選" />
    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="@color/colorPrimaryDark" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/main_rl"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <Button
        android:id="@+id/main_btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="確定" />
</LinearLayout>

2.新建MainBean，我們這裡比較簡單，只有一個標題title和選中狀態isSelect

package com.fantasychong.selectlisttest0910;

import java.io.Serializable;

/*
 *Crated by yedona on 2018/9/10
 */
public class MainBean implements Serializable {
    private String title;
    private boolean isSelect;

    @Override
    public String toString() {
        return "MainBean{" +
                "title='" + title + '\'' +
                ", isSelect=" + isSelect +
                '}';
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public boolean isSelect() {
        return isSelect;
    }

    public void setSelect(boolean select) {
        isSelect = select;
    }

    public MainBean(String title, boolean isSelect) {
        this.title = title;
        this.isSelect = isSelect;
    }
}

3.新建介面卡adapter，依舊繼承BaseQuickAdapter。

繪製item佈局，一個title和一個圓點圖片，圓點圖片這裡我們使用selector，當選中時顯示

反之顯示

xml檔案如下

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/radio_choose" android:state_checked="true"/>
    <item android:drawable="@drawable/radio_normal" android:state_checked="false"/>
</selector>

item佈局為

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="60dp">

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

        <LinearLayout
            android:id="@+id/item_main_ll"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:paddingLeft="10dp"
            android:paddingRight="10dp">

            <ImageView
                android:id="@+id/item_main_point"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:src="@drawable/radio_choose_select" />
        </LinearLayout>

        <TextView
            android:id="@+id/item_main_tv"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="今天天氣很不錯!!!" />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:layout_alignParentBottom="true"
        android:background="@color/colorPrimaryDark" />
</RelativeLayout>

在adapter中，除了常規title賦值外，有幾個比較重要的方法

a.圓點佈局的點選事件，為了方便點選，特地給圓點圖片外面套了一個佈局，點選時改變該條item的選中狀態（選中改為未選中，未選中改為選中），如果點選完後是選中狀態就給圖片賦radio_choose，反之賦radio_normal.

ll.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        item.setSelect(!item.isSelect());
        iv.setImageResource(item.isSelect() ? R.drawable.radio_choose : R.drawable.radio_normal);
    }
});

b.自定義一個selectAll方法。將列表所有的item都設定為XX狀態，結果取決於使用者呼叫該方法時傳遞的isSelectAll值，為true則選中所有item，為false則取消選中所有item。

public void selectAll(boolean isSelectAll) {
    for (MainBean bean : getData()) {
        bean.setSelect(isSelectAll);
    }
    notifyDataSetChanged();
}

c.自定義一個getSelectList()方法，用於獲取當前點選的item的list

public List<MainBean> getSelectList() {
    List<MainBean> list = new ArrayList<>();
    for (MainBean bean : getData()) {
        if (bean.isSelect()) {
            list.add(bean);
        }
    }
    return list;
}

4.準備工作都做完了，下面就可以在MainActivity中呼叫了。

a.首先初始化控制元件。主要是設定右上角文字的點選事件，當前文字是"全選"，則呼叫取消全選的功能，當前文字是'全不選", 則呼叫全選的功能。下方按鈕的點選事件主要是將選擇的item資料list傳遞給上一個頁面，實際需求我們可以靈活呼叫，這裡僅供展示。

/**
 * 初始化控制元件
 */
private void initView() {
    rl= findViewById(R.id.main_rl);
    tv= findViewById(R.id.main_tv);
    btn= findViewById(R.id.main_btn);
    btn.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Intent intent= new Intent();
            intent.putExtra("data", adapter.getSelectList().toString());
            setResult(1, intent);
            finish();
        }
    });
    tv.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            if("全選".equals(tv.getText().toString())){
                tv.setText("全不選");
                adapter.selectAll(true);
            }else{
                tv.setText("全選");
                adapter.selectAll(false);
            }
            Log.d("listdata", adapter.getSelectList().toString());
        }
    });
}

b.初始化列表list，預設都是沒選中的

/**
 * 初始化資料list
 */
private void initList() {
    MainBean bean= new MainBean("是你給了我一把傘，撐住傾盆灑落的孤單", false);
    dataList.add(bean);
    MainBean bean1= new MainBean("所以好像給你一灣河岸，洗滌腐蝕心靈的遺憾", false);
    dataList.add(bean1);
    MainBean bean2= new MainBean("給你我所有的溫暖，脫下唯一擋風的衣衫", false);
    dataList.add(bean2);
    MainBean bean3= new MainBean("思念刮過背脊打著冷顫，眼神依舊為你而點燃", false);
    dataList.add(bean3);
}

c.初始化介面卡

/**
 * 初始化介面卡
 */
private void initAdapter() {
    adapter= new MainAdapter(dataList);
    LinearLayoutManager manager= new LinearLayoutManager(this);
    rl.setLayoutManager(manager);
    rl.setAdapter(adapter);
}

MainActivity完整程式碼：

package com.fantasychong.selectlisttest0910;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private RecyclerView rl;
    private TextView tv;
    private List<MainBean> dataList= new ArrayList<>();
    private MainAdapter adapter;
    private Button btn;

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

        //初始化控制元件
        initView();
        //初始化資料list
        initList();
        //初始化介面卡
        initAdapter();

    }

    /**
     * 初始化介面卡
     */
    private void initAdapter() {
        adapter= new MainAdapter(dataList);
        LinearLayoutManager manager= new LinearLayoutManager(this);
        rl.setLayoutManager(manager);
        rl.setAdapter(adapter);
    }

    /**
     * 初始化控制元件
     */
    private void initView() {
        rl= findViewById(R.id.main_rl);
        tv= findViewById(R.id.main_tv);
        btn= findViewById(R.id.main_btn);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent= new Intent();
                intent.putExtra("data", adapter.getSelectList().toString());
                setResult(1, intent);
                finish();
            }
        });
        tv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if("全選".equals(tv.getText().toString())){
                    tv.setText("全不選");
                    adapter.selectAll(true);
                }else{
                    tv.setText("全選");
                    adapter.selectAll(false);
                }
                Log.d("listdata", adapter.getSelectList().toString());
            }
        });
    }

    /**
     * 初始化資料list
     */
    private void initList() {
        MainBean bean= new MainBean("是你給了我一把傘，撐住傾盆灑落的孤單", false);
        dataList.add(bean);
        MainBean bean1= new MainBean("所以好像給你一灣河岸，洗滌腐蝕心靈的遺憾", false);
        dataList.add(bean1);
        MainBean bean2= new MainBean("給你我所有的溫暖，脫下唯一擋風的衣衫", false);
        dataList.add(bean2);
        MainBean bean3= new MainBean("思念刮過背脊打著冷顫，眼神依舊為你而點燃", false);
        dataList.add(bean3);
    }
}

至此全部完成，附上demo

資源下載

相關推薦

Android開發丶帶有型別的列表功能實現

標題乍看起來有點不知所云，話不多說，效果圖附上 每個大標籤分為數個小標籤，頂部有個型別title，點選每個小item會觸發相應位置的點選事件，歐了，流程走起來~~~ 1.首先當然還是畫UI啦，分析介面，只是一個列表，這裡我們用RecyclerView。 activi

Android開發丶帶有選擇功能的列表功能的實現

一般在開發過程中，我們會遇到這種需求，對列表的某些條目進行點選，然後進行下一步操作，一般列表控制元件都沒該功能，這裡就需要我們去自定義了，本篇博文將進行歸納和總結。 先看下效果圖    下面說下實現步驟 1.按照國際慣例，分析介面，畫布局 核心控制元件就是這個列表了

Android開發丶一步步教你實現okhttp帶進度的列表下載檔案功能

大家好，我又回來了！ 標題好像又起的不知所云，但是貌似也想不起更好的標題，話不多少，先來張效果圖 根據上圖就很明顯標題的含義了，每個列表標籤都有一個下載的按鈕，點選以下載對應的檔案，如果已下載則顯示“已下載”，反之顯示“點選下載”。 首先我們使用okhttp框架下載

Android開發中支付寶接入支付功能實現（詳細步驟）

今天做了一下支付寶的支付功能的實現，記錄一下。（注意：因為服務時常更新，所以主要記錄操作方法，而非依葫蘆畫瓢。另外，這次簡單實現了訂單提交—結果獲取，並沒有做那些進一步的驗證，後期會逐步完善）步驟如下：下載最新的sdk則點選上圖中下面的那個"SDK及DEMO下載"，然後選擇相

Android開發丶底部導航欄的主介面實現

在主流app中，應用的主介面都是底部含有多個標籤的導航欄，點選可以切換到相應的介面，如圖: 接下來將描述下其實現過程。 1.首先是分析介面，底部導航欄我們可以用一個佔滿螢幕寬度、包裹著數個標籤TextView、方向為橫向horizontal的線性佈局LinearLay

[Android開發基礎] 時間選擇器

佈局： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_w

Android開發丶自定義帶EditText的AlertDialog

接到一個需求，點選某個按鈕需要彈出一個帶有EditText的AlertDialog彈窗，實現起來並不難，簡單記錄下方便以後使用。 國際慣例，效果圖走起： 下面是實現步驟 1.首先畫自定義的佈局，我們給裡面放了四個TextView、一個EditText。 dialo

Android開發丶整合微信原生分享並於分享網頁時載入網路縮圖

微信分享也是一項很常用的功能了，以往都是用友盟或者mobShareSDK框架來實現的，這兩者在微信官方的sdk基礎上封裝的很好，並且加入了一些很實用性的功能，不過這次因為只有微信平臺的分享，而且微信登入也是基於微信官方的原生SDK的，所以我們就不用再去大費周章地使用友盟和mo

Java vs Kotlin，Android開發人員應該選擇哪種語言？

自 Google 於 2017 年宣佈 Kotlin 成為 Google IO 的 Android 開發官方語言以來，想要成為Android開發人員的程式設計師正陷入兩難境地。 在討論這個問題前，我首先要明確一點， 不要陷入程式語言戰爭，不要進行語言鄙視，只要能賺錢的程式語言就是好語言。 歡迎加入Andr

Android開發丶使用DialogFragment完成炫酷的彈窗登入介面並完成DialogFragment與宿主Fragment的通訊

在上篇文件中，我主要記錄了通過介面回撥實現了DialogFragment與宿主Acitivity的通訊，但是在實際開發過程中，登入介面往往是從“我的”這個Fragment開啟的，這裡發現介面回撥不是很好用，查閱了很多文件，都沒有很好的解決辦法，因此，怎樣把輸入的賬戶名和密碼由

Android開發之狀態選擇器（selector）詳解

這些天博主的專案進度比較快，現在伺服器那端進度較慢，所以博主晚上最近會比較有時間，所以最近會多寫些部落格出來和大家分享~希望能夠幫助到大家。 所謂狀態選擇器，就是控制元件（view或者viewgroup）的狀態發現變化的時候，我們可以再指定的狀態下，切換控制元件的背景屬性（

android開發（3）：列表listview的實現 | 下拉刷新

imp 就是 觸發 能夠 希望 封裝 介紹 組成 ctu APP裏面的列表太常用了，系統提供的listview或grideview可以做到。另外，我希望這個列表能夠下拉時觸發刷新，於是考慮使用封裝了這個功能的開源項目，這裏介紹這個：https://github.com/Ya

Android開發之布局文件裏實現OnClick事件關聯處理方法

intent dsm nbsp ext 關聯 you vertica findview 時間 一般監聽OnClickListener事件，我們都是通過Button button = (Button)findViewById(....); button.se

2017.12.18 Android開發之消息隊列（實現子線程修改UI組件）

nds ace text read exce xtend prot ktr sta 1.界面布局，以及組件初始化： 組件初始化： private Button button; private Handler handler; @Ove

Android 開發：（四）Button圓角實現

本節學習button的圓角實現： 利用上節登入button示例： 1.效果對比： <Button android:layout_width="match_parent" android:layout_height="45dp

Android開發--圓角按鈕和繪製直線的實現

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

Android豎直滑動選擇器WheelView的實現

Android4.0以上的DatePicker，時間選擇器，想必大家不會陌生，如下所示效果 今天我們仿照DatePicker的效果，來實現自定義的WheelView，它可以實現選擇年齡、身高、體重。實現後的效果如下   下面是代碼實現的過程 1、MainActivit

Android開發之仿QQ側滑刪除實現（二）

一、把SlideDelete的簡單樣式先做出來。 SlideDelete繼承自ViewGroup，在引用SlideDelete的xml的位置include進兩個layout，一個是內容，一個是刪除 一、1、準備兩個佈局 內容部分 <?xml version="1.

android 開發button按下有震動怎樣實現

android 開發常有這樣的小需求：當Button按下時有震動，方法如下： 在按鈕按下事件onClick或者onTouch回撥中加入下面這段程式碼即可產生震動效果，震動的節奏由引數裡的long陣列來

【Android】Android開發之常用的loading等待效果實現，仿微博等待動畫。兩種實現方式詳解

長期維護的Android專案，裡面包括常用功能實現，以及知識點詳解， 當然還有Java中的知識點。 具體請看github：https://github.com/QQ986945193/DavidAndroidProjectTools 首先大家都知道，當我