Android 比較好看的註冊登陸界面

時間 2021-02-18
標籤 android app ide spa code xml blog utf-8 get 欄目 Android 简体版
原文原文鏈接
各位看官姥爺：android
對於一款android手機app而言，美觀的界面使得用戶有好的使用體驗，而一款好看的註冊登陸界面也會給用戶好的用戶體驗，那麼話很少說，直接上代碼app
首先是一款簡單的界面展現ide
1.登錄界面spa
2.註冊界面code
好的，那麼咱們廢話很少說，直接上代碼吧：xml
1.登陸界面blog
LoginActivity.xml
2.註冊界面ip
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/blue">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageButton
                android:id="@+id/IV_backtologin"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:backgroundTint="#0000"
                android:src="@mipmap/back"
                android:tint="@color/white" />

            <TextView
                android:id="@+id/reg_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:text="用戶註冊"
                android:textColor="@color/white"
                android:textSize="18sp"
                android:textStyle="bold" />

            <Button
                android:id="@+id/bt_re_register"
                android:layout_width="60dp"
                android:layout_height="40dp"
                android:layout_marginLeft="72dp"
                android:layout_marginTop="5dp"
                android:layout_toRightOf="@+id/reg_title"
                android:background="@drawable/buttonstyle"
                android:text="註冊"
                android:textColor="@color/white" />
        </RelativeLayout>

    </androidx.appcompat.widget.Toolbar>

    <ImageView
        android:id="@+id/IV_user_icno_register"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:layout_marginTop="30dp"
        android:background="?android:attr/selectableItemBackground"
        android:clickable="true"
        android:scaleType="fitXY"
        android:src="@mipmap/usericon_default" />
    <!--tips-->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="基本信息 |"
            android:textColor="@color/black"
            android:textStyle="bold" />

        <View
            android:layout_width="70dp"
            android:layout_height="1dp"
            android:layout_marginTop="2dp"
            android:background="@color/light_grey" />
    </LinearLayout>
    <!--暱稱-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="15dp"
        android:layout_marginRight="25dp"
        android:background="@drawable/reg_et_style"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="center"
            android:text="暱 稱：" />

        <EditText
            android:id="@+id/et_reg_nickname"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="3"
            android:hint="字母或者數字暱稱"
            android:maxLines="1"
            android:singleLine="true" />
    </LinearLayout>
    <!--密碼-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="5dp"
        android:layout_marginRight="25dp"
        android:background="@drawable/reg_et_style"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"

            android:layout_weight="1"
            android:gravity="center"
            android:text="密 碼:" />

        <EditText
            android:id="@+id/et_reg_pass"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="3"
            android:hint="鍵入您的密碼"
            android:maxLines="1"
            android:singleLine="true" />
    </LinearLayout>
    <!--tips-->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="15dp"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="詳細信息 |"
            android:textColor="@color/black"
            android:textStyle="bold" />

        <View
            android:layout_width="70dp"
            android:layout_height="1dp"
            android:layout_marginTop="2dp"
            android:background="@color/light_grey" />
    </LinearLayout>
    <!--姓名-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="15dp"
        android:layout_marginRight="25dp"
        android:background="@drawable/reg_et_style"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="center"
            android:text="真實姓名:" />

        <EditText
            android:id="@+id/et_reg_username"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="3"
            android:hint="真實姓名"
            android:maxLines="1"
            android:singleLine="true" />
    </LinearLayout>
    <!--性別-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="5dp"
        android:layout_marginRight="25dp"
        android:background="@drawable/reg_et_style"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="center"
            android:text="性 別:" />

        <RadioGroup
            android:id="@+id/reg_userSex"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:orientation="horizontal">

            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="男" />

            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="女" />
        </RadioGroup>

    </LinearLayout>
    <!--地址-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="5dp"
        android:layout_marginRight="25dp"
        android:background="@drawable/reg_et_style"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="center"
            android:text="地 址:" />

        <EditText
            android:id="@+id/et_reg_add"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="3"
            android:hint="--省--市--縣"
            android:maxLines="1"
            android:singleLine="true" />
    </LinearLayout>
    <!--電話-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="5dp"
        android:layout_marginRight="25dp"
        android:background="@drawable/reg_et_style"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="center"
            android:text="聯繫方式:" />

        <EditText
            android:id="@+id/et_reg_tel"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="3"
            android:hint="###-####-####"
            android:inputType="number"
            android:maxLines="1"
            android:singleLine="true" />
    </LinearLayout>
    <!--驗證碼-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="5dp"
        android:layout_marginRight="25dp"
        android:background="@drawable/reg_et_style"
        android:orientation="horizontal">
        <!-- 第四個文本編輯框  輸入驗證碼 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:paddingLeft="25dp"
                android:text="驗 證 碼:" />

            <EditText
                android:id="@+id/et_registeractivity_phoneCodes"
                android:layout_width="0dp"
                android:layout_height="50dp"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                android:layout_marginRight="10dp"
                android:layout_weight="3"
                android:hint="右圖4位驗證碼"
                android:maxLines="1"
                android:paddingLeft="10dp" />

            <ImageView
                android:id="@+id/iv_registeractivity_showCode"
                android:layout_width="0dp"
                android:layout_height="70dp"
                android:layout_marginTop="-10dp"
                android:layout_weight="1.5"
                android:clickable="true"
                android:onClick="onClick" />
        </LinearLayout>
    </LinearLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end"
        android:layout_marginRight="25dp"
        android:text="@string/register_pic_tips"
        android:textSize="8sp" />

</LinearLayout>