登录注册UI修改

This commit is contained in:
被淹死的鱼
2026-03-12 20:03:06 +08:00
parent c0886ed587
commit 21b61b2577
12 changed files with 443 additions and 269 deletions

View File

@@ -5,188 +5,236 @@
xmlns:tools="http://schemas.android.com/tools"
tools:viewBindingIgnore="true"
xmlns:cai="http://schemas.android.com/apk/res-auto"
android:background="@color/colorPrimary">
android:background="@drawable/onkeylogin_bg">
<TextView
android:id="@+id/forget_phone_num_title"
android:layout_width="wrap_content"
android:layout_height="54dp"
android:layout_marginTop="16dp"
android:layout_marginLeft="40dp"
android:gravity="center_vertical"
android:text="账号"
android:textColor="@color/loginText" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/forget_phone_num_layout"
android:layout_width="match_parent"
android:layout_height="54dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="40dp"
android:layout_marginTop="16dp"
android:layout_toRightOf="@+id/forget_phone_num_title"
android:gravity="center_vertical"
cai:hint="手机号"
cai:hint_color="@color/infoEditTextColor"
cai:edit_type="phone"
cai:right_img="@drawable/ic_sign_input1"/>
<View
android:id="@+id/register_phone_number_line"
android:layout_width="match_parent"
android:layout_height="2px"
android:background="@color/loginLine"
android:layout_marginRight="40dp"
android:layout_marginLeft="40dp"
android:layout_below="@+id/forget_phone_num_layout"/>
<TextView
android:id="@+id/forget_password_title"
android:layout_width="wrap_content"
android:layout_height="54dp"
android:layout_marginTop="16dp"
android:layout_marginLeft="40dp"
android:gravity="center_vertical"
android:layout_below="@+id/register_phone_number_line"
android:text="密码"
android:textColor="@color/loginText" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/forget_password_layout"
android:layout_width="match_parent"
android:layout_height="54dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="40dp"
android:layout_marginTop="16dp"
android:layout_below="@+id/register_phone_number_line"
android:layout_toRightOf="@+id/forget_password_title"
android:gravity="center_vertical"
cai:hint="密码"
cai:hint_color="@color/infoEditTextColor"
cai:edit_type="textPassword"
cai:right_img="@drawable/ic_sign_input2"/>
<View
android:id="@+id/forget_password_line"
android:layout_width="match_parent"
android:layout_height="2px"
android:background="@color/loginLine"
android:layout_marginRight="56dp"
android:layout_marginLeft="56dp"
android:layout_below="@+id/forget_password_layout"/>
<LinearLayout
android:id="@+id/register_image_verify_layout"
android:layout_width="match_parent"
android:layout_height="54dp"
android:orientation="horizontal"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp"
android:layout_marginTop="16dp"
android:layout_below="@+id/forget_password_line"
android:gravity="center_vertical"
<RelativeLayout
android:id="@+id/rl_return"
android:layout_width="@dimen/dp60"
android:layout_height="@dimen/dp60"
android:layout_marginLeft="@dimen/dp10"
android:layout_marginTop="@dimen/dp30"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="54dp"
android:gravity="center_vertical"
android:layout_below="@+id/register_phone_number_line"
android:text="图片码"
android:textColor="@color/loginText" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/register_image_verify_edit"
android:layout_width="match_parent"
android:layout_height="54dp"
android:layout_marginLeft="2dp"
android:layout_weight="15"
android:gravity="center_vertical"
cai:edit_type="text"
cai:hint="图片验证码"
cai:hint_color="@color/infoEditTextColor"
cai:right_img_enable="false" />
<ImageView
android:layout_width="100dp"
android:id="@+id/image"
android:layout_margin="5dp"
android:layout_height="54dp"
/>
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@drawable/ic_return"/>
</LinearLayout>
</RelativeLayout>
<View
android:id="@+id/register_image_verify_line"
<TextView
android:id="@+id/tv_big_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/dp20"
android:textSize="@dimen/dp28"
android:layout_below="@+id/rl_return"
android:layout_marginTop="@dimen/dp30"
android:text="忘记密码"
android:textColor="@color/black"/>
<TextView
android:id="@+id/tv_small_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/dp20"
android:textSize="@dimen/dp15"
android:layout_below="@+id/tv_big_title"
android:text="请牢记密码"
android:textColor="@color/three_text"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="2px"
android:background="@color/loginLine"
android:layout_marginRight="40dp"
android:layout_marginLeft="40dp"
android:layout_below="@+id/register_image_verify_layout"/>
android:layout_height="wrap_content"
android:layout_below="@+id/tv_small_title">
<LinearLayout
android:id="@+id/forget_verify_layout"
android:layout_width="match_parent"
android:layout_height="54dp"
android:orientation="horizontal"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp"
android:layout_marginTop="16dp"
android:layout_below="@+id/register_image_verify_line"
android:gravity="center_vertical">
<TextView
android:id="@+id/forget_phone_num_title"
android:layout_width="wrap_content"
android:layout_height="54dp"
android:layout_marginTop="16dp"
android:layout_marginLeft="40dp"
android:gravity="center_vertical"
android:text="验证码"
android:text="账号"
android:textColor="@color/loginText" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/forget_verify_edit"
android:id="@+id/forget_phone_num_layout"
android:layout_width="match_parent"
android:layout_height="54dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="40dp"
android:layout_marginTop="16dp"
android:layout_toRightOf="@+id/forget_phone_num_title"
android:gravity="center_vertical"
android:layout_marginLeft="2dp"
cai:hint="验证码"
cai:hint="手机号"
cai:hint_color="@color/infoEditTextColor"
cai:edit_type="number"
cai:right_img_enable="false"
android:layout_weight="5"/>
cai:edit_type="phone"
cai:right_img="@drawable/ic_sign_input1"/>
<View
android:id="@+id/register_phone_number_line"
android:layout_width="match_parent"
android:layout_height="2px"
android:background="@color/loginLine"
android:layout_marginRight="40dp"
android:layout_marginLeft="40dp"
android:layout_below="@+id/forget_phone_num_layout"/>
<TextView
android:id="@+id/forget_password_title"
android:layout_width="wrap_content"
android:layout_height="54dp"
android:layout_marginTop="16dp"
android:layout_marginLeft="40dp"
android:gravity="center_vertical"
android:layout_below="@+id/register_phone_number_line"
android:text="密码"
android:textColor="@color/loginText" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/forget_password_layout"
android:layout_width="match_parent"
android:layout_height="54dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="40dp"
android:layout_marginTop="16dp"
android:layout_below="@+id/register_phone_number_line"
android:layout_toRightOf="@+id/forget_password_title"
android:gravity="center_vertical"
cai:hint="密码"
cai:hint_color="@color/infoEditTextColor"
cai:edit_type="textPassword"
cai:right_img="@drawable/ic_sign_input2"/>
<View
android:id="@+id/forget_password_line"
android:layout_width="match_parent"
android:layout_height="2px"
android:background="@color/loginLine"
android:layout_marginRight="56dp"
android:layout_marginLeft="56dp"
android:layout_below="@+id/forget_password_layout"/>
<LinearLayout
android:id="@+id/register_image_verify_layout"
android:layout_width="match_parent"
android:layout_height="54dp"
android:orientation="horizontal"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp"
android:layout_marginTop="16dp"
android:layout_below="@+id/forget_password_line"
android:gravity="center_vertical"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="54dp"
android:gravity="center_vertical"
android:layout_below="@+id/register_phone_number_line"
android:text="图片码"
android:textColor="@color/loginText" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/register_image_verify_edit"
android:layout_width="match_parent"
android:layout_height="54dp"
android:layout_marginLeft="2dp"
android:layout_weight="15"
android:gravity="center_vertical"
cai:edit_type="text"
cai:hint="图片验证码"
cai:hint_color="@color/infoEditTextColor"
cai:right_img_enable="false" />
<ImageView
android:layout_width="100dp"
android:id="@+id/image"
android:layout_margin="5dp"
android:layout_height="54dp"
/>
</LinearLayout>
<View
android:id="@+id/register_image_verify_line"
android:layout_width="match_parent"
android:layout_height="2px"
android:background="@color/loginLine"
android:layout_marginRight="40dp"
android:layout_marginLeft="40dp"
android:layout_below="@+id/register_image_verify_layout"/>
<LinearLayout
android:id="@+id/forget_verify_layout"
android:layout_width="match_parent"
android:layout_height="54dp"
android:orientation="horizontal"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp"
android:layout_marginTop="16dp"
android:layout_below="@+id/register_image_verify_line"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="54dp"
android:gravity="center_vertical"
android:text="验证码"
android:textColor="@color/loginText" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/forget_verify_edit"
android:layout_width="match_parent"
android:layout_height="54dp"
android:gravity="center_vertical"
android:layout_marginLeft="2dp"
cai:hint="验证码"
cai:hint_color="@color/infoEditTextColor"
cai:edit_type="number"
cai:right_img_enable="false"
android:layout_weight="5"/>
<Button
android:id="@+id/forget_send_code_button"
android:layout_width="90dp"
android:layout_height="28dp"
android:textColor="@color/zhimi_one_text"
android:textSize="14sp"
android:text="获取验证码"
android:enabled="false"
android:layout_weight="0.5"/>
</LinearLayout>
<View
android:id="@+id/forget_verify_line"
android:layout_width="match_parent"
android:layout_height="2px"
android:background="@color/loginLine"
android:layout_marginRight="56dp"
android:layout_marginLeft="56dp"
android:layout_below="@+id/forget_verify_layout"/>
<Button
android:id="@+id/forget_send_code_button"
android:layout_width="90dp"
android:layout_height="28dp"
android:id="@+id/forget_button"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp"
android:layout_marginTop="48dp"
android:textSize="17sp"
android:textColor="@color/zhimi_one_text"
android:textSize="14sp"
android:text="获取验证码"
android:layout_below="@+id/forget_verify_line"
android:enabled="false"
android:layout_weight="0.5"/>
</LinearLayout>
android:text="确定"/>
<View
android:id="@+id/forget_verify_line"
android:layout_width="match_parent"
android:layout_height="2px"
android:background="@color/loginLine"
android:layout_marginRight="56dp"
android:layout_marginLeft="56dp"
android:layout_below="@+id/forget_verify_layout"/>
</RelativeLayout>
<Button
android:id="@+id/forget_button"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp"
android:layout_marginTop="48dp"
android:textSize="17sp"
android:textColor="@color/zhimi_one_text"
android:layout_below="@+id/forget_verify_line"
android:enabled="false"
android:text="确定"/>
</RelativeLayout>

