所在位置：
首页 >
营销资讯 >
网站运营 > 教你写一个炫酷的Material Design 风格的登录和注册页面
教你写一个炫酷的Material Design 风格的登录和注册页面
时间：2023-06-29 07:21:02 | 来源：网站运营
时间：2023-06-29 07:21:02 来源：网站运营
教你写一个炫酷的Material Design 风格的登录和注册页面：每个人都会喜欢漂亮的登录界面，一个App 给人们的第一印象是非常重要的。
这篇文章将教你使用谷歌材料设计规范（Material design spec ）和谷歌的新的设计支持库（ design support library）来创建一个炫酷的登录和注册界面。设计支持库实现了材料设计规范的一部分，它包含了一部分炫酷的UI 部件，让你的Android 应用给人一种优雅的感觉。
对事物的设计和布局方面，如何做到让人感觉到屏幕上的内容是赏心悦目的，这里是我们要权衡的重点，我们会在顶部状态栏添加精细的触摸事件，并使用设计支持库的floating labels （实现自TextInputLayout）。
几乎所有的事情都都已经照顾到你。
- 完整的代码和样例托管在Github
- 当接口锁定时，防止后退按钮显示在登录Activity 上。
- 自定义 ProgressDialog来显示加载的状态。
- 符合材料设计规范。
- 悬浮标签（floating labels）（来自设计支持库）
- 用户表单输入校验
- 自定义状态栏样式
- 在每一个Activity 测试模仿验证的方法。
剩下的就是实现自己的身份验证逻辑。
获取源码：
https://github.com/sourcey/materiallogindemo登录Activity让我们来设置登录Activity，通常是开始你的应用程序，会显示给用户的第一个要启动的Activity。
如果你想要添加社交登录按钮，请继续，但是当前在这个文章范围内，只给你基本的代码，让你有一个坚固的起点去构建你的验证流程。
需要注意的是 onBackPressed 方法将会被重写，这样将会防止用户关闭登录Activity。
LoginActivity.java
res/layout/activity_login.xml
注册Activity注册Activity 可以让你在App 中创建一个用户，通常会在登录Activity 中显示（注册的）链接。
需要注意的是当用户注册成功时我们会设置一个RESULT_OK 的结果值，这个结果将会在登录Activity 中的 onActivityResult 方法中调用，并且确定注册成功是如何处理的。当前逻辑是很简单的，当用户注册成功时我们会马上做一个记录。当然你想要实现邮箱验证，你需要自己来实现。
SignupActivity.java
res/layout/activity_signup.xml
配置为了让程序一切正常工作，我们在需要在 app 目录下的 build.gradle 中添加一些依赖，ButterKnife 是可选的，当然我们更喜欢用它让我们的Java 代码更加整洁一些。
还有一个我们必须要在AndroidManifest 中添加声明Activity。我已经把AndroidManifest 清晰完整的代码贴了出来。
希望这篇文章对你是有帮助的，如果这篇文章真的节约你宝贵的开发时间，请给我留言。
本文作者：sourcey
本文译者：Tikitoo
原文链接：http://sourcey.com/beautiful-android-login-and-signup-screens-with-material-design/
翻译链接：http://tikitoo.github.io/2016/05/17/beautiful-android-login-and-signup-screens-with-material-design-zh
非商业转载转载请在开头注明作者详细信息和本文出处，以及本文所有内容。
本文首发我的微信公众号，分享Android 开发和互联网内容。
微信号：AndroidMate
公众号：安卓同学
在线咨询
