From 855a7e18a795f0db2453a19e3e8f26ba2ff553b4 Mon Sep 17 00:00:00 2001
From: lmw <125975490@qq.com>
Date: 星期四, 29 五月 2025 16:32:41 +0800
Subject: [PATCH] UI调整
---
app/src/main/res/layout/fragment_home.xml | 213 ++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 186 insertions(+), 27 deletions(-)
diff --git a/app/src/main/res/layout/fragment_home.xml b/app/src/main/res/layout/fragment_home.xml
index 16c5ee2..c9547e1 100644
--- a/app/src/main/res/layout/fragment_home.xml
+++ b/app/src/main/res/layout/fragment_home.xml
@@ -21,27 +21,27 @@
<View
android:layout_width="0dp"
android:layout_height="match_parent"
- android:background="@color/colorPrimary"
+ android:background="@drawable/bg_gradient"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toStartOf="@id/guide1"/>
<ImageView
android:id="@+id/iv_1"
- android:layout_width="wrap_content"
+ android:layout_width="0dp"
android:src="@mipmap/logo_home"
- app:layout_constraintStart_toStartOf="parent"
+ android:layout_height="0dp"
app:layout_constraintEnd_toStartOf="@id/guide1"
- android:layout_height="wrap_content"
- app:layout_constraintTop_toTopOf="parent"
- android:layout_marginTop="40dp"/>
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintDimensionRatio="289:152"
+ app:layout_constraintTop_toTopOf="parent"/>
<TextView
android:id="@+id/tv_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
- android:text="欢迎使用哆能智学！"
- android:textColor="@color/white"
+ android:text="欢迎使用-哆能智学"
+ android:textColor="@color/black"
android:textStyle="bold"
- android:textSize="25sp"
- android:layout_marginTop="17dp"
+ android:textSize="22sp"
+ android:layout_marginTop="28dp"
app:layout_constraintTop_toBottomOf="@id/iv_1"
app:layout_constraintStart_toStartOf="parent"
android:layout_marginStart="18dp"/>
@@ -49,10 +49,9 @@
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
- android:text="孩子自己就能学好的\n英语课程体系"
- android:textColor="@color/white"
- android:textSize="20sp"
- android:alpha="0.8"
+ android:text="孩子自己就能学好的\n英语课程"
+ android:textColor="@color/black"
+ android:textSize="16sp"
android:layout_marginTop="12dp"
app:layout_constraintTop_toBottomOf="@id/tv_1"
app:layout_constraintStart_toStartOf="parent"
@@ -88,19 +87,20 @@
android:src="@mipmap/line_virtical"
app:layout_constraintTop_toTopOf="parent"
android:layout_marginTop="48dp"
+ android:visibility="gone"
android:layout_marginBottom="36dp"
app:layout_constraintBottom_toBottomOf="parent"
android:scaleType="center"
app:layout_constraintEnd_toStartOf="@id/guide2"/>
<LinearLayout
- android:layout_width="380dp"
- android:layout_height="88dp"
+ android:layout_width="wrap_content"
+ android:layout_height="80dp"
android:id="@+id/cl_listen"
app:layout_constraintStart_toEndOf="@id/guide1"
app:layout_constraintTop_toTopOf="parent"
- app:layout_constraintBottom_toBottomOf="parent"
- app:layout_constraintVertical_bias="0.3"
- android:layout_marginStart="33dp">
+ app:layout_constraintVertical_chainStyle="packed"
+ app:layout_constraintBottom_toTopOf="@id/iv_2"
+ android:layout_marginStart="70dp">
<RelativeLayout
android:layout_width="99dp"
android:orientation="vertical"
@@ -119,21 +119,180 @@
android:textSize="16sp"/>
</RelativeLayout>
<TextView
- android:text="听"
+ android:text="听 - 听懂英语声音世界，建立声音认知逻辑。\n听音有物，见物有音。"
android:textColor="@color/textColor"
android:textStyle="bold"
- android:textSize="24sp"
+ android:textSize="20sp"
+ android:paddingStart="18dp"
+ android:paddingEnd="22dp"
+ android:gravity="center_vertical"
+ android:background="@drawable/bg_white_end_14"
+ android:layout_width="match_parent"
+ android:layout_height="match_parent"/>
+ </LinearLayout>
+
+ <View
+ android:layout_width="99dp"
+ android:layout_height="1px"
+ android:id="@+id/holder"
+ app:layout_constraintStart_toStartOf="@id/cl_listen"
+ app:layout_constraintBottom_toBottomOf="@id/cl_listen" />
+ <ImageView
+ android:id="@+id/iv_2"
+ android:layout_width="28dp"
+ android:layout_height="28dp"
+ android:src="@mipmap/arrow_down"
+ app:layout_constraintStart_toStartOf="@id/holder"
+ android:layout_marginTop="12dp"
+ android:layout_marginBottom="20dp"
+ app:layout_constraintTop_toBottomOf="@id/cl_listen"
+ app:layout_constraintBottom_toTopOf="@id/cl_read"
+ app:layout_constraintEnd_toEndOf="@id/holder"/>
+
+ <LinearLayout
+ android:layout_width="0dp"
+ android:layout_height="80dp"
+ android:id="@+id/cl_read"
+ app:layout_constraintStart_toStartOf="@id/cl_listen"
+ app:layout_constraintEnd_toEndOf="@id/cl_listen"
+ app:layout_constraintBottom_toTopOf="@id/iv_3"
+ app:layout_constraintTop_toBottomOf="@id/iv_2">
+ <LinearLayout
+ android:layout_width="99dp"
+ android:orientation="vertical"
+ android:background="@drawable/bg_gray_left_14"
android:gravity="center"
+ android:layout_height="match_parent">
+ <ImageView
+ android:layout_width="36dp"
+ android:layout_height="36dp"
+ android:src="@mipmap/en"/>
+ <TextView
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_centerInParent="true"
+ android:text="第二年"
+ android:gravity="center"
+ android:layout_marginTop="2dp"
+ android:textColor="@color/textColor"
+ android:textStyle="bold"
+ android:textSize="16sp"/>
+ </LinearLayout>
+ <TextView
+ android:text="认读>拼读>阅读 - 建立文字认知逻辑。"
+ android:textColor="@color/textColor66"
+ android:textStyle="bold"
+ android:textSize="20sp"
+ android:paddingStart="18dp"
+ android:paddingEnd="22dp"
+ android:gravity="center_vertical"
android:background="@drawable/bg_white_end_14"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
<ImageView
- android:id="@+id/iv_2"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginEnd="30dp"
- android:src="@mipmap/home_stu"
+ android:id="@+id/iv_3"
+ android:layout_width="28dp"
+ android:layout_height="28dp"
+ android:src="@mipmap/arrow_down"
+ app:layout_constraintStart_toStartOf="@id/iv_2"
+ android:layout_marginTop="12dp"
+ android:layout_marginBottom="20dp"
+ app:layout_constraintTop_toBottomOf="@id/cl_read"
+ app:layout_constraintBottom_toTopOf="@id/cl_read_more"/>
+
+ <LinearLayout
+ android:layout_width="0dp"
+ android:layout_height="80dp"
+ android:id="@+id/cl_read_more"
+ app:layout_constraintStart_toStartOf="@id/cl_listen"
+ app:layout_constraintEnd_toEndOf="@id/cl_listen"
+ app:layout_constraintBottom_toTopOf="@id/iv_4"
+ app:layout_constraintTop_toBottomOf="@id/iv_3">
+ <LinearLayout
+ android:layout_width="99dp"
+ android:orientation="vertical"
+ android:background="@drawable/bg_gray_left_14"
+ android:gravity="center"
+ android:layout_height="match_parent">
+ <ImageView
+ android:layout_width="36dp"
+ android:layout_height="36dp"
+ android:src="@mipmap/yuedu"/>
+ <TextView
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_centerInParent="true"
+ android:text="第三年"
+ android:gravity="center"
+ android:layout_marginTop="2dp"
+ android:textColor="@color/textColor"
+ android:textStyle="bold"
+ android:textSize="16sp"/>
+ </LinearLayout>
+ <TextView
+ android:text="海量阅读 - 建立英语文化认知逻辑。"
+ android:textColor="@color/textColor66"
+ android:textStyle="bold"
+ android:textSize="20sp"
+ android:paddingStart="18dp"
+ android:paddingEnd="22dp"
+ android:gravity="center_vertical"
+ android:background="@drawable/bg_white_end_14"
+ android:layout_width="match_parent"
+ android:layout_height="match_parent"/>
+ </LinearLayout>
+ <ImageView
+ android:id="@+id/iv_4"
+ android:layout_width="28dp"
+ android:layout_height="28dp"
+ android:src="@mipmap/arrow_down"
+ app:layout_constraintStart_toStartOf="@id/iv_2"
+ android:layout_marginTop="12dp"
+ android:layout_marginBottom="20dp"
+ app:layout_constraintTop_toBottomOf="@id/cl_read_more"
+ app:layout_constraintBottom_toTopOf="@id/cl_exam"/>
+
+ <LinearLayout
+ android:layout_width="0dp"
+ android:layout_height="80dp"
+ android:id="@+id/cl_exam"
+ app:layout_constraintStart_toStartOf="@id/cl_listen"
+ app:layout_constraintEnd_toEndOf="@id/cl_listen"
app:layout_constraintBottom_toBottomOf="parent"
- app:layout_constraintEnd_toStartOf="@id/guide2"/>
+ app:layout_constraintTop_toBottomOf="@id/iv_4">
+ <LinearLayout
+ android:layout_width="99dp"
+ android:orientation="vertical"
+ android:background="@drawable/bg_gray_left_14"
+ android:gravity="center"
+ android:layout_height="match_parent">
+ <ImageView
+ android:layout_width="match_parent"
+ android:layout_height="18dp"
+ android:layout_marginHorizontal="10dp"
+ android:src="@mipmap/wenhua"/>
+ <TextView
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_centerInParent="true"
+ android:text="第四年"
+ android:gravity="center"
+ android:layout_marginTop="2dp"
+ android:textColor="@color/textColor"
+ android:textStyle="bold"
+ android:textSize="16sp"/>
+ </LinearLayout>
+ <TextView
+ android:text="测试通关 - 升学 游学 留学准备。"
+ android:textColor="@color/textColor66"
+ android:textStyle="bold"
+ android:textSize="20sp"
+ android:paddingStart="18dp"
+ android:paddingEnd="22dp"
+ android:gravity="center_vertical"
+ android:background="@drawable/bg_white_end_14"
+ android:layout_width="match_parent"
+ android:layout_height="match_parent"/>
+ </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
--
Gitblit v1.7.1