244 lines
12 KiB
XML
244 lines
12 KiB
XML
|
<androidx.coordinatorlayout.widget.CoordinatorLayout
|
|||
|
|
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:id="@+id/rootCoordinator"
|
|||
|
|
android:layout_width="match_parent"
|
|||
|
|
android:layout_height="match_parent"
|
|||
|
|
android:background="#F6F7FB"
|
|||
|
|
tools:context=".ui.login.LoginFragment">
|
|||
|
|
<ImageView
|
|||
|
|
android:layout_width="match_parent"
|
|||
|
|
android:layout_height="match_parent"
|
|||
|
|
android:src="@drawable/login_bg"
|
|||
|
|
android:scaleType="fitXY"
|
|||
|
|
android:adjustViewBounds="true" />
|
|||
|
|
<androidx.core.widget.NestedScrollView
|
|||
|
|
android:layout_width="match_parent"
|
|||
|
|
android:layout_height="match_parent"
|
|||
|
|
android:fillViewport="true"
|
|||
|
|
android:overScrollMode="never">
|
|||
|
|
<LinearLayout
|
|||
|
|
android:layout_width="match_parent"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:gravity="center_horizontal"
|
|||
|
|
android:orientation="vertical">
|
|||
|
|
<!-- 标题和返回 -->
|
|||
|
|
<LinearLayout
|
|||
|
|
android:layout_width="match_parent"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:orientation="horizontal"
|
|||
|
|
android:gravity="center_vertical">
|
|||
|
|
<FrameLayout
|
|||
|
|
android:id="@+id/iv_close"
|
|||
|
|
android:layout_width="46dp"
|
|||
|
|
android:layout_height="46dp">
|
|||
|
|
<ImageView
|
|||
|
|
android:layout_width="13dp"
|
|||
|
|
android:layout_height="13dp"
|
|||
|
|
android:layout_gravity="center"
|
|||
|
|
android:src="@drawable/more_icons"
|
|||
|
|
android:rotation="180"
|
|||
|
|
android:scaleType="fitCenter" />
|
|||
|
|
</FrameLayout>
|
|||
|
|
</LinearLayout>
|
|||
|
|
<!-- 标题图片 -->
|
|||
|
|
<LinearLayout
|
|||
|
|
android:layout_width="match_parent"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:orientation="horizontal">
|
|||
|
|
<LinearLayout
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:layout_marginTop="30dp"
|
|||
|
|
android:layout_marginStart="16dp"
|
|||
|
|
android:orientation="vertical">
|
|||
|
|
<TextView
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:textSize="30sp"
|
|||
|
|
android:text="Hello！"
|
|||
|
|
android:textStyle="bold"
|
|||
|
|
android:textColor="#403B5A" />
|
|||
|
|
|
|||
|
|
<TextView
|
|||
|
|
android:layout_width="130dp"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:textSize="14sp"
|
|||
|
|
android:text="Welcome to key of love keyboard"
|
|||
|
|
android:textColor="#554F70" />
|
|||
|
|
</LinearLayout>
|
|||
|
|
|
|||
|
|
<ImageView
|
|||
|
|
android:layout_width="243dp"
|
|||
|
|
android:layout_height="223dp"
|
|||
|
|
android:layout_marginStart="-35dp"
|
|||
|
|
android:src="@drawable/login_icon"
|
|||
|
|
android:scaleType="fitCenter" />
|
|||
|
|
</LinearLayout>
|
|||
|
|
|
|||
|
|
<!-- 内容 -->
|
|||
|
|
<LinearLayout
|
|||
|
|
android:layout_width="match_parent"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:layout_weight="1"
|
|||
|
|
android:minHeight="200dp"
|
|||
|
|
android:padding="16dp"
|
|||
|
|
android:layout_marginTop="-10dp"
|
|||
|
|
android:background="@drawable/login_content_bg"
|
|||
|
|
android:gravity="center_horizontal"
|
|||
|
|
android:orientation="vertical">
|
|||
|
|
<TextView
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:textSize="18sp"
|
|||
|
|
android:layout_marginTop="10dp"
|
|||
|
|
android:textStyle="bold"
|
|||
|
|
android:text="Log in to key of love"
|
|||
|
|
android:textColor="#1B1F1A" />
|
|||
|
|
|
|||
|
|
<!-- 输入框 -->
|
|||
|
|
<EditText
|
|||
|
|
android:id="@+id/et_username"
|
|||
|
|
android:layout_width="315dp"
|
|||
|
|
android:layout_height="52dp"
|
|||
|
|
android:layout_marginTop="20dp"
|
|||
|
|
android:background="@drawable/input_box_bg"
|
|||
|
|
android:padding="15dp"
|
|||
|
|
android:hint="Please enter your email address"
|
|||
|
|
android:textColorHint="#CBCBCB"
|
|||
|
|
android:textSize="14sp"
|
|||
|
|
android:textColor="#CBCBCB" />
|
|||
|
|
<!-- 密码输入框 -->
|
|||
|
|
<RelativeLayout
|
|||
|
|
android:layout_width="315dp"
|
|||
|
|
android:background="@drawable/input_box_bg"
|
|||
|
|
android:layout_marginTop="14dp"
|
|||
|
|
android:layout_height="52dp">
|
|||
|
|
<EditText
|
|||
|
|
android:id="@+id/et_password"
|
|||
|
|
android:layout_width="match_parent"
|
|||
|
|
android:layout_height="match_parent"
|
|||
|
|
android:textSize="14sp"
|
|||
|
|
android:padding="15dp"
|
|||
|
|
android:textColor="#000000"
|
|||
|
|
android:hint="Please enter the password"
|
|||
|
|
android:textColorHint="#CBCBCB"
|
|||
|
|
android:background="@null"
|
|||
|
|
android:inputType="textPassword" />
|
|||
|
|
<ImageView
|
|||
|
|
android:id="@+id/iv_toggle"
|
|||
|
|
android:layout_width="52dp"
|
|||
|
|
android:layout_height="52dp"
|
|||
|
|
android:padding="16dp"
|
|||
|
|
android:layout_alignParentEnd="true"
|
|||
|
|
android:layout_centerVertical="true"
|
|||
|
|
android:src="@drawable/hide" />
|
|||
|
|
</RelativeLayout>
|
|||
|
|
<!-- 登录按钮 -->
|
|||
|
|
<TextView
|
|||
|
|
android:id="@+id/btn_login"
|
|||
|
|
android:layout_width="315dp"
|
|||
|
|
android:layout_height="52dp"
|
|||
|
|
android:layout_marginTop="20dp"
|
|||
|
|
android:background="@drawable/login_btn_bg"
|
|||
|
|
android:gravity="center"
|
|||
|
|
android:textStyle="bold"
|
|||
|
|
android:textColor="#FFFFFF"
|
|||
|
|
android:textSize="18sp"
|
|||
|
|
android:text="Login" />
|
|||
|
|
|
|||
|
|
<com.google.android.flexbox.FlexboxLayout
|
|||
|
|
android:id="@+id/agreement_container"
|
|||
|
|
android:layout_width="350dp"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:layout_marginTop="80dp"
|
|||
|
|
android:layout_gravity="center_horizontal"
|
|||
|
|
android:paddingHorizontal="20dp"
|
|||
|
|
app:flexDirection="row"
|
|||
|
|
app:flexWrap="wrap"
|
|||
|
|
app:justifyContent="center"
|
|||
|
|
app:alignItems="center">
|
|||
|
|
|
|||
|
|
<TextView
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:text="By Continuing, You Agree To Our "
|
|||
|
|
android:textSize="10sp"
|
|||
|
|
android:textColor="#554F70"/>
|
|||
|
|
|
|||
|
|
<TextView
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:text="Terms Of Service "
|
|||
|
|
android:textStyle="bold"
|
|||
|
|
android:textSize="10sp"
|
|||
|
|
android:textColor="#554F70"/>
|
|||
|
|
|
|||
|
|
<TextView
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:text="And Confirm"
|
|||
|
|
android:textSize="10sp"
|
|||
|
|
android:textColor="#554F70"/>
|
|||
|
|
|
|||
|
|
<TextView
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:text="That You Have Read Our "
|
|||
|
|
android:textSize="10sp"
|
|||
|
|
android:textColor="#554F70"/>
|
|||
|
|
|
|||
|
|
<TextView
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:text="Privacy Policy"
|
|||
|
|
android:textStyle="bold"
|
|||
|
|
android:textSize="10sp"
|
|||
|
|
android:textColor="#554F70"/>
|
|||
|
|
</com.google.android.flexbox.FlexboxLayout>
|
|||
|
|
</LinearLayout>
|
|||
|
|
<!-- 注册和忘记密码 -->
|
|||
|
|
<com.google.android.flexbox.FlexboxLayout
|
|||
|
|
android:id="@+id/agreement_container"
|
|||
|
|
android:layout_width="match_parent"
|
|||
|
|
android:layout_height="77dp"
|
|||
|
|
android:layout_gravity="center_horizontal"
|
|||
|
|
android:paddingHorizontal="20dp"
|
|||
|
|
android:padding="16dp"
|
|||
|
|
app:flexDirection="row"
|
|||
|
|
app:flexWrap="wrap"
|
|||
|
|
app:justifyContent="center"
|
|||
|
|
app:alignItems="center">
|
|||
|
|
|
|||
|
|
<TextView
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:text="Don't have an account?"
|
|||
|
|
android:textSize="12sp"
|
|||
|
|
android:textColor="#554F70"/>
|
|||
|
|
|
|||
|
|
<TextView
|
|||
|
|
android:id="@+id/tv_signup"
|
|||
|
|
android:layout_width="wrap_content"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:layout_marginStart="10dp"
|
|||
|
|
android:text="Sign up"
|
|||
|
|
android:textStyle="bold"
|
|||
|
|
android:textSize="12sp"
|
|||
|
|
android:textColor="#02BEAC"/>
|
|||
|
|
|
|||
|
|
<TextView
|
|||
|
|
android:id="@+id/tv_forgot_password"
|
|||
|
|
android:layout_width="300dp"
|
|||
|
|
android:layout_height="wrap_content"
|
|||
|
|
android:text="Forgot password?"
|
|||
|
|
android:layout_marginTop="6dp"
|
|||
|
|
android:gravity="center"
|
|||
|
|
android:textStyle="bold"
|
|||
|
|
android:textSize="12sp"
|
|||
|
|
android:textColor="#02BEAC"/>
|
|||
|
|
</com.google.android.flexbox.FlexboxLayout>
|
|||
|
|
</LinearLayout>
|
|||
|
|
</androidx.core.widget.NestedScrollView>
|
|||
|
|
</androidx.coordinatorlayout.widget.CoordinatorLayout>
|