Android开发手记——登陆界面

写一个登录界面

在activity_main.xml中新建一个Button类，id为btn_edittext，文本内容为EditText，不全部大写。

<Button
    android:id="@+id/btn_edittext"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="EditText"
    android:textAllCaps="false"/>

新建一个Activity文件并命名为EditTextActivity，进入activity_edit_text.xml文件，相对布局RelativeLayout，新建两个EditText类，id分别为et_1与et_2，密码输入方式为textPassword（暗纹），间距15dp。

<EditText
    android:id="@+id/et_1"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:textSize="16sp"
    android:textColor="#FFAD33"
    android:hint="用户名"
    />
    <EditText
    android:id="@+id/et_2"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:textSize="16sp"
    android:textColor="#FFAD33"
    android:inputType="textPassword"
    android:hint="密码"
    android:layout_below="@+id/et_1"
    android:layout_marginTop="15dp"
    />

再在activity_edit_text.xml中新建一个Button类用作登录按钮，id为btn_login，并有点击效果。

<Button
    android:id="@+id/btn_login"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/et_2"
    android:layout_marginTop="40dp"
    android:text="登录"
    android:textColor="#FFFFFF"
    android:background="@drawable/bg_btn4"
    />

在MainActivity文件中声明一个Button类并设置一个点击事件，跳转到EditText演示界面。

mBtnEditText.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(Viewv) {
        //跳转到EditText演示界面
        Intent intent =new Intent(MainActivity.this,EditTextActivity.class);
        startActivity(intent);
    }
});

进入EditTextActivity文件并分别声明Button与EditText类，接着建立一个点击事件，当登录按钮被点击时，显示登陆成功。接着再建立一个输入框监听事件，实时监听输入框输入的数据。

public class  EditTextActivityextends AppCompatActivity {
    private ButtonmBtnLogin;
    private EditTextmEtUserName;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_edit_text);
        mBtnLogin=(Button)findViewById(R.id.btn_login);
        mBtnLogin.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(Viewv){
                Toast.makeText(EditTextActivity.this,"登陆成功",Toast.LENGTH_SHORT).show();
            }
        });
        mEtUserName=(EditText)findViewById(R.id.et_1);
        mEtUserName.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequences, int start, int count, int after){

            }

            @Override
            public void onTextChanged(CharSequences, int start, int before, int count){
                Log.d("edittext",s.toString());
            }

            @Override
            public void afterTextChanged(Editables) {

            }
        });

    }
}

最终效果：

EditText

android:hint：没有输入内容之前的提示内容

android:inputType="textPassword"输入方式，暗纹显示

具有点击效果的btn_4

bg_btn4.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid android:color="#CC7A00"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
    <item android:state_pressed="false">
        <shape>
            <solid android:color="#FF9900"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>

</selector>