View File

@@ -55,7 +55,7 @@
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="上传真实头像,更容易获得异性喜欢"
android:textColor="#925BF7"
android:textColor="#E472ED"
android:textSize="12sp"
android:textStyle="bold" />

View File

@@ -26,49 +26,121 @@
android:src="@drawable/ic_return"
android:visibility="gone" />
<!-- android:background="@drawable/login_top_bg" -->
<LinearLayout
android:id="@+id/lin_login_type"
android:id="@+id/lin_login_type_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/login_logo"
android:layout_marginStart="16dp"
android:layout_marginStart="@dimen/dp20"
android:layout_marginTop="10dp"
android:layout_marginEnd="16dp"
android:background="@drawable/login_top_bg"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_login_sms"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="6dp"
android:layout_weight="1"
android:gravity="center"
android:minHeight="35dp"
android:text="短信登录"
android:textColor="@color/three_text"
android:textSize="16dp"
android:textStyle="bold" />
<TextView
android:id="@+id/tv_login_pw"
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/tv_login_sms"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="6dp"
android:gravity="center"
android:minHeight="35dp"
android:text="短信登录"
android:textColor="@color/three_text"
android:textSize="16dp"
android:textStyle="bold" />
<View
android:id="@+id/tv_login_sms_line"
android:layout_width="@dimen/dp25"
android:layout_height="@dimen/dp5"
android:layout_gravity="center"
android:visibility="invisible"
android:background="@drawable/shape_button_enable"
android:gravity="center" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/dp45"
android:orientation="vertical">
<TextView
android:id="@+id/tv_login_pw"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="6dp"
android:layout_marginBottom="6dp"
android:gravity="center"
android:minHeight="35dp"
android:text="密码登录"
android:textColor="@color/one_text"
android:textSize="16dp"
android:textStyle="bold" />
<View
android:id="@+id/tv_login_pw_line"
android:layout_width="@dimen/dp25"
android:layout_height="@dimen/dp5"
android:layout_gravity="center"
android:background="@drawable/shape_button_enable"
android:gravity="center" />
</LinearLayout>
</LinearLayout>
<!--<LinearLayout
android:id="@+id/lin_login_type"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/lin_login_type_title"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:orientation="horizontal">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="6dp"
android:layout_gravity="center"
android:layout_weight="1"
android:background="@drawable/white_bg_40"
android:gravity="center"
android:minHeight="35dp"
android:text="密码登录"
android:textColor="@color/one_text"
android:textSize="16dp"
android:textStyle="bold" />
</LinearLayout>
android:orientation="vertical">
<View
android:id="@+id/tv_login_sms"
android:layout_width="@dimen/dp25"
android:layout_height="@dimen/dp5"
android:background="@drawable/shape_button_enable"
android:gravity="center" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<View
android:id="@+id/tv_login_pw"
android:layout_width="@dimen/dp25"
android:layout_height="@dimen/dp5"
android:background="@drawable/shape_button_enable"
android:gravity="center" />
</LinearLayout>
</LinearLayout>-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/lin_login_type"
android:layout_below="@+id/lin_login_type_title"
android:layout_marginTop="30dp"
android:orientation="vertical">
@@ -76,67 +148,83 @@
android:id="@+id/lin_sms_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="48dp"
android:layout_marginEnd="48dp"
android:layout_marginStart="@dimen/dp20"
android:layout_marginEnd="@dimen/dp20"
android:orientation="vertical"
android:visibility="gone">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="短信登录"
android:textColor="@color/one_text"
android:textSize="16dp"
android:textStyle="bold" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/login_sms_phone_number_layout"
<LinearLayout
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:gravity="center_vertical"
cai:edit_type="phone"
cai:hint="请输入手机号"
cai:right_img="@drawable/ic_sign_input1" />
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="手机号"
android:textColor="@color/three_text"
android:textSize="14sp" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/login_sms_phone_number_layout"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginLeft="@dimen/dp14"
android:gravity="center_vertical"
cai:edit_type="phone"
cai:hint="请输入手机号"
cai:right_img="@drawable/ic_sign_input1" />
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:background="#8D73EE" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="28dp"
android:text="短信验证码"
android:textColor="@color/one_text"
android:textSize="16dp"
android:textStyle="bold" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:gravity="center_vertical"
android:orientation="horizontal">
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/login_vcode"
android:layout_width="0dp"
android:layout_height="48dp"
android:layout_weight="1"
android:gravity="center_vertical"
cai:edit_type="text"
cai:hint="请输入验证码" />
<TextView
android:id="@+id/tv_send_code"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center"
android:text="获取"
android:textColor="#8D73EE"
android:textSize="14dp" />
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="验证码"
android:textColor="@color/three_text"
android:textSize="14sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/dp14"
android:gravity="center_vertical"
android:orientation="horizontal">
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/login_vcode"
android:layout_width="0dp"
android:layout_height="48dp"
android:layout_weight="1"
android:gravity="center_vertical"
cai:edit_type="text"
cai:hint="请输入验证码" />
<TextView
android:id="@+id/tv_send_code"
android:layout_width="wrap_content"
android:layout_height="@dimen/dp25"
android:background="@drawable/shape_button_enable"
android:gravity="center"
android:paddingHorizontal="@dimen/dp8"
android:text="获取验证码"
android:textColor="@color/white"
android:textSize="12dp" />
</LinearLayout>
</LinearLayout>
<View
@@ -149,57 +237,81 @@
android:id="@+id/lin_password_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
android:layout_marginHorizontal="@dimen/dp20"
android:orientation="vertical"
>
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/login_phone_number_layout"
<LinearLayout
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginLeft="48dp"
android:layout_marginRight="48dp"
android:gravity="center_vertical"
cai:edit_type="phone"
cai:hint="请输入手机号"
cai:left_img="@mipmap/login_phone"
cai:left_img_enable="true"
cai:right_img="@drawable/ic_sign_input1" />
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="手机号"
android:textColor="#999999"
android:textSize="14sp" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/login_phone_number_layout"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginLeft="@dimen/dp14"
android:gravity="center_vertical"
cai:edit_type="phone"
cai:hint="请输入手机号"
cai:left_img="@null"
cai:left_img_enable="true"
cai:right_img="@drawable/ic_sign_input1" />
</LinearLayout>
<View
android:id="@+id/login_phone_number_line"
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:layout_marginLeft="48dp"
android:layout_marginRight="48dp"
android:background="#8D73EE" />
android:background="#DDDDDD" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/login_password_layout"
<LinearLayout
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginLeft="48dp"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:layout_marginRight="48dp"
android:gravity="center_vertical"
android:paddingLeft="4dp"
cai:edit_type="textPassword"
cai:hint="请输入密码"
cai:left_img="@mipmap/login_password"
cai:left_img_enable="true"
cai:right_img="@drawable/ic_sign_input2" />
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="密码"
android:textColor="#999999"
android:textSize="14sp" />
<com.fengliyan.uikit.editor.CaiEditText
android:id="@+id/login_password_layout"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginLeft="@dimen/dp25"
android:gravity="center_vertical"
cai:edit_type="textPassword"
cai:hint="请输入密码"
cai:left_img="@null"
cai:left_img_enable="true"
cai:right_img="@drawable/ic_sign_input2" />
</LinearLayout>
<View
android:id="@+id/login_password_line"
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:layout_marginLeft="48dp"
android:layout_marginRight="48dp"
android:background="#8D73EE" />
android:background="#DDDDDD" />
<RelativeLayout
android:id="@+id/login_menu_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginTop="@dimen/dp14"
android:gravity="center_vertical">
<TextView
@@ -207,7 +319,6 @@
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_marginLeft="48dp"
android:text="忘记密码?"
android:textColor="#333333"
android:textSize="14sp" />
@@ -217,7 +328,6 @@
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginRight="48dp"
android:text="注册"
android:textColor="@color/mainColors"
android:textSize="14sp" />