From e89487ce6af720053a2770297339fb97cb736876 Mon Sep 17 00:00:00 2001
From: cloudroam <cloudroam>
Date: 星期三, 02 四月 2025 09:34:05 +0800
Subject: [PATCH] fix : 样式

---
 app/src/main/res/layout/fragment_notifications.xml |  490 ++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 342 insertions(+), 148 deletions(-)

diff --git a/app/src/main/res/layout/fragment_notifications.xml b/app/src/main/res/layout/fragment_notifications.xml
index 1e902cb..e176684 100644
--- a/app/src/main/res/layout/fragment_notifications.xml
+++ b/app/src/main/res/layout/fragment_notifications.xml
@@ -1,183 +1,377 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:orientation="vertical">
+    android:background="@android:color/white"
+    android:fillViewport="true"
+    android:paddingBottom="56dp">
 
-    <!-- 标题栏 -->
-    <TextView
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:background="#FFE4C4"
-        android:gravity="center"
-        android:padding="16dp"
-        android:text="终身会员"
-        android:textSize="18sp" />
-
-    <!-- 功能区标题 -->
-    <TextView
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:padding="8dp"
-        android:text="功能"
-        android:textSize="14sp" />
-
-    <!-- 设置选项 -->
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="vertical">
 
-        <!-- 设置提醒 -->
-        <RelativeLayout
-            android:id="@+id/settings_reminder"
-            style="@style/SettingsItem">
+        <!-- 顶部广告位 - 减小高度 -->
+        <ImageView
+            android:id="@+id/iv_banner"
+            android:layout_width="match_parent"
+            android:layout_height="32dp"
+            android:scaleType="centerCrop" />
 
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_centerVertical="true"
-                android:text="设置提醒" />
+        <!-- 用户信息区域 - 减小padding -->
+        <RelativeLayout
+            android:id="@+id/layout_user_info"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:padding="12dp">
+
+            <com.google.android.material.imageview.ShapeableImageView
+                android:id="@+id/iv_avatar"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:scaleType="centerCrop"
+                app:shapeAppearanceOverlay="@style/CircleImageView" />
 
             <ImageView
+                android:id="@+id/iv_vip"
+                android:layout_width="24dp"
+                android:layout_height="24dp"
+                android:layout_alignBottom="@id/tv_nickname"
+                android:layout_marginStart="8dp"
+                android:layout_toEndOf="@id/tv_nickname"
+                android:contentDescription="VIP标识"
+                android:src="@drawable/me_vip" />
+
+            <TextView
+                android:id="@+id/tv_nickname"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_alignParentEnd="true"
-                android:layout_centerVertical="true"
-                android:src="@android:drawable/ic_menu_more" />
+                android:layout_marginStart="16dp"
+                android:layout_toEndOf="@id/iv_avatar"
+                android:textColor="@android:color/black"
+                android:textSize="18sp"
+                android:textStyle="bold" />
+
+            <TextView
+                android:id="@+id/tv_user_id"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_below="@id/tv_nickname"
+                android:layout_marginStart="16dp"
+                android:layout_marginTop="4dp"
+                android:layout_toEndOf="@id/iv_avatar"
+                android:textColor="@android:color/darker_gray"
+                android:textSize="14sp" />
         </RelativeLayout>
 
-        <!-- 取录与反馈 -->
+        <!-- VIP会员卡片 - 减小margin和padding -->
+        <androidx.cardview.widget.CardView
+            android:id="@+id/card_vip"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginHorizontal="12dp"
+            android:layout_marginVertical="8dp"
+            app:cardCornerRadius="8dp"
+            app:cardElevation="4dp">
+
+            <LinearLayout
+                android:id="@+id/linearVipContainer"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:background="@android:color/black"
+                android:orientation="horizontal"
+                android:padding="12dp">
+
+                <LinearLayout
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:orientation="vertical">
+
+                    <!-- 第一行:VIP标题 + 有效期 -->
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:orientation="horizontal"
+                        android:gravity="center_vertical">
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="VIP会员  "
+                            android:textColor="#B8741A"
+                            android:textSize="18sp"
+                            android:textStyle="bold"/>
+
+                        <!-- 添加间隔 -->
+
+                        <TextView
+                            android:id="@+id/tv_vip_expire"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:textColor="#F2F2F2"
+                            android:textSize="14sp"/>
+                    </LinearLayout>
+
+                    <!-- 第二行:续费提示(上移调整) -->
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="4dp"
+                        android:text="续费畅享更多会员权益"
+                        android:textColor="#F0DCBF"
+                        android:textSize="12sp"
+                        android:textStyle="bold"/>
+                </LinearLayout>
+
+                <Button
+                    android:id="@+id/btn_renew"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:backgroundTint="#7A441E"
+                    android:text="立即续费"
+                    android:textColor="#F0DCBF" />
+            </LinearLayout>
+        </androidx.cardview.widget.CardView>
+
+        <!-- 功能区域标题 - 调整margin -->
         <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:padding="8dp"
