本講完成的效果為：

登錄界面的布局代碼(login.xml)為：

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/main_bg"
    android:orientation="vertical" >

    <Button
        android:id="@+id/btn_add_accountn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_marginRight="10dip"
        android:layout_marginTop="10dip"
        android:background="@drawable/add_account_d" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@drawable/head_bg"
        android:gravity="center"
        android:layout_marginTop="20dip"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/imge_user_head"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/user_head" />
    </LinearLayout>

    <Spinner
        android:id="@+id/spn_user_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/account_selete_bg"
        android:layout_gravity="center"
        android:layout_marginTop="10dip" />
    
    <Button
        android:id="@+id/btn_login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="10dip"
        android:background="@drawable/login_d"
        android:text="@string/login"
        android:textColor="@color/white"
        android:textSize="20dip" />

</LinearLayout>
  

授權界面的布局(auth.xml)代碼

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/main_bg" >
</LinearLayout>
  

授權界面中的子界面(authorize_dialog.xml)文件

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="15dip" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/info" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dip"
            android:text="@string/authTip"
            android:textColor="@color/black"
            android:textSize="18dip" />
    </LinearLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dip"
        android:layout_marginRight="5dip"
        android:layout_marginTop="10dip"
        android:text="@string/authTipMsg"
        android:textSize="15dip" />

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_alignParentBottom="true"
         >

        <Button
            android:id="@+id/btn_auth_begin"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dip"
            android:background="@drawable/auth_begin_d"
            android:textColor="@color/white"
            android:textSize="20dip" />
    </RelativeLayout>

</LinearLayout>
  

然后再增加一個Activity（AuthActivity）就可以實現一個漂亮的界面啦

    package haiyang.project.iweibo.ui;

import haiyang.project.iweibo.R;
import android.app.Activity;
import android.app.Dialog;
import android.os.Bundle;
import android.view.View;

public class AuthActivity extends Activity{

	private Dialog dialog;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		
		this.setContentView(R.layout.auth);
		
		View digView=View.inflate(this, R.layout.authorize_dialog, null);
		
		dialog=new Dialog(this, R.style.auth_dialog);
		dialog.setContentView(digView);
		dialog.show();
	}
}
  

在實際的按鈕點擊過程中，點擊和松開后應該為兩種不同的狀態，這樣子點擊時才有點擊感，具體的實現為在res下新建drawable的文件夾，增加一個布局(login.xml)文件

    <?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true" android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/btn_bg_n" />
    <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/btn_bg_p" />
    <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/btn_bg_p" />
    <item android:drawable="@drawable/btn_bg_n" />
</selector>

  

這個文件可以實現點擊和松開某個按鈕時分別為不同的圖像，涉及到類似功能實現的操作都是用這種方法，此講中用到三處（一個登錄按鈕、一個下拉框、一個開始按鈕），由于類似，此文不一一列出。

再就是讓授權界面的提示文字友好的顯示(authorize_dialog_style)：

    <?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="auth_dialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
 <!-- Dialog的windowFrame框為無 -->
        <item name="android:windowIsFloating">true</item>
 <!-- 是否浮現在activity之上 -->
        <item name="android:windowIsTranslucent">false</item>
 <!-- 是否半透明 -->
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@drawable/dialog_bg</item>
        <item name="android:backgroundDimEnabled">false</item>
    </style>

</resources>
  

總結一下，本講學習到得新內容為：實現點擊按鈕（或下拉框）等操作時兩種不同狀態的不同效果，以及使界面更友好。

新浪微博Android客戶端學習記錄三：完成登錄界面和授權界面