From a8da38115220a0677442899ecf7bf75fd1ef325c Mon Sep 17 00:00:00 2001
From: tj <1378534974@qq.com>
Date: 星期二, 25 三月 2025 14:22:39 +0800
Subject: [PATCH] 1.支付

---
 app/src/main/res/layout/fragment_notifications.xml |  497 ++++++++++++++++++++++++++++++++----------------------
 1 files changed, 293 insertions(+), 204 deletions(-)

diff --git a/app/src/main/res/layout/fragment_notifications.xml b/app/src/main/res/layout/fragment_notifications.xml
index 5a0a012..6e60a3b 100644
--- a/app/src/main/res/layout/fragment_notifications.xml
+++ b/app/src/main/res/layout/fragment_notifications.xml
@@ -3,54 +3,170 @@
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:fillViewport="true">
+    android:background="@android:color/white"
+    android:fillViewport="true"
+    android:paddingBottom="56dp">
 
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="vertical">
 
-        <!-- 标题栏 -->
-        <TextView
+        <!-- 顶部广告位 - 减小高度 -->
+        <ImageView
+            android:id="@+id/iv_banner"
             android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:background="#FFE4C4"
-            android:gravity="center"
-            android:padding="16dp"
-            android:text="终身会员"
-            android:textColor="@android:color/black"
-            android:textSize="20sp"
-            android:textStyle="bold" />
+            android:layout_height="32dp"
+            android:scaleType="centerCrop" />
 
-        <!-- 功能区标题 -->
+        <!-- 用户信息区域 - 减小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_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="#FFD700"
+                            android:textSize="14sp"/>
+                    </LinearLayout>
+
+                    <!-- 第二行:续费提示(上移调整) -->
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="4dp"
+                        android:text="续费畅享更多会员权益"
+                        android:textColor="#B8741A"
+                        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="#FFFFFF" />
+            </LinearLayout>
+        </androidx.cardview.widget.CardView>
+
+        <!-- 功能区域标题 - 调整margin -->
         <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_marginTop="16dp"
-            android:paddingHorizontal="16dp"
-            android:paddingVertical="8dp"
+            android:layout_columnSpan="4"
+            android:layout_marginStart="12dp"
+            android:layout_marginTop="12dp"
+            android:layout_marginBottom="4dp"
             android:text="功能"
-            android:textColor="@android:color/darker_gray"
-            android:textSize="14sp"
+            android:textColor="#333333"
+            android:textSize="15sp"
             android:textStyle="bold" />
 
-        <!-- 设置选项 -->
-        <LinearLayout
+        <!-- 功能图标网格 - 减小padding和调整间距 -->
+        <GridLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:orientation="vertical">
+            android:columnCount="4"
+            android:paddingHorizontal="8dp"
+            android:paddingVertical="4dp">
 
-            <!-- 设置提醒 -->
+            <!-- 会员 -->
             <RelativeLayout
-                android:id="@+id/settings_reminder"
-                style="@style/SettingsItem"
+                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:text="会员"
                     android:textColor="@android:color/black"
                     android:textSize="16sp" />
 
@@ -62,227 +178,200 @@
                     android:src="@drawable/right_forward" />
             </RelativeLayout>
 
-            <View
-                android:layout_width="match_parent"
-                android:layout_height="0.5dp"
-                android:layout_marginHorizontal="16dp"
-                android:background="#E0E0E0" />
+            <!-- 支付 -->
+            <RelativeLayout
+                android:id="@+id/payPlugin"
+                style="@style/PluginPay"
+                android:padding="16dp">
 
-            <!-- 设置其他提醒 暂时不需要 -->
-<!--            <RelativeLayout-->
-<!--                android:id="@+id/settings_reminder_other"-->
-<!--                style="@style/SettingsItem"-->
-<!--                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" />
 
-<!--                <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>
 
-<!--                <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">
 
-            <View
-                android:layout_width="match_parent"
-                android:layout_height="0.5dp"
-                android:layout_marginHorizontal="16dp"
-                android:background="#E0E0E0" />
+                <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="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="16dp"
-                android:paddingHorizontal="16dp"
-                android:paddingVertical="8dp"
+                android:layout_columnSpan="4"
+                android:layout_marginStart="12dp"
+                android:layout_marginTop="12dp"
+                android:layout_marginBottom="4dp"
                 android:text="联系与反馈"
-                android:textColor="@android:color/darker_gray"
-                android:textSize="14sp"
+                android:textColor="#333333"
+                android:textSize="15sp"
                 android:textStyle="bold" />
 
             <!-- 关于小红书 -->
-            <RelativeLayout
-                android:id="@+id/about_app"
-                style="@style/SettingsItem"
-                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" />
+            <LinearLayout
+                android:id="@+id/layout_about"
+                style="@style/FunctionIconStyle">
 
                 <ImageView
-                    android:layout_width="24dp"
-                    android:layout_height="24dp"
-                    android:layout_alignParentEnd="true"
-                    android:layout_centerVertical="true"
-                    android:src="@drawable/right_forward" />
-            </RelativeLayout>
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_xiaohongshu" />
 
