是男人就下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="【点击跳转到主界面】
如果你没有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