From a873764794630f726aba27ce4f3c67ae8c62289c Mon Sep 17 00:00:00 2001
From: zhujie <leon.zhu@cloudroam.com.cn>
Date: 星期五, 18 四月 2025 17:40:32 +0800
Subject: [PATCH] 样式调整
---
app/src/main/res/layout/fragment_notifications.xml | 543 +++++++++++++++++++++++++++++++++---------------------
1 files changed, 331 insertions(+), 212 deletions(-)
diff --git a/app/src/main/res/layout/fragment_notifications.xml b/app/src/main/res/layout/fragment_notifications.xml
index 5a0a012..6af008d 100644
--- a/app/src/main/res/layout/fragment_notifications.xml
+++ b/app/src/main/res/layout/fragment_notifications.xml
@@ -3,82 +3,200 @@
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" />
- <!-- 功能区标题 -->
- <TextView
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:layout_marginTop="16dp"
- android:paddingHorizontal="16dp"
- android:paddingVertical="8dp"
- android:text="功能"
- android:textColor="@android:color/darker_gray"
- android:textSize="14sp"
- android:textStyle="bold" />
-
- <!-- 设置选项 -->
<LinearLayout
android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:orientation="vertical">
-
- <!-- 设置提醒 -->
- <RelativeLayout
- android:id="@+id/settings_reminder"
- 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" />
-
- <ImageView
- android:layout_width="24dp"
- android:layout_height="24dp"
- android:layout_alignParentEnd="true"
- android:layout_centerVertical="true"
- android:src="@drawable/right_forward" />
- </RelativeLayout>
+ android:layout_height="25dp"
+ android:gravity="center_vertical"
+ android:orientation="horizontal">
<View
- android:layout_width="match_parent"
- android:layout_height="0.5dp"
- android:layout_marginHorizontal="16dp"
- android:background="#E0E0E0" />
+ android:layout_width="0dp"
+ android:layout_height="wrap_content"
+ android:layout_weight="1" />
- <!-- 设置其他提醒 暂时不需要 -->
+ <ImageView
+ android:id="@+id/iv_setting"
+ android:layout_width="28dp"
+ android:layout_height="wrap_content"
+ android:layout_marginEnd="8dp"
+ android:contentDescription="设置"
+ android:src="@mipmap/setting" />
+ </LinearLayout>
+
+
+ <!-- 用户信息区域 - 减小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="16sp"
+ android:textStyle="bold"/>
+
+ <!-- 添加间隔 -->
+ <View
+ android:layout_width="6dp"
+ android:layout_height="0dp"/>
+
+ <TextView
+ android:id="@+id/tv_vip_expire"
+ android:layout_width="0dp"
+ android:layout_height="wrap_content"
+ android:layout_weight="1"
+ android:singleLine="true"
+ android:ellipsize="end"
+ android:textColor="#F2F2F2"
+ android:textSize="12sp"
+ android:clickable="true"
+ android:focusable="true"
+ android:background="?attr/selectableItemBackground"/>
+ </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: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" />
+
+ <!-- 功能图标网格 - 减小padding和调整间距 -->
+ <GridLayout
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:columnCount="4"
+ android:paddingHorizontal="8dp"
+ android:paddingVertical="4dp">
+
+<!-- <!– 会员 –>-->
<!-- <RelativeLayout-->
-<!-- android:id="@+id/settings_reminder_other"-->
-<!-- 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" />-->
@@ -90,199 +208,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">-->
- <!-- 联系与反馈 -->
+<!-- <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="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