-            <View
-                android:layout_width="match_parent"
-                android:layout_height="0.5dp"
-                android:layout_marginHorizontal="16dp"
-                android:background="#E0E0E0" />
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="关于小红书" />
+            </LinearLayout>
 
             <!-- 邮件联系 -->
-            <RelativeLayout
-                android:id="@+id/email_contact"
-                style="@style/SettingsItem"
-                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" />
+            <LinearLayout
+                android:id="@+id/layout_email"
+                style="@style/FunctionIconStyle">
 
                 <ImageView
-                    android:layout_width="24dp"
-                    android:layout_height="24dp"
-                    android:layout_alignParentEnd="true"
-                    android:layout_centerVertical="true"
-                    android:src="@drawable/right_forward" />
-            </RelativeLayout>
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_email" />
 
-            <View
-                android:layout_width="match_parent"
-                android:layout_height="0.5dp"
-                android:layout_marginHorizontal="16dp"
-                android:background="#E0E0E0" />
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="邮件联系" />
+            </LinearLayout>
 
             <!-- 意见与反馈 -->
-            <RelativeLayout
-                android:id="@+id/feedback"
-                style="@style/SettingsItem"
-                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" />
+            <LinearLayout
+                android:id="@+id/layout_feedback"
+                style="@style/FunctionIconStyle">
 
                 <ImageView
-                    android:layout_width="24dp"
-                    android:layout_height="24dp"
-                    android:layout_alignParentEnd="true"
-                    android:layout_centerVertical="true"
-                    android:src="@drawable/right_forward" />
-            </RelativeLayout>
-
-            <View
-                android:layout_width="match_parent"
-                android:layout_height="0.5dp"
-                android:layout_marginHorizontal="16dp"
-                android:background="#E0E0E0" />
-
-            <!-- 分享给好友 -->
-            <RelativeLayout
-                android:id="@+id/share_to_friends"
-                style="@style/SettingsItem"
-                android:padding="16dp">
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_feedback" />
 
                 <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" />
+                    style="@style/FunctionTextStyle"
+                    android:text="意见与反馈" />
+            </LinearLayout>
 
-                <ImageView
-                    android:layout_width="24dp"
-                    android:layout_height="24dp"
-                    android:layout_alignParentEnd="true"
-                    android:layout_centerVertical="true"
-                    android:src="@drawable/right_forward" />
-            </RelativeLayout>
-
-            <View
-                android:layout_width="match_parent"
-                android:layout_height="0.5dp"
-                android:layout_marginHorizontal="16dp"
-                android:background="#E0E0E0" />
-
-            <!-- 其他区域标题 -->
+            <!-- 其他标题 - 调整margin -->
             <TextView
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="16dp"
-                android:paddingHorizontal="16dp"
-                android:paddingVertical="8dp"
+                android:layout_columnSpan="4"
+                android:layout_marginStart="12dp"
+                android:layout_marginTop="12dp"
+                android:layout_marginBottom="4dp"
                 android:text="其他"
-                android:textColor="@android:color/darker_gray"
-                android:textSize="14sp"
+                android:textColor="#333333"
+                android:textSize="15sp"
                 android:textStyle="bold" />
 
             <!-- 隐私协议 -->
-            <RelativeLayout
-                android:id="@+id/privacy_policy"
-                style="@style/SettingsItem"
-                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" />
+            <LinearLayout
+                android:id="@+id/layout_privacy"
+                style="@style/FunctionIconStyle">
 
                 <ImageView
-                    android:layout_width="24dp"
-                    android:layout_height="24dp"
-                    android:layout_alignParentEnd="true"
-                    android:layout_centerVertical="true"
-                    android:src="@drawable/right_forward" />
-            </RelativeLayout>
-
-            <View
-                android:layout_width="match_parent"
-                android:layout_height="0.5dp"
-                android:layout_marginHorizontal="16dp"
-                android:background="#E0E0E0" />
-
-            <!-- 如何使用 -->
-            <RelativeLayout
-                android:id="@+id/how_to_use"
-                style="@style/SettingsItem"
-                android:padding="16dp">
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_privacy" />
 
                 <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" />
+                    style="@style/FunctionTextStyle"
+                    android:text="隐私协议" />
+            </LinearLayout>
+
+            <!-- 使用教程 -->
+            <LinearLayout
+                android:id="@+id/layout_tutorial"
+                style="@style/FunctionIconStyle">
 
                 <ImageView
-                    android:layout_width="24dp"
-                    android:layout_height="24dp"
-                    android:layout_alignParentEnd="true"
-                    android:layout_centerVertical="true"
-                    android:src="@drawable/right_forward" />
-            </RelativeLayout>
+                    style="@style/FunctionImageStyle"
+                    android:src="@drawable/me_tutorial" />
 
-        </LinearLayout>
+                <TextView
+                    style="@style/FunctionTextStyle"
+                    android:text="使用教程" />
+            </LinearLayout>
+
+        </GridLayout>
+
+        <!-- 底部间距缩小 -->
+        <View
+            android:layout_width="match_parent"
+            android:layout_height="8dp" />
 
     </LinearLayout>
 </ScrollView>
\ No newline at end of file

--
Gitblit v1.9.3