LLRiseTabBarDemo/app/src/main/AndroidManifest.xml

@@ -33,7 +33,9 @@
         <activity
             android:name=".activity.ForgotPasswordActivity"
             android:exported="false" />
-
+        <activity
+            android:name=".activity.ChatActivity"
+            android:exported="false" />
     </application>
 
 </manifest>

LLRiseTabBarDemo/app/src/main/java/com/startsmake/llrisetabbardemo/fragment/MessageFragment.java

@@ -1,26 +1,65 @@
 package com.startsmake.llrisetabbardemo.fragment;
 
+import android.content.Intent;
 import android.os.Bundle;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
-
+import androidx.annotation.NonNull;
-// 改为 AndroidX
 import androidx.annotation.Nullable;
 import androidx.fragment.app.Fragment;
-
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
 import com.startsmake.llrisetabbardemo.R;
+import com.startsmake.llrisetabbardemo.activity.ChatActivity;
+import com.startsmake.llrisetabbardemo.adapter.MessageAdapter;
+import com.startsmake.llrisetabbardemo.model.MessageItem;
+import java.util.ArrayList;
+import java.util.List;
 
-/**
- * User:Shine
- * Date:2015-10-20
- * Description:
- */
 public class MessageFragment extends Fragment {
 
+    private RecyclerView rvMessageList;
+    private MessageAdapter messageAdapter;
+    private List<MessageItem> messageList;
+
     @Nullable
     @Override
-    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
-        return inflater.inflate(R.layout.fragment_message, container, false);
+        View view = inflater.inflate(R.layout.fragment_message, container, false);
+        initView(view);
+        initData();
+        return view;
+    }
+
+    private void initView(View view) {
+        rvMessageList = view.findViewById(R.id.rvMessageList);
+        rvMessageList.setLayoutManager(new LinearLayoutManager(getContext()));
+    }
+
+    private void initData() {
+        messageList = new ArrayList<>();
+
+        // 添加消息数据 - 所有头像都使用白色背景
+        messageList.add(new MessageItem("通知消息", "红包到账提醒", "刚刚", 0, true));
+        messageList.add(new MessageItem("互动消息", "还没有新通知~", "", 0, false));
+        messageList.add(new MessageItem("闲鱼精选", "[347条] 关注的宝贝上新捡漏...", "6小时前", 347, false));
+        messageList.add(new MessageItem("刑事组之虎", "快给ta一个评价吧～", "04-19", 0, false));
+        messageList.add(new MessageItem("卖家小助手", "开启急速转卖通道！", "05-25", 0, true));
+        messageList.add(new MessageItem("豫中玩具批…", "[我完成了评价]", "04-18", 0, false));
+
+        messageAdapter = new MessageAdapter(getContext(), messageList);
+        rvMessageList.setAdapter(messageAdapter);
+
+        // 添加点击监听
+        messageAdapter.setOnItemClickListener(new MessageAdapter.OnItemClickListener() {
+            @Override
+            public void onItemClick(MessageItem item) {
+                // 跳转到聊天页面
+                Intent intent = new Intent(getActivity(), ChatActivity.class);
+                intent.putExtra("chat_title", item.getTitle());
+                startActivity(intent);
+            }
+        });
     }
 }

LLRiseTabBarDemo/app/src/main/res/layout/fragment_message.xml

@@ -1,14 +1,60 @@
 <?xml version="1.0" encoding="utf-8"?>
-<FrameLayout
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:orientation="vertical">
+    android:orientation="vertical"
+    android:background="#f5f5f5">
 
-    <TextView
+    <!-- 标题栏 -->
-        android:layout_width="wrap_content"
+    <RelativeLayout
-        android:layout_height="wrap_content"
+        android:layout_width="match_parent"
-        android:layout_gravity="center"
+        android:layout_height="56dp"
-        android:text="消息"/>
+        android:background="@android:color/white"
+        android:elevation="2dp">
 
-</FrameLayout>
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="消息"
+            android:textSize="18sp"
+            android:textStyle="bold"
+            android:layout_centerInParent="true" />
+
+    </RelativeLayout>
+
+    <!-- 搜索栏 -->
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="50dp"
+        android:background="@android:color/white"
+        android:paddingHorizontal="16dp"
+        android:layout_marginTop="8dp">
+
+        <EditText
+            android:id="@+id/etSearch"
+            android:layout_width="match_parent"
+            android:layout_height="36dp"
+            android:background="@drawable/bg_search_edittext"
+            android:hint="搜索聊天记录/联系人/服务号"
+            android:paddingStart="40dp"
+            android:paddingEnd="16dp"
+            android:singleLine="true"
+            android:textSize="14sp" />
+
+        <ImageView
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@android:drawable/ic_menu_search"
+            android:layout_centerVertical="true"
+            android:layout_marginStart="12dp" />
+
+    </RelativeLayout>
+
+    <!-- 消息列表 -->
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/rvMessageList"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_marginTop="8dp" />
+
+</LinearLayout>