UI调整

lmw

3 天以前 855a7e18a795f0db2453a19e3e8f26ba2ff553b4

 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>