Android页面设计（一）——简洁美观的登录页面

前几天做个APP，需要用到登录页面，无奈本人艺术细胞太差，于是去GitHub逛了一圈，没有找到特别满意的，于是只能自己设计了一个，将就着用一下，后续会继续扩充。大家有比较好的设计方案欢迎评论区分享！

废话不多说，先来看下效果

代码及介绍如下

1. 首先添加依赖，在Module的build.gradle文件中的dependencies节点下添加如下依赖，注意design版本要和你项目一致；

    implementation 'com.android.support:design:28.0.0'
    implementation 'net.lingala.zip4j:zip4j:1.3.2'
    implementation 'net.qiujuer.genius:ui:2.0.0-beta4'

2. 接着是按钮的样式文件，在res/drawable下新建button_shape.xml，代码如下

    
    
    
    
    
    **设置文字padding**
    
    

3. 接下来是放在res/values/strings.xml中的字符串常数 和res/values/colors.xml中的颜色常数

strings.xml

XX管理系统
用户名: 
密码:
2019 © XX管理系统

colors.xml

#1e90ff
#daa520

主页面显示的logo,放在res/mipmap下

4. 接下来是登录页面布局文件activity_login.xml

5. 登录页面对应的LoginActivity

package com.xiaok.materiallogin;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;


public class LoginActivity extends AppCompatActivity {

    private EditText et_usename;
    private EditText et_password;

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

        initView();



        findViewById(R.id.btn_login).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String usename = et_usename.getText().toString().trim();
                String password = et_password.getText().toString().trim();
                if (TextUtils.isEmpty(usename) || TextUtils.isEmpty(password)){
                    Toast.makeText(getApplicationContext(),"用户名或密码不能为空",Toast.LENGTH_SHORT).show();

                }else if (usename.equals(new String("admin")) && password.equals(new String("123456"))){
                    startActivity(new Intent(getApplicationContext(),MainActivity.class));

                }else {
                    Toast.makeText(getApplicationContext(),"用户名或密码错误，注意区分大小写",Toast.LENGTH_SHORT).show();
                }
            }
        });
    }

    private void initView(){
        et_usename = (EditText) findViewById(R.id.et_usename);
        et_password = (EditText) findViewById(R.id.et_password);
    }
}

最后记得在AndroidManifest.xml中Activity节点下添加android：theme = “@style/Theme.Design.Light.NoActionBar”，以隐藏系统默认的ActionBar

源码地址（Github）：传送门
源码地址（CSDN下载）：传送门