UI调整:首页和搜索页背景细节修改

This commit is contained in:
huangjian
2023-01-10 11:26:09 +08:00
parent ff14ac710c
commit e37af6c9a1
6 changed files with 239 additions and 226 deletions

View File

@@ -4,7 +4,7 @@
xmlns:tools="http://schemas.android.com/tools" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
android:background="@color/bg_normal_1c1b22" android:background="@drawable/bg_me_page"
android:orientation="vertical"> android:orientation="vertical">
<LinearLayout <LinearLayout

View File

@@ -19,13 +19,9 @@
<View <View
android:id="@+id/view_bg" android:id="@+id/view_bg"
android:layout_width="0dp" android:layout_width="match_parent"
android:layout_height="0dp" android:layout_height="wrap_content"
android:background="@drawable/bg_me_page" android:background="@drawable/bg_me_page" />
app:layout_constraintDimensionRatio="750:1334"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<LinearLayout <LinearLayout
android:layout_width="match_parent" android:layout_width="match_parent"

View File

@@ -1,226 +1,238 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/recent_list_container"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
android:background="@color/bg_normal_1c1b22" android:background="@color/color_f4f4fa">
android:orientation="vertical">
<FrameLayout <View
android:id="@+id/view_bg"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="35dp"> android:background="@drawable/bg_me_page" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="消息"
android:textColor="@color/text_title_white"
android:textSize="20sp" />
<ImageView
android:id="@+id/iv_contact_trash"
android:layout_width="40dp"
android:layout_height="30dp"
android:layout_gravity="end|center_vertical"
android:layout_marginEnd="45dp"
android:scaleType="center"
android:src="@drawable/ic_msg_contact_trash" />
<ImageView
android:id="@+id/iv_relation"
android:layout_width="40dp"
android:layout_height="30dp"
android:layout_gravity="end|center_vertical"
android:layout_marginEnd="15dp"
android:scaleType="center"
android:src="@drawable/ic_msg_relation" />
</FrameLayout>
<LinearLayout <LinearLayout
android:layout_width="match_parent" android:id="@+id/recent_list_container"
android:layout_height="wrap_content"
android:layout_marginStart="15dp"
android:layout_marginTop="22dp"
android:layout_marginEnd="15dp">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_communique"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="5dp"
android:drawableTop="@drawable/ic_msg_communique"
android:drawablePadding="8dp"
android:gravity="center"
android:text="官方公告"
android:textColor="@color/text_title_white"
android:textSize="14sp" />
<TextView
android:id="@+id/tv_red_point_communique"
android:layout_width="wrap_content"
android:layout_height="18dp"
android:layout_marginStart="-16dp"
android:background="@drawable/shap_red_point"
android:gravity="center"
android:minWidth="18dp"
android:paddingStart="4dp"
android:paddingEnd="4dp"
android:textColor="#ffffffff"
android:textSize="10sp"
android:visibility="invisible"
tools:text="88" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_notice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="5dp"
android:drawableTop="@drawable/ic_msg_notice"
android:drawablePadding="8dp"
android:gravity="center"
android:text="活动通知"
android:textColor="@color/text_title_white"
android:textSize="14sp" />
<TextView
android:id="@+id/tv_red_point_notice"
android:layout_width="wrap_content"
android:layout_height="18dp"
android:layout_marginStart="-16dp"
android:background="@drawable/shap_red_point"
android:gravity="center"
android:minWidth="18dp"
android:paddingStart="4dp"
android:paddingEnd="4dp"
android:textColor="#ffffffff"
android:textSize="10sp"
android:visibility="invisible"
tools:text="88" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_tips"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="5dp"
android:drawableTop="@drawable/ic_msg_tips"
android:drawablePadding="8dp"
android:gravity="center"
android:text="订阅提醒"
android:textColor="@color/text_title_white"
android:textSize="14sp" />
<View
android:id="@+id/tv_red_point_tips"
android:layout_width="12dp"
android:layout_height="12dp"
android:layout_marginStart="-12dp"
android:layout_marginTop="3dp"
android:background="@drawable/shap_red_point"
android:textColor="#ffffffff"
android:visibility="invisible"
tools:text="88" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_find_new"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_find_new"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="5dp"
android:drawableTop="@drawable/ic_msg_find_new"
android:drawablePadding="8dp"
android:gravity="center"
android:text="发现萌新"
android:textColor="@color/text_title_white"
android:textSize="14sp" />
<View
android:id="@+id/tv_red_point_find_new"
android:layout_width="12dp"
android:layout_height="12dp"
android:layout_marginStart="-12dp"
android:layout_marginTop="3dp"
android:background="@drawable/shap_red_point"
android:textColor="#ffffffff"
android:visibility="invisible"
tools:text="88" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/fl_attention_online"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="17dp"
android:orientation="vertical"
android:visibility="visible">
<com.mango.moshen.ui.widget.RecyclerViewNoViewpagerScroll
android:id="@+id/rv_attention_online"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="15dp"
android:layout_marginTop="13dp"
android:layout_marginEnd="15dp"
android:paddingBottom="12dp" />
<View
android:layout_width="match_parent"
android:layout_height="1px"
android:layout_marginStart="15dp"
android:layout_marginEnd="15dp"
android:background="#4dd8d8d8" />
</LinearLayout>
<FrameLayout
android:id="@+id/recent_container"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
android:layout_marginTop="15dp" /> android:orientation="vertical">
</LinearLayout> <FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="35dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="消息"
android:textColor="@color/text_title_white"
android:textSize="20sp" />
<ImageView
android:id="@+id/iv_contact_trash"
android:layout_width="40dp"
android:layout_height="30dp"
android:layout_gravity="end|center_vertical"
android:layout_marginEnd="45dp"
android:scaleType="center"
android:src="@drawable/ic_msg_contact_trash" />
<ImageView
android:id="@+id/iv_relation"
android:layout_width="40dp"
android:layout_height="30dp"
android:layout_gravity="end|center_vertical"
android:layout_marginEnd="15dp"
android:scaleType="center"
android:src="@drawable/ic_msg_relation" />
</FrameLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="15dp"
android:layout_marginTop="22dp"
android:layout_marginEnd="15dp">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_communique"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="5dp"
android:drawableTop="@drawable/ic_msg_communique"
android:drawablePadding="8dp"
android:gravity="center"
android:text="官方公告"
android:textColor="@color/text_title_white"
android:textSize="14sp" />
<TextView
android:id="@+id/tv_red_point_communique"
android:layout_width="wrap_content"
android:layout_height="18dp"
android:layout_marginStart="-16dp"
android:background="@drawable/shap_red_point"
android:gravity="center"
android:minWidth="18dp"
android:paddingStart="4dp"
android:paddingEnd="4dp"
android:textColor="#ffffffff"
android:textSize="10sp"
android:visibility="invisible"
tools:text="88" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_notice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="5dp"
android:drawableTop="@drawable/ic_msg_notice"
android:drawablePadding="8dp"
android:gravity="center"
android:text="活动通知"
android:textColor="@color/text_title_white"
android:textSize="14sp" />
<TextView
android:id="@+id/tv_red_point_notice"
android:layout_width="wrap_content"
android:layout_height="18dp"
android:layout_marginStart="-16dp"
android:background="@drawable/shap_red_point"
android:gravity="center"
android:minWidth="18dp"
android:paddingStart="4dp"
android:paddingEnd="4dp"
android:textColor="#ffffffff"
android:textSize="10sp"
android:visibility="invisible"
tools:text="88" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_tips"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="5dp"
android:drawableTop="@drawable/ic_msg_tips"
android:drawablePadding="8dp"
android:gravity="center"
android:text="订阅提醒"
android:textColor="@color/text_title_white"
android:textSize="14sp" />
<View
android:id="@+id/tv_red_point_tips"
android:layout_width="12dp"
android:layout_height="12dp"
android:layout_marginStart="-12dp"
android:layout_marginTop="3dp"
android:background="@drawable/shap_red_point"
android:textColor="#ffffffff"
android:visibility="invisible"
tools:text="88" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_find_new"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_find_new"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="5dp"
android:drawableTop="@drawable/ic_msg_find_new"
android:drawablePadding="8dp"
android:gravity="center"
android:text="发现萌新"
android:textColor="@color/text_title_white"
android:textSize="14sp" />
<View
android:id="@+id/tv_red_point_find_new"
android:layout_width="12dp"
android:layout_height="12dp"
android:layout_marginStart="-12dp"
android:layout_marginTop="3dp"
android:background="@drawable/shap_red_point"
android:textColor="#ffffffff"
android:visibility="invisible"
tools:text="88" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/fl_attention_online"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="17dp"
android:orientation="vertical"
android:visibility="visible">
<com.mango.moshen.ui.widget.RecyclerViewNoViewpagerScroll
android:id="@+id/rv_attention_online"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="15dp"
android:layout_marginTop="13dp"
android:layout_marginEnd="15dp"
android:paddingBottom="12dp" />
<View
android:layout_width="match_parent"
android:layout_height="1px"
android:layout_marginStart="15dp"
android:layout_marginEnd="15dp"
android:background="#4dd8d8d8" />
</LinearLayout>
<FrameLayout
android:id="@+id/recent_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="15dp" />
</LinearLayout>
</FrameLayout>

