Android登录界面设计

圆号本昊

发布于 2021-09-24 14:44:23

2.2K0

发布于 2021-09-24 14:44:23

文章被收录于专栏：github@hornhuang

登陆功能基于Bmob实现获取数据后将数据纯出道Bmob云数据库

实际效果

项目地址如下，欢迎 star

点击跳转 https://github.com/FishInWater-1999/SignInSystem

首先是布局界面：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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"
    tools:context="com.example.joker.signinsystem.LandingRegistration.StartActivity"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/start_background">

    <TextView
        android:id="@+id/tv_regist"
        android:layout_width="115dp"
        android:layout_height="30dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:background="#00000000"
        android:text="   没有账户？/注册"
        android:textColor="#bfffffff" />

    <TextView
        android:id="@+id/tv_forget"
        android:layout_width="115dp"
        android:layout_height="30dp"
        android:layout_alignParentBottom="true"
        android:background="#00000000"
        android:text="   忘记密码？/找回"
        android:textColor="#bfffffff"/>

    <Button
        android:id="@+id/login"
        android:layout_width="280dp"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="60dp"
        android:background="@drawable/shape_button"
        android:text="账号登录"
        android:textColor="#FFFFFFFF"
        android:textSize="20sp" />

    <EditText
        android:id="@+id/et_login_user"
        android:layout_width="285dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="186dp"
        android:hint="用户名"
        android:textColor="@color/colorText"
        android:textColorHint="@color/hintText"
        android:singleLine="true" />

    <EditText
        android:id="@+id/et_login_password"
        android:layout_width="285dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_login_user"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="-186dp"
        android:hint="密码"
        android:password="true"
        android:textColor="@color/colorText"
        android:textColorHint="@color/hintText"
        android:singleLine="true" />

</RelativeLayout>

注册界面：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.joker.signinsystem.LandingRegistration.RegistActivity">

    <pl.droidsonroids.gif.GifImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:scaleType="fitXY"
        android:src="@drawable/main_1st" />

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/head_portrait"
        android:layout_width="65pt"
        android:layout_height="65pt"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="34dp"
        android:src="@drawable/addphoto" />

    <EditText
        android:id="@+id/et_regist_user"
        android:layout_width="220dp"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="198dp"
        android:hint="账号"
        android:textColor="@color/colorText"
        android:textColorHint="@color/hintText"
        android:singleLine="true"
        tools:layout_editor_absoluteX="81dp"
        tools:layout_editor_absoluteY="226dp" />

    <EditText
        android:id="@+id/et_regist_password"
        android:layout_width="220dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_regist_user"
        android:layout_centerHorizontal="true"
        android:hint="密码"
        android:textColor="@color/colorText"
        android:textColorHint="@color/hintText"
        android:singleLine="true"
        tools:layout_editor_absoluteX="82dp"
        tools:layout_editor_absoluteY="157dp" />

    <EditText
        android:id="@+id/et_regist_againpassword"
        android:layout_width="220dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_regist_password"
        android:layout_centerHorizontal="true"
        android:hint="确认密码"
        android:textColor="@color/colorText"
        android:textColorHint="@color/hintText"
        android:singleLine="true"
        tools:layout_editor_absoluteX="82dp"
        tools:layout_editor_absoluteY="157dp" />

    <EditText
        android:id="@+id/et_regist_fullname"
        android:layout_width="220dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_regist_againpassword"
        android:layout_centerHorizontal="true"
        android:hint="姓名"
        android:textColor="@color/colorText"
        android:textColorHint="@color/hintText"
        android:singleLine="true"
        tools:layout_editor_absoluteX="81dp"
        tools:layout_editor_absoluteY="226dp" />

    <EditText
        android:id="@+id/et_regist_group"
        android:layout_width="220dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_regist_fullname"
        android:layout_centerHorizontal="true"
        android:hint="组别"
        android:textColor="@color/colorText"
        android:textColorHint="@color/hintText"
        android:singleLine="true"
        tools:layout_editor_absoluteX="81dp"
        tools:layout_editor_absoluteY="226dp" />

    <EditText
        android:id="@+id/et_regist_telephone"
        android:layout_width="220dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et_regist_group"
        android:layout_centerHorizontal="true"
        android:hint="电话"
        android:textColor="@color/colorText"
        android:textColorHint="@color/hintText"
        android:singleLine="true"
        tools:layout_editor_absoluteX="81dp"
        tools:layout_editor_absoluteY="226dp" />


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginStart="0dp"
        android:layout_marginBottom="0dp">

        <Button
            android:id="@+id/bt_regist_save"
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="25dp"
            android:layout_marginBottom="24dp"
            android:background="@drawable/shape_button"
            android:text="保 存"
            android:textSize="20dp"
            android:textColor="@color/colorText"
            android:textColorHint="@color/hintText"
            tools:layout_editor_absoluteX="81dp"
            tools:layout_editor_absoluteY="306dp" />

        <Button
            android:id="@+id/bt_regist_cancel"
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_marginEnd="24dp"
            android:background="@drawable/shape_button"
            android:text="取 消"
            android:textSize="20dp"
            android:textColor="@color/colorText"
            android:textColorHint="@color/hintText"
            tools:layout_editor_absoluteX="215dp"
            tools:layout_editor_absoluteY="306dp" />

    </RelativeLayout>

</RelativeLayout>