是男人就下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{@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.activity_login);}}

上一篇中寫的AppStart中啟動LoginActivity

public class AppStart extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_start);new Handler().postDelayed(new Runnable(){@Overridepublic 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