A06_RelativeLayout_logIn_仿QQ登录界面设置

使用RelativeLayout设置仿QQ登陆界面

模拟器android4.2系统效果图：

真机Android2.3.7显示效果：

Xml布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/qq2013"
    android:padding="15dp"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/logInId"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="@string/logIn"
        android:textSize="20sp" />

    <EditText
        android:id="@+id/usernameTextId"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@id/logInId"
        android:hint="@string/username"
        android:inputType="textPersonName"
        tools:ignore="HardcodedText" />

    <EditText
        android:id="@+id/passwordTextId"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/usernameTextId"
        android:layout_alignRight="@id/usernameTextId"
        android:layout_below="@id/usernameTextId"
        android:hint="@string/password"
        android:inputType="textPassword" />

    <Button
        android:id="@+id/okId"
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/passwordTextId"
        android:layout_below="@id/passwordTextId"
        android:text="@string/ok" />

    <Button
        android:id="@+id/cancelId"
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/passwordTextId"
        android:layout_below="@+id/passwordTextId"
        android:text="@string/cancel" />

</RelativeLayout>