miniTwitter登录界面的实现

一、界面效果图

二、登录界面的布局分析

按照上述效果图来看，可以把整个登录界面看作是两个布局

布局1：login_top 本布局实现的内容包括：账号密码输入框、输入框图标、以及圆角的矩形输入框，点击时可以变色的登录注册按钮、以及透明度变化的背景

                               

布局2： 出布局1以为的所有内容，包括一张背景图，忘记密码，及右下角图片。

三、代码实现

1.AndroidManifest.xml配置文件

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.bzu.charles"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.bzu.charles.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</ma