MiniTwitter记住密码等功能实现

首先展示效果图如下：

布局分析：分成三个部分，首先第一个部分是一个带渐变色背景的LinearLayout布局

效果如下图所示：

第二部分，其中如效果图所示有 一个带圆角且背景色为 #55FFFFFF （淡蓝色）的 RelativeLayout 布局，代码如下：

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
<solid android:color="#55FFFFFF" /> 
<!-- 设置圆角 

然后RelativeLayou的background引用此drawable,具体RelativeLayout设置如下：

<RelativeLayout 
android:id="@+id/login_div" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:padding="15dip" 
android:layout_margin="15dip" 
android:background="@drawable/background_login_div_bg" 
> 
</RelativeLayout> 

接下来是为用户名的文本和输入框，首先是用户名的文本，代码如下:

<TextView 
android:id="@+id/login_user_input" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_alignParentTop="true" 
android:layout_marginTop="5dp" 
android:text="@string/login_label_username" 
style="@style/normalText"/> 

定义用户名的输入框，如下：

<pre name="code" class="html" style="font-family: 微软雅黑;"><EditText 
android:id="@+id/username_edit" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:hint="@string/login_username_hint" 
android:layout_below="@id/login_user_input" 
android:singleLine="true" 
android:inputType="text"/> 

然后是<span style="font-family: 微软雅黑;">密码文本和输入框</span><span style="font-family: 微软雅黑;">,</span><span style="font-family: 宋体;">同上所述，</span><span style="font-family: 宋体;">代码如下：</span>

<pre name="code" class="html" style="font-family: 宋体;"><TextView 
android:id="@+id/login_password_input" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_below="@id/username_edit" 
android:layout_marginTop="3dp" 
android:text="@string/login_label_password" 
style="@style/normalText"/> 
<EditText 
android:id="@+id/password_edit" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_below="@id/login_password_input" 
android:password="true" 
android:singleLine="true" 
android:inputType="textPassword" 
/> 

登录按钮<pre name="code" class="html"><Button 
android:id="@+id/signin_button" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_below="@id/password_edit" 
android:layout_alignRight="@id/password_edit" 
android:text="@string/login_label_signin" 
android:background="@drawable/blue_button" 
/> 

第三部分;是最下面的文字和图片

同样<span style="font-family: 宋体;">是一个</span><span style="font-family: 微软雅黑;">RelativeLayout</span><span style="font-family: 宋体;">，但这里设置的很简单，代码如下：</span><pre name="code" class="html" style="font-family: 宋体;"><RelativeLayout 
android:layout_width="fill_parent" 
android:layout_height="wrap_content"> 
</RelativeLayout> 

"没有账号?注册"这几个文字定义在string里面，包含了一个<a>标签,

<string name="login_register_link">没有帐号？ <a href="#" mce_href="#">注册</a></string> 

定义如下：
<TextView android:id="@+id/register_link" 
android:text="@string/login_register_link" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_marginLeft="15dp" 
android:textColor="#888" 
android:textColorLink="#FF0066CC" 
/> 

熊猫的卡通图片

android:layout_alignParentRight="true"
android:layout_alignParentBottom="true" 
android:layout_marginRight="25dp" 

带文字的图片的ImageView

<ImageView android:src="@drawable/logo" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_toLeftOf="@id/miniTwitter_logo" 
android:layout_alignBottom="@id/miniTwitter_logo" 
android:paddingBottom="8dp" 
/>