android button 添加事件_基本控件——Button（3）：登录

这次讲一个比较简单的，button的登录界面等制作

先上图吧

其中涉及到的知识点：Edittext的属性，button的属性，button的监听事件

看下布局代码：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TableRow android:layout_marginTop="60dp"
        android:gravity="center">
        <!--gravity:让内部控件居中-->
        <TextView
            android:layout_gravity="center"
            android:layout_marginRight="1dp"
            android:id="@+id/text_user"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:text="用户名:" />

        <EditText
            android:layout_gravity="center"
            android:id="@+id/input_user"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10"
            android:hint="请输入用户名"
            android:inputType="textPersonName" />
        <!--hint：这个属性表示在光标未聚焦的时候显示的文本之类的东西-->
    </TableRow>

    <TableRow android:gravity="center">
        <TextView
            android:layout_gravity="center"
            android:layout_marginRight="1dp"
            android:id="@+id/text_pass"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:text="密 码:" />
        <EditText
            android:id="@+id/input_pass"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="请输入密码"
            android:inputType="textPassword" />
    </TableRow>
    <LinearLayout android:gravity="center"
        android:layout_marginTop="20dp">
        <Button
            android:layout_marginRight="20dp"
            android:id="@+id/login"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:text="登录" />

        <Button
            android:id="@+id/cancel"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:text="取消" />
    </LinearLayout>

    <TextView
        android:layout_marginTop="50dp"
        android:id="@+id/textView3"
        android:layout_width="310dp"
        android:layout_height="35dp"
        android:text="空内容"
        android:textAlignment="center"
        tools:layout_editor_absoluteX="33dp"
        tools:layout_editor_absoluteY="336dp" />
</TableLayout>

监听事件功能：

直接上代码，代码里面都有解释

package com.example.asus.button_design;

import android.content.Context;
import android.os.Bundle;
import android.os.PersistableBundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

/**
 * Created by asus on 2019/10/3.
 * created by zengxiaosong
 */

public class button_login extends AppCompatActivity {
    //声明控件
    private EditText userName,password;
    private Button login, cancel;
    private TextView textView;
    @Override
    public void onCreate( Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.buttton_login);
        //定义控件对象
        userName=(EditText)findViewById(R.id.input_user);
        password=(EditText)findViewById(R.id.input_pass);
        //定义按钮
        login=(Button)findViewById(R.id.login);
        cancel=(Button)findViewById(R.id.cancel);
        //定义显示控件
        textView=(TextView)findViewById(R.id.textView3);
        //设置监听事件
        //使用匿名类
        login.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //设置事件
                //将用户名和密码用textView3显示出来
                //记得转换
                String user=userName.getText().toString();
                String pass=password.getText().toString();
                textView.setText("用户名:"+user+"   密码:"+pass);
            }
        });
        cancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //设置事件
                //用于清除掉内容的显示
                userName.setText("");
                password.setText("");
                textView.setText("");
            }
        });
    }
}

看下功能显示：

还是很简单的。这次就先到这里