是男人就下100層【第一層】——高仿微信界面（2）

接着上一篇《是男人就下100層【第一層】——高仿微信界面（1）》，本打算實作上一篇文章中的第二個界面，這一篇先來實作一下登陸界面吧，接下來我們來開始登入界面的制作。

界面布局檔案：

<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout   xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"        
        android:gravity="center"
        android:orientation="vertical"
        android:background="#eee" >

        

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center" >
            
            <ImageView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:src="@drawable/copyright" />
            
            <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:text="微信"
            android:textColor="#000000"
            android:textSize="35sp" />
            
        </LinearLayout>

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:gravity="center"
            android:text="CSDN 陽光小強"
            android:textColor="#000"
            android:textSize="30dp" />

        <Button
            android:id="@+id/main_login_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/btn_style_green"
            android:gravity="center"
            android:paddingLeft="130dp"
            android:paddingRight="130dp"
            android:layout_marginTop="15dp"
            android:text="登入"
            android:textColor="#ffffff"
            android:textSize="18sp"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="6dp"
            android:text="使用QQ号或者微信号登入"
            android:textSize="14sp"
            android:textColor="#444" />

        <Button
            android:id="@+id/main_regist_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:background="@drawable/btn_style_white"
            android:gravity="center"
            android:paddingLeft="130dp"
            android:paddingRight="130dp"
            android:text="注冊"
            android:textColor="#000000"
            android:textSize="18sp"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="6dp"
            android:gravity="center"
            android:text="【點選跳轉到主界面】\n如果你沒有QQ号，請注冊"
            android:textSize="14sp"
            android:textColor="#444"  />
    </LinearLayout>
           

上面布局中值得注意的是Button的背景是一個自定義的drawable資源檔案

<?xml version="1.0" encoding="UTF-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/btn_style_one_disabled" />
    <item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/btn_style_one_pressed" />
    <item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/btn_style_one_pressed" />
    <item android:state_focused="true" android:drawable="@drawable/btn_style_one_focused" />
    <item android:state_focused="false" android:drawable="@drawable/btn_style_one_normal" />
</selector>
           

分别設定了四種狀态的背景圖檔（這裡的圖檔是9patch的，詳細請看：http://blog.csdn.net/dawanganban/article/details/17379193）

建立一個Activity

public class LoginActivity extends Activity{
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_login);
		
		
	}
}
           

上一篇中寫的AppStart中啟動LoginActivity

public class AppStart extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_start);
		new Handler().postDelayed(new Runnable(){
			@Override
			public void run(){
				Intent intent = new Intent (AppStart.this,LoginActivity.class);			
				startActivity(intent);			
				AppStart.this.finish();
			}
		}, 1000);
	}

}
           

運作效果：

源代碼下載下傳：http://download.csdn.net/detail/lxq_xsyu/6966619

下一篇：http://blog.csdn.net/dawanganban/article/details/20009241