RecyclerView顯示列表

来源:https://www.cnblogs.com/mdx9626/archive/2022/04/28/7672457.html
-Advertisement-
Play Games

本次要講的內容是利用RecyclerView顯示Users列表的信息,如下圖所示。 首先我們來創建模型User.java package com.example.mytest.User; import java.util.UUID; public class User{ private UUID m ...


本次要講的內容是利用RecyclerView顯示Users列表的信息,如下圖所示。
image.png
首先我們來創建模型User.java

package com.example.mytest.User;
import java.util.UUID;

public class User{
    private UUID mId;
    private String name;

    public User() {
        this(UUID.randomUUID());
    }

    public User(UUID id){
        mId=id;
    }

    public UUID getId() {
        return mId;
    }

    public String getName() {
        return name;
    }

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

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

創建單例UserLab.java
user數組對象將存儲在一個單例里。單例是特殊的Java類,在創建實例時,一個單例類僅允許創建一個實例。
應用能在記憶體里存活多久,單例就能活多久。

package com.example.mytest.User;
import android.content.Context;
import java.util.ArrayList;
import java.util.List;
import java.util.UUID;

public class UserLab {
    private static UserLab sUserLab;

    private List<User> mUsers;//保存User對象

    //get()方法
    public static UserLab get(Context context){
        //如果實例存在直接返回它,如果不存在,調用構造方法創建它
        if (sUserLab==null){
            sUserLab=new UserLab(context);
        }
        return sUserLab;
    }
    //私有構造方法
    private UserLab(Context context){
        mUsers=new ArrayList<>();
        //先批量存入100個User對象
        for (int i=0;i<100;i++){
            User user=new User();
            user.setName("User #"+i);
            mUsers.add(user);
        }
    }

    public List<User> getUsers(){
        return mUsers;
    }
    public User getUser(UUID id){
        for (User user:mUsers){
            if (user.getId().equals(id)){
                return user;
            }
        }
        return null;
    }
}

創建通用型fragment托管佈局activity_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.mytest.User.UserActivity">
</FrameLayout>

抽象activity類,創建SingleFragmentActivity.java
因為這段代碼很通用,所以抽取出來,便於簡化代碼。

package com.example.mytest.User;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v7.app.AppCompatActivity;
import com.example.mytest.R;

public abstract class SingleFragmentActivity extends AppCompatActivity {
    protected abstract Fragment createFragment();

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

        FragmentManager fm=getSupportFragmentManager();
        Fragment fragment=fm.findFragmentById(R.id.fragment_container);

        if (fragment==null){
            fragment=createFragment();
            fm.beginTransaction().add(R.id.fragment_container,fragment).commit();
        }
    }
}

創建UserListActivity.java
繼承SingleFragmentActivity類,托管UserListFragment

package com.example.mytest.User;
import android.support.v4.app.Fragment;

public class UserListActivity extends SingleFragmentActivity {
    @Override
    protected Fragment createFragment() {
        return new UserListFragment();
    }
}

創建UserListFragment .java

public class UserListFragment extends Fragment {
   
}

在配置文件AndroidManifest.xml中聲明UserListActivity為launcher acticity

<activity android:name=".User.UserListActivity">
           <!--添加這裡開始-->
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
           <!--添加這裡結束-->
        </activity>

現在運行應用,會看到UserListActivity的FrameLayout托管了一個無內容的UserListFragment。
我們需要UserListFragment向用戶展示user列表,這就要用到RecyclerView類。RecyclerView是ViewGroup的子類,每一個列表項都是作為一個View子對象顯示的。
一次為所有列表項創建View很容易搞垮應用,按需創建視圖對象才是比較合理的解決方案。RecyclerView顧名思義就是回收再利用,用戶滑動屏幕切換視圖時,上一個視圖會回收利用,當然整個功能的實現還需要ViewHolder子類和Adapter子類的支持。

  • RecyclerView的任務僅限於回收和定位屏幕上的View。
  • ViewHolder只做一件事:容納View視圖。
  • Adapter創建必要的ViewHolder,綁定ViewHolder至模型層數據。
    現在我們來正式使用RecyclerView。

1. 添加RecyclerView依賴庫

dependencies {
...
       compile 'com.android.support:recyclerview-v7:25.3.1'
}

2.新建fragment_user_list.xml佈局文件。

修改根視圖為RecyclerView,併為其配置ID

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/user_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

</android.support.v7.widget.RecyclerView>

3.視圖和fragment關聯

修改UserListFragment類文件,使用佈局並找到佈局中的RecyclerView視圖。
註意,沒有LayoutManager的支持,不僅RecyclerView無法工作,還會導致應用崩潰。所以,RecyclerView視圖創建完成後,就立即轉交給了Manager對象。LayoutManager負責屏幕上列表項的擺放、定義屏幕滾動行為。

public class UserListFragment extends Fragment {
   private RecyclerView mUserRecyclerView;
   @Override
   public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_user_list,container,false);

        mUserRecyclerView=(RecyclerView)view.findViewById(R.id.user_recycler_view);
        mUserRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));
        return view;
    }
}