View File

@@ -558,7 +558,7 @@
<!-- 主题色 --> <!-- 主题色 -->
<color name="app_248cfe">#5FCCE4</color> <color name="app_248cfe">#5FCCE4</color>
<!-- 页面背景色 --> <!-- 页面背景色 -->
<color name="bg_normal_1c1b22">#FFF4F4FA</color> <color name="bg_normal_1c1b22">#FFF3F5FA</color>
<!-- 页面次级背景 列表item背景色--> <!-- 页面次级背景 列表item背景色-->
<color name="bg_secondary_2a2a39">#FFFFFF</color> <color name="bg_secondary_2a2a39">#FFFFFF</color>
<!-- 页面三级背景色,一般用于输入框--> <!-- 页面三级背景色,一般用于输入框-->

View File

@@ -4,8 +4,13 @@
xmlns:tools="http://schemas.android.com/tools" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
android:background="@color/bg_normal_1c1b22" android:background="@color/bg_normal_1c1b22">
app:layout_constraintTop_toTopOf="parent">
<View
android:id="@+id/view_bg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg_me_page" />
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent" android:layout_width="match_parent"

View File

@@ -76,6 +76,6 @@
<color name="color_1c1b22">#1C1B22</color> <color name="color_1c1b22">#1C1B22</color>
<color name="color_C6C6E9">#ff333333</color> <color name="color_C6C6E9">#ff333333</color>
<color name="text_hint_555574">#B3333333</color> <color name="text_hint_555574">#B3333333</color>
<color name="color_f4f4fa">#FFF4F4FA</color> <color name="color_f4f4fa">#FFF3F5FA</color>
</resources> </resources>