目录

  • 新建一个空项目(或Activity)
  • 在xml中绘制登录界面
  • 关掉ActionBar
  • 运行(最终效果图)
  • 后记

在实际开发中,几乎所有的APP都会涉及到用户注册/登录页面的制作,因此本文以Android Studio为开发环境,教大家编写一个登录界面。

新建一个空项目(或Activity)

1、打开Android Studio,点击“File”-“New”-“New Project”,创建一个项目。

2、这个页面选择默认的空项目(Empty Activity)就行。

3、在“Name”处输入项目名,设置存储位置,这些依据实际情况进行设置就行;注意“Language”处选择语言为Java。

在xml中绘制登录界面

新建一个空项目或Activity后,会自动生成一个xml文件,找到该文件,在其中编写代码,代码如下:

<?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"android:gravity="center"android:padding="15dp"><EditTextandroid:layout_width="match_parent"android:layout_height="wrap_content"android:id="@+id/et_login_name"android:textSize="24sp"android:textColor="@color/colorBlack"android:hint="请输入用户名"android:drawableLeft="@drawable/user"android:drawablePadding="5dp"android:maxLines="1"android:background="@drawable/bg_btn_empty"android:paddingLeft="15dp"android:layout_gravity="center_vertical"/><EditTextandroid:layout_width="match_parent"android:layout_height="wrap_content"android:id="@+id/et_login_password"android:textSize="24sp"android:textColor="@color/colorBlack"android:inputType="textPassword"android:hint="请输入密码"android:layout_marginTop="15dp"android:drawableLeft="@drawable/lock"android:drawablePadding="5dp"android:maxLines="1"android:background="@drawable/bg_btn_empty"android:paddingLeft="15dp"/><Buttonandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="20dp"android:background="@drawable/bg_btn"android:id="@+id/btn_login"android:text="登录"android:textSize="24sp"/><Buttonandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="20dp"android:background="@drawable/bg_btn"android:id="@+id/btn_register"android:text="注册"android:textSize="24sp"/></LinearLayout>

大家可以根据个人喜好对textcolor、background等进行设置:
1、textcolor:在“values”-“colors.xml”文件下进行设置,具体代码段如下(大家可以根据个人喜好进行修改):

<?xml version="1.0" encoding="utf-8"?>
<resources><color name="colorPrimary">#008577</color><color name="colorPrimaryDark">#00574B</color><color name="colorAccent">#D81B60</color><color name="colorBlack">#000000</color><color name="colorPurple">#3333CC</color>
</resources>

2、background:在drawable中新建bg_btn.xml文件及bg_btn_empty.xml文件并编写代码,具体代码如下:
(1)bg_btn.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><strokeandroid:width="1dp"android:color="@color/colorBlack"/><cornersandroid:radius="5dp"/><solidandroid:color="@color/colorPurple"/>
</shape>

(2)bg_btn_white.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><strokeandroid:width="1dp"android:color="@color/colorBlack"/><cornersandroid:radius="5dp"/></shape>

3、xml文件中所用到的user、lock等图片大家可以自行上网搜索,现在网上有很多免费的icon图,大家下载完后导入到drawable目录下就能在项目中调用了。

关掉ActionBar

1、在项目目录中找到“AndroidManifest.xml”文件:

2、在AndroidManifest.xml中加入一行代码:

android:theme="@style/Theme.AppCompat.DayNight.NoActionBar"

3、附上修改后的AndroidManifest.xml中的全部代码:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="com.example.demonstration"><applicationandroid:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:roundIcon="@mipmap/ic_launcher_round"android:supportsRtl="true"android:theme="@style/AppTheme"><activity android:name=".MainActivity"android:theme="@style/Theme.AppCompat.DayNight.NoActionBar"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity></application></manifest>

运行(最终效果图)

1、我们的登录界面程序已经编写完成,在Android Studio中点击运行即可。
2、最终效果图:

后记

本次登录/注册界面的编写还可以继续美化界面以及添加其他功能,如加入全局背景、设置按压效果、在MainActivity.java中设置点击事件、与服务器端进行交互等,大家可以根据需要自行扩展,也欢迎大家留言互相探讨,我也会不断进行更新~