4.實現ViewHolder和Adapter

public class UserListFragment extends Fragment {
   ........   
    //定義ViewHolder內部類,它會實例化並使用list_item_user佈局
    private class UserHolder extends RecyclerView.ViewHolder{
        private User mUser;
        //構造方法
        public UserHolder(LayoutInflater inflater,ViewGroup parent){
            super(inflater.inflate(R.layout.list_item_user,parent,false)); 
        }
    }

    //創建Adapter內部類
    private class UserAdapter extends RecyclerView.Adapter<UserHolder>{
        private List<User> mUsers;

        public UserAdapter(List<User> users){
            mUsers=users;
        }

        @Override
        public UserHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            LayoutInflater layoutInflater=LayoutInflater.from(getActivity());

            return new UserHolder(layoutInflater,parent);
        }

        @Override
        public void onBindViewHolder(UserHolder holder, int position) {

        }

        @Override
        public int getItemCount() {
            return mUsers.size();
        }
    }
}

新建updateUI方法。關聯Adapter和RecyclerView。

public class UserListFragment extends Fragment {
......
    private UserAdapter mAdapter;
    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_user_list,container,false);

        mUserRecyclerView=(RecyclerView)view.findViewById(R.id.user_recycler_view);
        mUserRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

        updateUI();

        return view;
    }
    private void updateUI() {
        UserLab userLab=UserLab.get(getActivity());
        List<User> users=userLab.getUsers();

        mAdapter=new UserAdapter(users);
        mUserRecyclerView.setAdapter(mAdapter);
    }
    ......
}

運行應用,結果如圖所示。
image.png
現在綁定列表項,使呈現不同的數據。
我們把綁定工作放入UserHolder類里,綁定之前首先要實例化相關組件。由於是一次性任務,因此直接放在構造方法里處理。然後定義bind(User)方法,每次有新的User要在UserHolder中顯示時,都要調用它一次。
為了錦上添花,這裡還設置了列表項點擊後彈出小的提示框。通過實現View.OnClickListener介面來實現這個功能。

//定義ViewHolder內部類,它會實例化並使用list_item_user佈局
    private class UserHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
        private TextView mNameTextView;
        private User mUser;

        //構造方法
        public UserHolder(LayoutInflater inflater,ViewGroup parent){
            super(inflater.inflate(R.layout.list_item_user,parent,false));
            //檢測用戶點擊事件
            itemView.setOnClickListener(this);//點擊了則調用onClick()方法
            //實例化視圖組件
            mNameTextView=(TextView) itemView.findViewById(R.id.user_name);
        }
        //每次有新的User要在UserHolder中顯示時,都要調用它一次
        public void bind(User user){
            mUser=user;
            mNameTextView.setText(mUser.getName());
        }

        @Override
        public void onClick(View v) {
            Toast.makeText(getActivity(),mUser.getName()+" clicked!",Toast.LENGTH_SHORT).show();
        }
    }
//創建Adapter內部類
    private class UserAdapter extends RecyclerView.Adapter<UserHolder>{
   .........
        @Override
        public void onBindViewHolder(UserHolder holder, int position) {
            User user=mUsers.get(position);
            holder.bind(user);
        }
    ........
 }

這裡為了方便大家的閱讀,再次提供UserListFragment.java的全部代碼。

package com.example.mytest.User;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;

import com.example.mytest.R;

import java.util.List;

