Android程序登录界面设计

刚刚学习Android开发，现在工作需要开发一个app的演示程序，首先就是要开发一个登录界面了。在网上找了很多材料，最后参考了博客中的登录界面设计方法：

blog.csdn.net/StayFoolish_Fan/article/details/51933563?locationNum=8

最终我设计的登录界面以及注册界面如图所示：

登录界面布局代码为：activity_login.xml

<?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"android:id="@+id/activity_login"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.v7.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:background="?attr/colorPrimary"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/><RelativeLayoutandroid:id="@+id/login_view"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_centerInParent="true"android:layout_below="@+id/toolbar"android:focusable="true"android:focusableInTouchMode="true"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/login_edit_pwd"android:layout_margin="20dp"><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="登录"android:id="@+id/login_btn_login"android:background="#545bcb"android:textSize="20sp"android:textColor="#ffffff"android:layout_marginTop="52dp"android:layout_marginRight="50dp"android:layout_marginLeft="10dp"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="注册"android:id="@+id/login_btn_register"android:textColor="#ffffff"android:background="#e52525"android:textSize="20sp"android:layout_marginTop="52dp"android:layout_marginLeft="50dp"/></LinearLayout><ImageViewandroid:layout_width="300dp"android:layout_height="150dp"android:id="@+id/logo"android:layout_alignParentRight="true"android:layout_alignParentEnd="true"android:layout_alignParentLeft="true"android:layout_alignParentStart="true"android:layout_alignParentTop="true"android:layout_alignWithParentIfMissing="false"android:background="#ffffff"android:src="@drawable/ca"/><EditTextandroid:layout_width="400dp"android:layout_height="60dp"android:inputType="textPassword"android:ems="10"android:id="@+id/login_edit_pwd"android:drawableLeft="@android:drawable/ic_lock_idle_lock"android:hint="请输入您的密码"android:layout_below="@+id/login_edit_account"android:layout_alignParentLeft="true"android:layout_alignParentStart="true"/><EditTextandroid:layout_width="400dp"android:layout_height="60dp"android:inputType="textPersonName"android:id="@+id/login_edit_account"android:drawableLeft="@android:drawable/ic_menu_myplaces"android:hint="请输入您的用户名"android:layout_below="@+id/logo"android:layout_alignParentLeft="true"android:layout_alignParentStart="true"android:layout_marginTop="20dp"/><LinearLayoutandroid:orientation="vertical"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/login_edit_pwd"><CheckBoxandroid:id="@+id/Login_Remember"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="记住密码"android:layout_marginLeft="10dp"android:checked="false"android:textSize="15sp" /><TextViewandroid:id="@+id/login_fail_reason"android:layout_width="match_parent"android:layout_height="wrap_content"android:textColor="#f71818"android:textSize="20sp"/></LinearLayout></RelativeLayout>
</RelativeLayout>

注册界面布局代码：activity_register.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:orientation="vertical"android:id="@+id/activity_register"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.v7.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:background="?attr/colorPrimary"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/><EditTextandroid:drawableLeft="@android:drawable/ic_menu_myplaces"android:layout_width="match_parent"android:layout_height="wrap_content"android:inputType="textPersonName"android:ems="10"android:id="@+id/resetpwd_edit_name"android:hint="请输入您的用户名"android:focusable="true"android:focusableInTouchMode="true"/><EditTextandroid:drawableLeft="@android:drawable/ic_lock_idle_lock"android:layout_width="match_parent"android:layout_height="wrap_content"android:inputType="textPassword"android:ems="10"android:id="@+id/resetpwd_edit_pwd_old"android:hint="请输入您的密码"/><EditTextandroid:drawableLeft="@android:drawable/ic_lock_idle_lock"android:layout_width="match_parent"android:layout_height="wrap_content"android:inputType="textPassword"android:ems="10"android:id="@+id/resetpwd_edit_pwd_new"android:layout_centerHorizontal="true"android:hint="请确认您的密码" /><TextViewandroid:id="@+id/register_fail_reason"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/resetpwd_edit_pwd_new"android:textColor="#f71818"android:textSize="25sp"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/register_fail_reason"><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="确定"android:id="@+id/register_btn_sure"android:textSize="20sp"android:background="#1cf718"android:layout_marginTop="20dp"android:layout_marginRight="20dp"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="取消"android:id="@+id/register_btn_cancel"android:textSize="20sp"android:background="#f71818"android:layout_marginTop="20dp"android:layout_marginLeft="20dp"/></LinearLayout></LinearLayout>

我这里没有使用Activity自带的标题栏，而是使用了更加牛逼一点的ToolBar，所以要想直接使用上面的界面代码的话还需要在工程中引入ToolBar的使用。

Android程序登录界面设计相关推荐

Android之登录界面设计
Android之登录界面设计这篇文章主要讲述Android开发中常用的APP开发界面–登录界面的开发(由于博主是初学安卓,可能有些小伙伴会感到简陋,我会继续努力学习新知识的,大家一起加油). (1) ...
android登陆按钮图片素材,Android精美登录界面设计
在网上在到一个登录界面感觉挺不错的,给大家分享一下~先看效果图: 这个Demo除了按钮.小猫和Logo是图片素材之外,其余的UI都是通过代码实现的. 一.背景背景蓝色渐变,是通过一个xml文件来设置 ...
Android APP登录界面设计
为平板设计的登录界面,可以实现的功能有登录,忘记密码,记住密码,用户注册.(只设计界面,为了练习界面布局) 其中包括了EditText.TextView.CheckBox.Button控件. < ...
某触摸屏程序登录界面设计
程序界面布局如下图 1.新建一个Windows应用程序. 2.界面布局如上图. 3.设置窗体的StartPosition属性值为CenterScreen,WindowState属性为Maximized ...
web登录界面设计_出色的Web界面设计的7条规则
web登录界面设计 When you work on a website or on the design of web pages, remember that their success is n ...
pyqt5登录界面设计——模仿qq登录界面，可登录注册（数据库）
pyqt5登录界面设计--模仿qq登录界面一.简单易用的可直接登录的界面--账号密码程序写死 1.1.效果图: 1.2.视频效果图 3.代码说明 4.使用示例 5.全部源码见: 二.带数据库的可登录 ...
毕业设计——登录界面设计
我根据QQ登录界面设计的本次毕设校园环境监测系统的登录界面,也不知道好看与否,本人觉得还蛮可以的,嘿嘿,界面如下: 已经实现了的功能: ①登录按钮:能够连接上数据库的Userinfo表,进行用户登录功 ...
Android官方建议关于Android APP UI界面设计的一些参考原则
下面是来自于Android官网给出了关于Android APP UI界面设计的一些参考原则,希望对广大ui设计师能带来帮助,尤其是在进行Andriod相关界面设计的时候. 一.清晰是UI界面第一位,也 ...
登录界面设计及功能实现
文章目录 1 登录界面设计 1.1 登录界面设计 1.2 登录界面设计要点 1 登录界面设计 1.1 登录界面设计界面效果如下: 1.2 登录界面设计要点我们需要先将窗体设置为无边框,然后再设置窗 ...

Android程序登录界面设计

Android程序登录界面设计相关推荐

最新文章

热门文章