From 6ada2c53c4e28f7524fe9439563bc4adfab2ca41 Mon Sep 17 00:00:00 2001
From: tj <1378534974@qq.com>
Date: 星期二, 01 四月 2025 16:56:38 +0800
Subject: [PATCH] 1.vip续费页面-页面样式优化
---
app/src/main/res/drawable/member_background.xml | 4
app/src/main/java/com/example/firstapp/ui/vip/MemberInfoCardViewModel.kt | 8
app/src/main/res/layout/activity_vip.xml | 500 ++++++++++++++++++++++++++++---------------------------
3 files changed, 260 insertions(+), 252 deletions(-)
diff --git a/app/src/main/java/com/example/firstapp/ui/vip/MemberInfoCardViewModel.kt b/app/src/main/java/com/example/firstapp/ui/vip/MemberInfoCardViewModel.kt
index 6342a76..7df6edb 100644
--- a/app/src/main/java/com/example/firstapp/ui/vip/MemberInfoCardViewModel.kt
+++ b/app/src/main/java/com/example/firstapp/ui/vip/MemberInfoCardViewModel.kt
@@ -19,7 +19,7 @@
val memberStatus: StateFlow<String> = _memberStatus
// 头像
- private val _cover = MutableStateFlow("")
+ private val _cover = MutableStateFlow("http://192.168.1.201:9000/sms/avatar/avatar_default.png")
val cover: StateFlow<String> = _cover
// vip头像
@@ -67,7 +67,11 @@
}
// 头像
- _cover.value = userInfo.cover
+ // 如果头像不为空的话，则更新头像
+ if(userInfo.cover.isNotEmpty()){
+ _cover.value = userInfo.cover
+ }
+
}
}
diff --git a/app/src/main/res/drawable/member_background.xml b/app/src/main/res/drawable/member_background.xml
index a50c8ba..675c783 100644
--- a/app/src/main/res/drawable/member_background.xml
+++ b/app/src/main/res/drawable/member_background.xml
@@ -2,7 +2,7 @@
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
- android:startColor="#000000"
- android:endColor="#7A7596"
+ android:startColor="#2B225C"
+ android:endColor="#726C8E"
android:angle="90"/>
</shape>
diff --git a/app/src/main/res/layout/activity_vip.xml b/app/src/main/res/layout/activity_vip.xml
index 1a8b32f..42a27c2 100644
--- a/app/src/main/res/layout/activity_vip.xml
+++ b/app/src/main/res/layout/activity_vip.xml
@@ -5,283 +5,287 @@
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".activity.VipActivity">
-<androidx.core.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:app="http://schemas.android.com/apk/res-auto"
- xmlns:tools="http://schemas.android.com/tools"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:fillViewport="true"
- tools:context=".activity.VipActivity">
-
- <androidx.coordinatorlayout.widget.CoordinatorLayout
+ <androidx.core.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
+ xmlns:app="http://schemas.android.com/apk/res-auto"
+ xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:fitsSystemWindows="true"
- android:background="@drawable/member_background">
+ android:layout_height="match_parent"
+ android:fillViewport="true"
+ tools:context=".activity.VipActivity">
- <!-- 这里是原来CoordinatorLayout中的内容，保持不变 -->
-
- <com.google.android.material.appbar.AppBarLayout
+ <androidx.coordinatorlayout.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true"
- android:background="@android:color/transparent">
+ android:background="@drawable/member_background">
- <com.google.android.material.appbar.MaterialToolbar
- android:id="@+id/toolbar"
+ <!-- 这里是原来CoordinatorLayout中的内容，保持不变 -->
+
+ <com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
- android:layout_height="?attr/actionBarSize">
- <!-- 直接在Toolbar中添加TextView -->
- <ImageView
- android:id="@+id/ivBack"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="left"
- android:layout_marginStart="16dp"
- android:src="@drawable/ic_back" />
- <TextView
- android:id="@+id/tvTitle"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="智信会员"
- android:textColor="#FFFFFF"
- android:textSize="18sp"
- android:layout_gravity="left"
- android:layout_marginEnd="16dp" />
- </com.google.android.material.appbar.MaterialToolbar>
+ android:layout_height="wrap_content"
+ android:fitsSystemWindows="true"
+ android:background="@android:color/transparent">
- </com.google.android.material.appbar.AppBarLayout>
- <!-- 引入MemberInfoCardFragment -->
- <fragment
- android:name="com.example.firstapp.ui.vip.MemberInfoCardFragment"
- android:id="@+id/memberInfoCardFragment"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+ <com.google.android.material.appbar.MaterialToolbar
+ android:id="@+id/toolbar"
+ android:layout_width="match_parent"
+ android:layout_height="?attr/actionBarSize">
+ <!-- 直接在Toolbar中添加TextView -->
+ <ImageView
+ android:id="@+id/ivBack"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_gravity="left"
+ android:layout_marginStart="16dp"
+ android:src="@drawable/ic_back" />
+ <TextView
+ android:id="@+id/tvTitle"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:text="智信会员"
+ android:textColor="#FFFFFF"
+ android:textSize="18sp"
+ android:layout_gravity="left"
+ android:layout_marginEnd="16dp" />
+ </com.google.android.material.appbar.MaterialToolbar>
- <!-- 滑动框 -->
- <androidx.recyclerview.widget.RecyclerView
- android:id="@+id/recycler_view"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:layout_marginTop="145dp"
- android:layout_marginLeft="15dp"
- app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
- app:layout_constraintTop_toTopOf="parent"
- app:layout_constraintBottom_toBottomOf="parent"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintEnd_toEndOf="parent"
- android:background="@android:color/transparent" />
+ </com.google.android.material.appbar.AppBarLayout>
+ <!-- 引入MemberInfoCardFragment -->
+ <fragment
+ android:name="com.example.firstapp.ui.vip.MemberInfoCardFragment"
+ android:id="@+id/memberInfoCardFragment"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+ <!-- 滑动框 -->
+ <androidx.recyclerview.widget.RecyclerView
+ android:id="@+id/recycler_view"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:layout_marginTop="165dp"
+ android:layout_marginLeft="15dp"
+ app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+ app:layout_constraintTop_toTopOf="parent"
+ app:layout_constraintBottom_toBottomOf="parent"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintEnd_toEndOf="parent"
+ android:background="@android:color/transparent" />
-<!-- 会员权益--动态-->
- <androidx.constraintlayout.widget.ConstraintLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:app="http://schemas.android.com/apk/res-auto"
- android:id="@+id/benefit_layout"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:layout_marginTop="270dp"
- android:layout_marginLeft="15dp"
- android:layout_marginRight="15dp"
- android:padding="0dp"
- android:background="@android:color/transparent"
- app:cardBackgroundColor="@android:color/transparent"
- android:foreground="@drawable/gray_border_shape"
-
- tools:context=".MainActivity">
- <!-- 标题 -->
- <TextView
- android:id="@+id/title_text"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="会员权益"
- android:textColor="#8A5C37"
- android:textSize="20sp"
- android:textStyle="bold"
- app:layout_constraintTop_toTopOf="parent"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintEnd_toEndOf="parent"
- app:layout_constraintHorizontal_bias="0.5"
- android:layout_marginTop="5dp" />
-
- <!-- 分割线 -->
- <View
- android:id="@+id/divider"
- android:layout_width="0dp"
- android:layout_height="1dp"
- android:background="#615B7F"
- app:layout_constraintTop_toBottomOf="@id/title_text"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintEnd_toEndOf="parent"
- android:layout_marginTop="8dp"
- android:layout_marginHorizontal="16dp" />
+ <!-- 会员权益--动态-->
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
- android:id="@+id/dynamicContainer"
+ android:id="@+id/benefit_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
- android:padding="10dp"
- android:layout_marginTop="0dp"
+ android:layout_marginTop="300dp"
+ android:layout_marginLeft="15dp"
+ android:layout_marginRight="15dp"
+ android:padding="5dp"
android:background="@android:color/transparent"
- app:layout_constraintTop_toBottomOf="@id/divider"
+ app:cardBackgroundColor="@android:color/transparent"
+ android:foreground="@drawable/gray_border_shape"
+
+ tools:context=".MainActivity">
+ <!-- 标题 -->
+ <TextView
+ android:id="@+id/title_text"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:text="会员权益"
+ android:textColor="#8A5C37"
+ android:textSize="20sp"
+ android:textStyle="bold"
+ app:layout_constraintTop_toTopOf="parent"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintHorizontal_bias="0.5"
+ android:layout_marginTop="5dp" />
+
+ <!-- 分割线 -->
+ <View
+ android:id="@+id/divider"
+ android:layout_width="0dp"
+ android:layout_height="1dp"
+ android:background="#615B7F"
+ app:layout_constraintTop_toBottomOf="@id/title_text"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintEnd_toEndOf="parent"
+ android:layout_marginTop="8dp"
+ android:layout_marginHorizontal="16dp" />
+ <androidx.constraintlayout.widget.ConstraintLayout
+ xmlns:android="http://schemas.android.com/apk/res/android"
+ xmlns:app="http://schemas.android.com/apk/res-auto"
+ android:id="@+id/dynamicContainer"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:padding="20dp"
+ android:layout_marginTop="0dp"
+ android:background="@android:color/transparent"
+ app:layout_constraintTop_toBottomOf="@id/divider"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintEnd_toEndOf="parent"
+
+ />
+ </androidx.constraintlayout.widget.ConstraintLayout>
+
+ <!-- 更多权益-->
+
+ <LinearLayout
+ android:id="@+id/more_benefit_layout"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:background="@drawable/more_benefit_shape"
+ android:layout_marginTop="550dp"
+ android:layout_marginLeft="13dp"
+ android:layout_marginRight="13dp"
+ android:padding="15dp"
+ android:orientation="vertical"
+ android:gravity="center">
+
+ <TextView
+ android:id="@+id/more_benefit_text"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:text="更多权益敬请期待"
+ android:textColor="#D5D4DA"
+ android:textStyle="italic|bold"
+ android:textSize="16sp"
+ android:layout_marginBottom="10dp"
+ android:gravity="center"
+ android:layout_gravity="center"/>
+
+ <!-- 第一项 -->
+ <LinearLayout
+ android:layout_width="200dp"
+ android:layout_height="wrap_content"
+ android:orientation="horizontal"
+ android:gravity="start"
+ android:baselineAligned="false"
+ android:layout_marginBottom="8dp"
+ android:padding="5dp"
+ >
+
+ <ImageView
+ android:layout_width="30dp"
+ android:layout_height="30dp"
+ android:src="@mipmap/vip_ai_ass_icon"
+ android:layout_marginEnd="8dp"/>
+
+ <TextView
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:text="解锁AI语音助手"
+ android:textColor="#93B7D9"
+ android:textSize="16sp"
+ android:gravity="start"/>
+ </LinearLayout>
+ <!-- 第二项 -->
+ <LinearLayout
+ android:layout_width="200dp"
+ android:layout_height="wrap_content"
+ android:orientation="horizontal"
+ android:gravity="start"
+ android:baselineAligned="false"
+ android:layout_marginBottom="8dp"
+ android:padding="5dp"
+ >
+ <ImageView
+ android:layout_width="30dp"
+ android:layout_height="30dp"
+ android:src="@mipmap/vip_bar_sta"
+ android:layout_marginEnd="8dp"
+ />
+ <TextView
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:text="数据智能预测"
+ android:textColor="#93B7D9"
+ android:textSize="16sp"
+ android:gravity="start"/>
+ </LinearLayout>
+
+ <!-- 第三项 -->
+ <LinearLayout
+ android:layout_width="200dp"
+ android:layout_height="wrap_content"
+ android:orientation="horizontal"
+ android:gravity="start"
+ android:baselineAligned="false"
+ android:layout_marginBottom="8dp"
+ android:padding="5dp"
+ >
+
+ <ImageView
+ android:layout_width="30dp"
+ android:layout_height="30dp"
+ android:src="@mipmap/vip_life_insurance"
+ android:layout_marginEnd="8dp"/>
+
+ <TextView
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:text="家庭分类共享"
+ android:textColor="#93B7D9"
+ android:textSize="16sp"
+ android:gravity="start"/>
+ </LinearLayout>
+
+ <LinearLayout
+ android:layout_width="160dp"
+ android:layout_height="wrap_content"
+ android:orientation="horizontal"
+ android:gravity="start"
+ android:baselineAligned="false"
+ android:layout_marginBottom="8dp"
+ android:padding="5dp"
+ >
+
+ <ImageView
+ android:layout_width="30dp"
+ android:layout_height="30dp"
+ android:src="@mipmap/vip_more"
+ android:layout_marginEnd="8dp"/>
+
+ <TextView
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:text="敬请期待......"
+ android:textColor="#D6D5DB"
+ android:textSize="16sp"
+ android:gravity="start"/>
+ </LinearLayout>
+
+ </LinearLayout>
+
+ <View
+ android:id="@+id/divider2"
+ android:layout_width="match_parent"
+ android:layout_height="1dp"
+ android:background="#646174"
+ app:layout_constraintTop_toBottomOf="@id/more_benefit_layout"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
+ android:layout_marginTop="840dp"
+ android:layout_marginHorizontal="0dp" />
- />
- </androidx.constraintlayout.widget.ConstraintLayout>
-<!-- 更多权益-->
- <LinearLayout
- android:id="@+id/more_benefit_layout"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:background="@drawable/more_benefit_shape"
- android:layout_marginTop="480dp"
- android:layout_marginLeft="13dp"
- android:layout_marginRight="13dp"
- android:padding="10dp"
- android:orientation="vertical"
- android:gravity="center">
- <TextView
- android:id="@+id/more_benefit_text"
+ <LinearLayout
android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="更多权益敬请期待"
- android:textColor="#D5D4DA"
- android:textStyle="italic|bold"
- android:textSize="16sp"
- android:layout_marginBottom="10dp"
- android:gravity="center"
- android:layout_gravity="center"/>
-
- <!-- 第一项 -->
- <LinearLayout
- android:layout_width="200dp"
- android:layout_height="wrap_content"
- android:orientation="horizontal"
- android:gravity="start"
- android:baselineAligned="false"
- android:layout_marginBottom="8dp"
+ android:layout_height="180dp"
+ android:layout_marginTop="880dp"
>
- <ImageView
- android:layout_width="30dp"
- android:layout_height="30dp"
- android:src="@mipmap/vip_ai_ass_icon"
- android:layout_marginEnd="8dp"/>
-
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="解锁AI语音助手"
- android:textColor="#93B7D9"
- android:textSize="16sp"
- android:gravity="start"/>
- </LinearLayout>
- <!-- 第二项 -->
- <LinearLayout
- android:layout_width="200dp"
- android:layout_height="wrap_content"
- android:orientation="horizontal"
- android:gravity="start"
- android:baselineAligned="false"
- android:layout_marginBottom="8dp"
- >
- <ImageView
- android:layout_width="30dp"
- android:layout_height="30dp"
- android:src="@mipmap/vip_bar_sta"
- android:layout_marginEnd="8dp"
- />
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="数据智能预测"
- android:textColor="#93B7D9"
- android:textSize="16sp"
- android:gravity="start"/>
</LinearLayout>
- <!-- 第三项 -->
- <LinearLayout
- android:layout_width="200dp"
- android:layout_height="wrap_content"
- android:orientation="horizontal"
- android:gravity="start"
- android:baselineAligned="false"
- android:layout_marginBottom="8dp"
- >
- <ImageView
- android:layout_width="30dp"
- android:layout_height="30dp"
- android:src="@mipmap/vip_life_insurance"
- android:layout_marginEnd="8dp"/>
-
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="家庭分类共享"
- android:textColor="#93B7D9"
- android:textSize="16sp"
- android:gravity="start"/>
- </LinearLayout>
-
- <LinearLayout
- android:layout_width="160dp"
- android:layout_height="wrap_content"
- android:orientation="horizontal"
- android:gravity="start"
- android:baselineAligned="false"
- android:layout_marginBottom="8dp"
- >
-
- <ImageView
- android:layout_width="30dp"
- android:layout_height="30dp"
- android:src="@mipmap/vip_more"
- android:layout_marginEnd="8dp"/>
-
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="敬请期待......"
- android:textColor="#D6D5DB"
- android:textSize="16sp"
- android:gravity="start"/>
- </LinearLayout>
-
- </LinearLayout>
-
- <View
- android:id="@+id/divider2"
- android:layout_width="match_parent"
- android:layout_height="1dp"
- android:background="#646174"
- app:layout_constraintTop_toBottomOf="@id/more_benefit_layout"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintEnd_toEndOf="parent"
- android:layout_marginTop="690dp"
- android:layout_marginHorizontal="0dp" />
-
-
-
-
- <LinearLayout
- android:layout_width="wrap_content"
- android:layout_height="30dp"
- android:layout_marginTop="880dp"
- >
-
- </LinearLayout>
-
-
- </androidx.coordinatorlayout.widget.CoordinatorLayout>
-</androidx.core.widget.NestedScrollView>
+ </androidx.coordinatorlayout.widget.CoordinatorLayout>
+ </androidx.core.widget.NestedScrollView>
<androidx.cardview.widget.CardView
android:id="@+id/card_view_fixed"
--
Gitblit v1.9.3