Android开发:登录/注册界面的编写相关推荐

  1. Android用户登录注册界面

    用户登录注册界面开发及用户信息管理案例详解 刚开始接触Android编程,这算是我写的第一个简单工程,主要功能有:用户登录.注册.注销.修改密码.记住密码共5个基本操作,其内容涉及到以下几点: 1:B ...

  2. Android开发 登录注册设计

    用Android Studio 简单的实现登录注册 目录 一.登录界面 activity_login.xml 布局代码: login.java 代码: 二.注册界面 activity_register ...

  3. Android实例开发中登录注册界面的框架实现(android studio)

    小项目框架 今天用QQ的时候想到了,不如用android studio 做一个类似于这样的登录软件.当然QQ的实现的功能特别复杂,UI界面也很多,不是单纯的一时新奇就可以做出来的.就是简单的实现了一些 ...

  4. 安卓登录注册界面开发(附源码)

    源码下载和博客访问:安卓登录注册界面开发(附源码) 前言 最近找安卓登录注册界面,找了好久也没找到比较满意的设计,最后想想其实登录和注册两个界面也不复杂,干脆花点时间自己弄. 界面预览 最后的效果如下 ...

  5. 小编程(三):用户登录注册界面开发及用户信息管理案例代码详解

    用户登录注册界面开发及用户信息管理案例详解 刚开始接触Android编程,这算是我写的第一个简单工程,主要功能有:用户登录.注册.注销.修改密码.记住密码共5个基本操作,其内容涉及到以下几点: 1:B ...

  6. Android音乐播放器(二)登录注册界面

    这是去年大二做的一个简单音乐播放器项目:是尽可能模仿酷狗音乐写的,具体实现的功能如下: 1:启动动画:点击运行程序会出现一个两秒钟的视频,类似酷狗音乐的启动动画一样,非常可观! 2:登录注册界面:输入 ...

  7. python做一个登录注册界面_Python 实现简单的登录注册界面

    Python 实现简单的登录注册界面 注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...

  8. Lance老师UI系列教程第三课-QQ登录注册界面的实现(android-2012最新版)

    分类: android UI教程2012-08-06 22:37 3731人阅读 评论(6) 收藏 举报 uiandroidqqlayoutbutton UI系列教程第三课:腾讯登录注册界面的实现 今 ...

  9. AndroidStudio实现用户登录注册界面代码(一)

    首先使用Android Studio的布局文件xml实现界面设计 第一步:新建工程项目MyAPP 选择Empty Activity 点击"下一步" 1.在res/layout/ac ...

最新文章

  1. 分清DB_NAME、INSTANCE_NAME、ORACLE_SID、SERVICE_NAME、DB_DOMAIN和GLOBAL_DB_NAME
  2. Cocos2d-X开发中国象棋《九》走棋规则
  3. seo提交工具_经验分享:SEO新手面对新网站应该如何去优化
  4. android 绑定微信号,Android工作整理-梳理微信的登录、分享与支付
  5. R语言爬虫系列6|动态数据抓取范例
  6. Redis 彻底禁用RDB持久化
  7. 在Ubuntu上安装JDK、Ant、Jmeter和Jenkins
  8. jquery日历插件 途牛_为开发者准备的10款最好的jQuery日历插件
  9. 水经注万能地图下载器的自定义瓦片导出功能
  10. 初学者学习数据库的三个方向
  11. React开发(142):react中的json对比工具
  12. 领导提拔你的原因,只有这点最真实,其他都是瞎扯!
  13. 信号完整性与电源完整性分析 第三版 pdf_信号完整性揭秘于博士SI设计手记高清PDF分享...
  14. 13个非常有用的Python代码片段
  15. JavaScript之正则表达式验证邮箱,手机号码,身份证,网址,QQ,邮政编码,中文
  16. kali2020安装最新版本Java
  17. ANSYS fluent
  18. python3遍历目录查找文件
  19. Generative Adversarial Networks in Computer Vision: A Survey and Taxonomy(计算机视觉中的GANs:综述与分类)
  20. 汉字转拼音函数 linux,oracle 汉字转拼音

热门文章

  1. win 10 显示未识别网络的 一种解决办法
  2. 01背包,完全背包,多重背包
  3. python情感分析中文_Python有趣|中文文本情感分析
  4. 公众号对接淘宝联盟_公众访问新联盟支持的作品
  5. 浪潮信息m6服务器性能,展现强劲性能,浪潮M6服务器为什么能刷新SPEC多项记录...
  6. Uber 《Go语言编程规范》学习笔记(一)
  7. 面向对象概念及对象、抽象、类的解释
  8. 使用c语言编程首先要新建,【C语言编程入门系列】—— 第三章,编写第一个C语言程序!...
  9. 赣州旅游职业学校学计算机,赣州旅游职业学校是公办的吗
  10. A. Integer Points