LedPedometer-2.登陆界面

登陆界面如下：

分析

• 上面一个imageView
• 中间2个EditText 使用了selector 改变了选中的状态
• 下面一个button按钮
• 下方一个相对布局

代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/ll_root_login"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#d0d6e0"
    android:orientation="vertical" >

    <ImageView
        android:layout_width="150dp"
        android:layout_height="90dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="56dip"
        android:src="@drawable/login_logo" />

    <EditText
        android:id="@+id/et_login_phone"
        style="@style/EditTextStyle"
        android:hint="手机号码"
        android:inputType="phone" />

    <EditText
        android:id="@+id/et_login_pass"
        style="@style/EditTextStyle"
        android:hint="密码"
        android:inputType="textPassword" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginLeft="24dp"
        android:layout_marginRight="24dp"
        android:layout_marginTop="24dp"
        android:background="#00a7f7"
        android:paddingBottom="8dp"
        android:paddingTop="8dp"
        android:text="登陆"
        android:textColor="@android:color/white"
        android:textSize="14sp" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_marginBottom="8dp"
            android:layout_marginLeft="8dp"
            android:background="#d0d6e0"
            android:clickable="true"
            android:text="忘记密码?"
            android:textColor="#0000ff"
            android:textSize="12sp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="8dp"
            android:layout_marginRight="8dp"
            android:background="#d0d6e0"
            android:clickable="true"
            android:gravity="right"
            android:onClick="loginNewUser"
            android:text="新用户"
            android:textColor="#0000ff"
            android:textSize="12sp" />
    </RelativeLayout>

</LinearLayout>



style.xml
 <style name = "ButtonStyle">
        <item name="android:layout_marginLeft">16dp</item>
        <item name="android:layout_marginRight">16dp</item>
        <item name="android:layout_marginTop">16dp</item>
        <item name="android:paddingBottom">8dp</item>
        <item name="android:paddingTop">8dp</item>
        <item name="android:gravity">center</item>
        <item name="android:textSize">14sp</item>
   </style>
    <style name = "EditTextStyle">
        <item name="android:layout_height">40dp</item>
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_marginLeft">16dp</item>
        <item name="android:layout_marginRight">16dp</item>
        <item name="android:layout_marginTop">16dp</item>
        <item name="android:paddingBottom">8dp</item>
        <item name="android:paddingTop">8dp</item>
        <item name="android:selectAllOnFocus">true</item>
        <item name="android:singleLine">true</item>
        <item name="android:textSize">12sp</item>
        <item name="android:gravity">center</item>
        <item name="android:background">@drawable/edit_select</item>
    </style>