-            android:text="取录与反馈"
-            android:textSize="14sp" />
+            android:layout_columnSpan="4"
+            android:layout_marginStart="12dp"
+            android:layout_marginTop="12dp"
+            android:layout_marginBottom="4dp"
+            android:text="功能"
+            android:textColor="#333333"
+            android:textSize="15sp"
+            android:textStyle="bold" />
 
-        <!-- 关于小红书 -->
-        <RelativeLayout
-            android:id="@+id/about_app"
-            style="@style/SettingsItem">
-
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_centerVertical="true"
-                android:text="关于小红书" />
-
-            <ImageView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_alignParentEnd="true"
-                android:layout_centerVertical="true"
-                android:src="@android:drawable/ic_menu_more" />
-        </RelativeLayout>
-
-        <!-- 邮件联系 -->
-        <RelativeLayout
-            android:id="@+id/email_contact"
-            style="@style/SettingsItem">
-
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_centerVertical="true"
-                android:text="邮件联系" />
-
-            <ImageView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_alignParentEnd="true"
-                android:layout_centerVertical="true"
-                android:src="@android:drawable/ic_menu_more" />
-        </RelativeLayout>
-
-        <!-- 意见与反馈 -->
-        <RelativeLayout
-            android:id="@+id/feedback"
-            style="@style/SettingsItem">
-
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_centerVertical="true"
-                android:text="意见与反馈" />
-
-            <ImageView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_alignParentEnd="true"
-                android:layout_centerVertical="true"
-                android:src="@android:drawable/ic_menu_more" />
-        </RelativeLayout>
-
-        <!-- 分享给好友 -->
-        <RelativeLayout
-            android:id="@+id/share_to_friends"
-            style="@style/SettingsItem">
-
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_centerVertical="true"
-                android:text="分享给好友" />
-
-            <ImageView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_alignParentEnd="true"
-                android:layout_centerVertical="true"
-                android:src="@android:drawable/ic_menu_more" />
-        </RelativeLayout>
-
-        <!-- 其他区域标题 -->
-        <TextView
+        <!-- 功能图标网格 - 减小padding和调整间距 -->
+        <GridLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:padding="8dp"
-            android:text="其他"
-            android:textSize="14sp" />
+            android:columnCount="4"
+            android:paddingHorizontal="8dp"
+            android:paddingVertical="4dp">
 
-        <!-- 隐私协议 -->
-        <RelativeLayout
-            android:id="@+id/privacy_policy"
-            style="@style/SettingsItem">
+<!--            &lt;!&ndash; 会员 &ndash;&gt;-->
+<!--            <RelativeLayout-->
+<!--                android:id="@+id/memberVip"-->
+<!--                style="@style/PluginPay"-->
+<!--                android:padding="16dp">-->
 
