miniTwitter登录界面的实现

一、界面效果图

二、登录界面的布局分析

按照上述效果图来看，可以把整个登录界面看作是两个布局

布局1：login_top 本布局实现的内容包括：账号密码输入框、输入框图标、以及圆角的矩形输入框，点击时可以变色的登录注册按钮、以及透明度变化的背景

                               

布局2： 出布局1以为的所有内容，包括一张背景图，忘记密码，及右下角图片。

三、代码实现

1.AndroidManifest.xml配置文件

2.MainAcitvity

package com.bzu.charles;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
}

3.login.xml

4.activity_main.xml

5.login.xml中用的样式文件

(1)login背景

（2）按钮选择

（3）按钮选择中的btn_shape&&btn_shape_after样式

		    android:color="#87cefa"/>
		    android:radius="10dp"
	    />  
    

四：运行效果

五、总结

自定义样式的出现使Android UI变得更加美好，通过本次登陆界面的实现，了解了自定义是如何实现，以及自定义样式的使用。