各位看官姥爷：

对于一款android手机app而言，美观的界面使得用户有好的使用体验，而一款好看的注册登录界面也会给用户好的用户体验，那么话不多说，直接上代码

首先是一款简单的界面展示

1.登陆界面

2.注册界面

好的，那么我们废话不多说 ，直接上代码吧：

1.登录界面

LoginActivity.xml

2.注册界面

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

RegActivity.xml

Android 比较好看的注册登录界面的更多相关文章

  1. UI4_注册登录界面

    // // ViewController.h // UI4_注册登录界面 // // Created by zhangxueming on 15/7/3. // Copyright (c) 2015年 ...

  2. Android studio 开发一个用户登录界面

    Android studio 开发一个用户登录界面 activity_main.xml <?xml version="1.0" encoding="utf-8&qu ...

  3. Android开发实例之miniTwitter登录界面的实现

    原文: http://www.jizhuomi.com/android/example/134.html 本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界 ...

  4. Android 仿 窗帘效果 和 登录界面拖动效果 （Scroller类的应用） 附 2个DEMO及源码

    在android学习中,动作交互是软件中重要的一部分,其中的Scroller就是提供了拖动效果的类,在网上,比如说一些Launcher实现滑屏都可以通过这个类去实现.下面要说的就是上次Scroller ...

  5. Android 仿 窗帘效果 和 登录界面拖动效果 （Scroller类的应用） 附 2个DEMO及源代码

    在android学习中,动作交互是软件中重要的一部分.当中的Scroller就是提供了拖动效果的类,在网上.比方说一些Launcher实现滑屏都能够通过这个类去实现.以下要说的就是上次Scroller ...

  6. Android 记住密码和自动登录界面的实现（SharedPreferences 的用法）

    原文:http://blog.csdn.net/liuyiming_/article/details/7704923 SharedPreferences介绍: SharedPreferences是An ...

  7. RxSwift 实战操作【注册登录】

    前言 看了前面的文章,相信很多同学还不知道RxSwift该怎么使用,这篇文件将带领大家一起写一个 注册登录(ps:本例子采用MVVM)的例子进行实战.本篇文章是基于RxSwift3.0写的,采用的是C ...

  8. vue2.0+koa2+mongodb实现注册登录

    前言 前段时间和公司一个由技术转产品的同事探讨他的职业道路,对我说了一句深以为然的话: "不要把自己禁锢在某一个领域,技术到产品的转变,首先就是思维上的转变.你一直做前端,数据的交互你只知道 ...

  9. Android studio登录界面

    打开Android studio,你需要建立两个类LoginMainAcitivity.java和SuccessMainActivity.java,和与之相对应的xml布局文件login_main.x ...

随机推荐

  1. Django (auth模块、User对象、用户认证、线上-用户认证)

    一.auth模块 django.contrib.auth中提供了许多方法,这里主要介绍其中的三个: authenticate()    提供了用户认证,即验证用户名以及密码是否正确,一般需要usern ...

  2. Spark剖析-宽依赖与窄依赖、基于yarn的两种提交模式、sparkcontext原理剖析

    Spark剖析-宽依赖与窄依赖.基于yarn的两种提交模式.sparkcontext原理剖析 一.宽依赖与窄依赖 二.基于yarn的两种提交模式深度剖析 2.1 Standalne-client 2. ...

  3. 函数式编程(logging日志管理模块)

    本节内容 日志相关概念 logging模块简介 使用logging提供的模块级别的函数记录日志 logging模块日志流处理流程 使用logging四大组件记录日志 配置logging的几种方式 向日 ...

  4. CCF-有趣的数（数位DP）

    有趣的数   问题描述 我们把一个数称为有趣的,当且仅当: 1. 它的数字只包含0, 1, 2, 3,且这四个数字都出现过至少一次. 2. 所有的0都出现在所有的1之前,而所有的2都出现在所有的3之前 ...

  5. Inceptor查询语句

    -- MySQL中的语句都能用,不再一一描述,只记录一些不同 详情见Inceptor 6.0文档 3.4.4查询语句这节 -- 查询语句 SELECT开头,可以通过添加多种从句从Inceptor中的表 ...

  6. 2019牛客暑期多校训练营（第五场）H.subsequence 2(拓扑)

    题意:给你一个字符串的长度n 现在询问了m*(m-1)/2次 每次都可以询问两个字符 然后 会告诉你只留下这两个字符后 字符串的样子 现在问你能不能还原字符串 如果能就输出字符串 否则输出-1 思路: ...

  7. 2019 Multi-University Training Contest 4.Divide the Stones(贪心)

    题意:给你n和k (k|n) 有n个数 第i个数权值为i 要你求权值相同且分成k组 且每组的个数为n/k 思路:恶心构造题,首先对于总权值不能分为k份的 显然不能分成 然后 我们把n/k 分奇偶 我们 ...

  8. Codeforce 380A Sereja and Prefixes【二分】

    题意:定义两种操作 1 a ---- 向序列中插如一个元素a 2 a b ---- 将序列的前a个元素[e1,e2,...,ea]重复b次插入到序列中 经过一列操作后,为处于某个位置p的元素是多少.数 ...

  9. Codeforces Global Round 9 D. Replace by MEX

    题目链接:https://codeforces.com/contest/1375/problem/D 题意 给出一个大小为 $n$,元素值位于 $[0,n]$ 之间的数组,每次可以将一个元素替换为数组 ...

  10. HDU6661 Acesrc and String Theory【SA】

    Acesrc and String Theory Problem Description Acesrc is a famous string theorist at Nanjing Universit ...