public class UserListFragment extends Fragment {
    private RecyclerView mUserRecyclerView;
    private UserAdapter mAdapter;

    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_user_list,container,false);

        mUserRecyclerView=(RecyclerView)view.findViewById(R.id.user_recycler_view);
        mUserRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

        updateUI();

        return view;
    }

    private void updateUI() {
        UserLab userLab=UserLab.get(getActivity());
        List<User> users=userLab.getUsers();

        mAdapter=new UserAdapter(users);
        mUserRecyclerView.setAdapter(mAdapter);
    }

    //定義ViewHolder內部類,它會實例化並使用list_item_user佈局
    private class UserHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
        private TextView mNameTextView;
        private User mUser;

        //構造方法
        public UserHolder(LayoutInflater inflater,ViewGroup parent){
            super(inflater.inflate(R.layout.list_item_user,parent,false));
            //檢測用戶點擊事件
            itemView.setOnClickListener(this);//點擊了則調用onClick()方法
            //實例化視圖組件
            mNameTextView=(TextView) itemView.findViewById(R.id.user_name);
        }
        //每次有新的User要在UserHolder中顯示時,都要調用它一次
        public void bind(User user){
           /* mUser=user;
            mNameTextView.setText(mUser.getName());*/
        }

        @Override
        public void onClick(View v) {
            Toast.makeText(getActivity(),mUser.getName()+" clicked!",Toast.LENGTH_SHORT).show();
        }
    }

    //創建Adapter內部類
    private class UserAdapter extends RecyclerView.Adapter<UserHolder>{
        private List<User> mUsers;

        public UserAdapter(List<User> users){
            mUsers=users;
        }

        @Override
        public UserHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            LayoutInflater layoutInflater=LayoutInflater.from(getActivity());

            return new UserHolder(layoutInflater,parent);
        }

        @Override
        public void onBindViewHolder(UserHolder holder, int position) {
            User user=mUsers.get(position);
            holder.bind(user);
        }

        @Override
        public int getItemCount() {
            return mUsers.size();
        }
    }
}

現在再次運行程式,效果如下圖。
image.png


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在使用.Net 6開發程式時,發現多了很多新的警告類型。這裡總結一下處理方法。 CS8618 在退出構造函數時,不可為 null 的 屬性“Name”必須包含非 null 值 經常遇到的有CS8618警告:如果定義屬性可能為空時,在編譯時會報這個警告,比如下麵的代碼: public class Pl ...
  • 前言 本文主要介紹ArcGis的ArcEngine開發,學習時,我們需要放下心裡障礙,那就是Gis開發只是普通的軟體開發,並不需要專業的GIS知識,就是非常普通的,調用相關的C++開發的COM組件。 開發環境:VS2017。 ArcEngine版本:10.1。 基礎學習 正式使用ArcGis之前,需 ...
  • 本文詳細的講解了FFT的實現,簡直是手把手了。我也是慢慢學過來的,知道網上的教程對於初學者不是很友好,所以決定自己寫一份博客來記錄下來我的經驗 ...
  • 本文例子參考《STM32單片機開發實例——基於Proteus虛擬模擬與HAL/LL庫》 源代碼:https://github.com/LanLinnet/STM33F103R6 項目要求 實現流水燈效果。 硬體設計 在第一節的基礎上,在Proteus中添加電路如下圖所示,其中我們添加了一個排阻RX8 ...
  • 如何基於Xcode搭建OpenCV開發環境 我的開發平臺是MacBook Pro (13-inch, M1, 2020),版本11.4,碩士課題是關於電腦視覺的,平時主要用Clion/PyCharm基於opencv-python/C++進行開發。近期閑來沒事體驗一下蘋果官方的開發工具,由於遇到了一 ...
  • Set介面 介紹 無序(添加和取出的順序不一致),沒有索引 不允許重覆,所以最多包含一個null JDK API中Set介面實現類有 Set介面常用方法 和List介面一樣,Set介面也是Collection的子介面,因此,常用方法和Collection介面一樣 特點 不能存放重覆的元素 set介面 ...
  • 主從複製 SLAVEOF 新舊複製功能 舊版複製功能 舊版複製功能的實現為 同步 和 命令傳播: 當剛連上Master時,要做一次全同步: sequenceDiagram participant Slave participant Master Slave->>Master: SYNC Master ...
  • 文章首發於公眾號:BiggerBoy 有讀者說面試被問到怎麼用SQL模擬資料庫死鎖? 這位讀者表示對Java中的死鎖還是略知一二的,但是突然用SQL寫死鎖的案例之前還真沒遇到過,這個問題沒答上來。所以今天就帶大家一起來看下怎麼用SQL讓資料庫中產生死鎖。 什麼是死鎖 說到死鎖,還是先來複習下什麼是死 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...