+<!--                <TextView-->
+<!--                    android:layout_width="wrap_content"-->
+<!--                    android:layout_height="wrap_content"-->
+<!--                    android:layout_centerVertical="true"-->
+<!--                    android:text="会员"-->
+<!--                    android:textColor="@android:color/black"-->
+<!--                    android:textSize="16sp" />-->
+
+<!--                <ImageView-->
+<!--                    android:layout_width="24dp"-->
+<!--                    android:layout_height="24dp"-->
+<!--                    android:layout_alignParentEnd="true"-->
+<!--                    android:layout_centerVertical="true"-->
+<!--                    android:src="@drawable/right_forward" />-->
+<!--            </RelativeLayout>-->
+
+<!--            &lt;!&ndash; 支付 &ndash;&gt;-->
+<!--            <RelativeLayout-->
+<!--                android:id="@+id/payPlugin"-->
+<!--                style="@style/PluginPay"-->
+<!--                android:padding="16dp">-->
+
+<!--                <TextView-->
+<!--                    android:layout_width="wrap_content"-->
+<!--                    android:layout_height="wrap_content"-->
+<!--                    android:layout_centerVertical="true"-->
+<!--                    android:text="支付"-->
+<!--                    android:textColor="@android:color/black"-->
+<!--                    android:textSize="16sp" />-->
+
+<!--                <ImageView-->
+<!--                    android:layout_width="24dp"-->
+<!--                    android:layout_height="24dp"-->
+<!--                    android:layout_alignParentEnd="true"-->
+<!--                    android:layout_centerVertical="true"-->
+<!--                    android:src="@drawable/right_forward" />-->
+<!--            </RelativeLayout>-->
+
+            <!-- 设置提醒 -->
+            <LinearLayout
+                android:id="@+id/layout_reminder"
+                style="@style/FunctionIconStyle">
+
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_set_reminder" />
+
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="设置提醒" />
+            </LinearLayout>
+
+            <!-- 待办 -->
+            <LinearLayout
+                android:id="@+id/layout_todo"
+                style="@style/FunctionIconStyle">
+
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_wait_todo" />
+
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="待办" />
+            </LinearLayout>
+
+            <!-- 好友邀请 -->
+            <LinearLayout
+                android:id="@+id/layout_invite"
+                style="@style/FunctionIconStyle">
+
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_friend_invitation" />
+
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="好友邀请" />
+            </LinearLayout>
+
+            <!-- AI助手 -->
+            <LinearLayout
+                android:id="@+id/layout_ai"
+                style="@style/FunctionIconStyle">
+
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_ai_assistant" />
+
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="AI助手" />
+            </LinearLayout>
+
+            <!-- 离线模式 -->
+            <LinearLayout
+                android:id="@+id/layout_offline"
+                style="@style/FunctionIconStyle">
+
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_offline_mode" />
+
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="离线模式" />
+            </LinearLayout>
+
+            <!-- 联系与反馈标题 - 调整margin -->
             <TextView
-                android:layout_width="wrap_content"
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_centerVertical="true"
-                android:text="隐私协议" />
+                android:layout_columnSpan="4"
+                android:layout_marginStart="12dp"
+                android:layout_marginTop="12dp"
+                android:layout_marginBottom="4dp"
+                android:text="联系与反馈"
+                android:textColor="#333333"
+                android:textSize="15sp"
+                android:textStyle="bold" />
 
-            <ImageView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_alignParentEnd="true"
-                android:layout_centerVertical="true"
-                android:src="@android:drawable/ic_menu_more" />
-        </RelativeLayout>
+            <!-- 关于小红书 -->
+            <LinearLayout
+                android:id="@+id/layout_about"
+                style="@style/FunctionIconStyle">
 
-        <!-- 如何使用 -->
-        <RelativeLayout
-            android:id="@+id/how_to_use"
-            style="@style/SettingsItem">
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_xiaohongshu" />
 
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="关于小红书" />
+            </LinearLayout>
+
+            <!-- 邮件联系 -->
+            <LinearLayout
+                android:id="@+id/layout_email"
+                style="@style/FunctionIconStyle">
+
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_email" />
+
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="邮件联系" />
+            </LinearLayout>
+
+            <!-- 意见与反馈 -->
+            <LinearLayout
+                android:id="@+id/layout_feedback"
+                style="@style/FunctionIconStyle">
+
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_feedback" />
+
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="意见与反馈" />
+            </LinearLayout>
+
+            <!-- 其他标题 - 调整margin -->
             <TextView
-                android:layout_width="wrap_content"
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_centerVertical="true"
-                android:text="如何使用" />
+                android:layout_columnSpan="4"
+                android:layout_marginStart="12dp"
+                android:layout_marginTop="12dp"
+                android:layout_marginBottom="4dp"
+                android:text="其他"
+                android:textColor="#333333"
+                android:textSize="15sp"
+                android:textStyle="bold" />
 
-            <ImageView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_alignParentEnd="true"
-                android:layout_centerVertical="true"
-                android:src="@android:drawable/ic_menu_more" />
-        </RelativeLayout>
+            <!-- 隐私协议 -->
+            <LinearLayout
+                android:id="@+id/layout_privacy"
+                style="@style/FunctionIconStyle">
+
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_privacy" />
+
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="隐私协议" />
+            </LinearLayout>
+
+            <!-- 使用教程 -->
+            <LinearLayout
+                android:id="@+id/layout_tutorial"
+                style="@style/FunctionIconStyle">
+
+                <ImageView
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_tutorial" />
+
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="使用教程" />
+            </LinearLayout>
+
+        </GridLayout>
+
+        <!-- 底部间距缩小 -->
+        <View
+            android:layout_width="match_parent"
+            android:layout_height="8dp" />
 
     </LinearLayout>
-
-</LinearLayout>
\ No newline at end of file
+</ScrollView>
\ No newline at end of file

--
Gitblit v1.9.3