Android Studio实现用户登陆界面demo（xml实现）

使用Android Studio 编写的第一个demo，使用布局文件—xml实现用户登录界面

注：所建工程均为Android 6.0  所以只要是Android 6.0（包括6.0）以上的真机，模拟机都可以使用

Step1：Android Studio 开发环境的搭建：

1.安装JDK (1.8)；
2.安装Android studio (3.3.1) 包含 gradle、sdk manage 、avd manage ；
3.使用sdk manage 下载安装 sdk；
4.使用avd manages 创建虚拟机

Step2: 新建工程项目Myapp2.0

1.在res/layout/activity_main.xml中编写布局内容：

2.创建一个Java class —ExitTextUtils用于封装清空输入框的内容 ：

/**
 * 用于实现点击叉叉时  ,  清空输入框的内容
 */

 class EditTextUtils {

    public static void clearButtonListener(final EditText et, final View view) {

        // 取得et中的文字

        String etInputString = et.getText().toString();

        // 根据et中是否有文字进行X可见或不可见的判断

        if (TextUtils.isEmpty(etInputString)) {

            view.setVisibility(View.INVISIBLE);
        } else {

            view.setVisibility(View.VISIBLE);
        }

        //点击X时使et中的内容为空

        view.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View view) {
                et.setText("");
                et.requestFocusFromTouch();
            }
        });
        //对et的输入状态进行监听
        et.addTextChangedListener(new TextWatcher() {
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
            }
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            }
            @Override
            public void afterTextChanged(Editable s) {

                if (s.length() == 0) {
                    view.setVisibility(View.INVISIBLE);
                } else {
                    view.setVisibility(View.VISIBLE);
                }
            }
        });
    }
}

3.在MainActivity.java 里书写代码：

private TextView mTextMessage;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    EditText et1 = (EditText) findViewById(R.id.et1);
    EditText et2 = (EditText) findViewById(R.id.et2);
    View bt = findViewById(R.id.bt1);
    View iv = findViewById(R.id.bt2);
    EditTextUtils.clearButtonListener(et1, bt);
    EditTextUtils.clearButtonListener(et2, iv);

    Button btn1 = (Button) findViewById(R.id.bbt1);
    btn1.setOnClickListener(new View.OnClickListener(){
        @Override
        public void onClick(View v){
            //Intent是一种运行时绑定（run-time binding）机制，它能在程序运行过程中连接两个不同的组件，在存放资源代码的文件夹下下，
            Intent i = new Intent(MainActivity.this , Main2ActivityAdapterDemo.class);
            //启动
            startActivity(i);
            }
    });

    mTextMessage = (TextView) findViewById(R.id.message);
    BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
    navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
}

4.布局使用到的资源：

自己建的用于存放自定义的文件 dimens.xml

    
    16dp
    16dp
    22dp
    8
    16
    16dp

color.xml

    #008577
    #00574B
    #D81B60
    #CCCCCC
    #000000
    #00CC33
    #FFFFFF

截图

Step3：运行程序。。。截图如下：

**

下载地址：[LoginDemo.zip]

**(https://download.csdn.net/download/wendy__xu/11189669)