Android精美登录界面设计

在网上在到一个登录界面感觉挺不错的，给大家分享一下~先看效果图：

  这个Demo除了按钮、小猫和Logo是图片素材之外，其余的UI都是通过代码实现的。

  一、背景

  背景蓝色渐变，是通过一个xml文件来设置的。代码如下：

  background_login.xml

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
3.     <gradient   
4.         android:startColor="#FFACDAE5"  
5.         android:endColor="#FF72CAE1"  
6.         android:angle="45"  
7.     />  
8. </shape>  

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
	<gradient 
		android:startColor="#FFACDAE5"
		android:endColor="#FF72CAE1"
		android:angle="45"
	/>
</shape>

  startColor是渐变开始的颜色值，endColor是渐变结束的颜色值，angle是渐变的角度。其中#FFACDAE5中，FF是Alpha值，AC是RGB的R值，DA是RGB的G值，E5是RGB的B值，每个值在00~FF取值，即透明度、红、绿、蓝有0~255的分值，像要设置具体的颜色，可以在PS上的取色器上查看设置。

  

  二、圆角白框

  效果图上面的并不是白框，其实框是白色的，只是设置了透明值，也是靠一个xml文件实现的。

  background_login_div.xml

[html] view plain copy print ?

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
3.     <