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> |