Android studio实现app登录界面

本文实例为大家分享了Android studio设计app登录界面，供大家参考，具体内容如下

UI界面设计

在设计登录界面时，可以使用不同布局方式来实现该功能，通常情况下使用的是LinearLayout(线性布局)和TableLayout(表格布局)，在本文中使用线性布局。登陆界面需要几项必不可少的控件，如下所示：

1、TextView：用于显示标题和“用户名"和"密码"的提示;

标题设置

"用户名"提示

"密码"提示:

2、EditView:用于输入"用户名"和"密码"；

"用户名"输入框：

"密码"输入框：

3、Button:用于控制登录。

Button登录按钮:

/>

本文使用三层LinearLayout互相嵌套，第一层LinearLayout中包括标题(TextView)和第二层LinearLayout以及登录按钮(Button)。第一层LinearLayout使用垂直分布，即android:orientation=“vertical”。
第二层LinearLayout中嵌套两个第三层LinearLayout，且第二层LinearLayout为垂直分布，即android:orientation=“vertical”。
第三层的两个LinearLayout中各包含一个TextView和一个EditView，第三层LinearLayout为水平分布，即android:orientation=“horizontal”。

总的UI设计如下所示。

    
    
        
            

            
        
        
            
            
        
    


    />

效果如图所示。

Java代码编写

若用户输入用户名或密码有误时，弹窗提示“用户名或密码输入有误，请更正后重新输入！”。
若用户没有输入用户名或密码，弹窗提示“用户名与密码不能为空！”。
当用户名与密码同时输入正确是，方可进入系统。

package com.example.activities;

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

public class MainActivity extends AppCompatActivity {
    private EditText usertext;
    private EditText passtext;
    private Button loginbutton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        usertext=(EditText)this.findViewById(R.id.ed1);
        passtext=(EditText)this.findViewById(R.id.ed2);
        loginbutton=(Button)this.findViewById(R.id.bt);
        loginbutton.setOnClickListener(new ButtonListener());
    }
    private class ButtonListener implements View.OnClickListener{
        @Override
        public void onClick(View v){
            String user=usertext.getText().toString();
            String pass=passtext.getText().toString();
            if (user.equals("")||pass.equals("")){
                Toast.makeText(MainActivity.this,"用户名与密码不能为空！",Toast.LENGTH_SHORT).show();
            }
            else if (user.equals("denglu")&&pass.equals("0000")){
                Toast.makeText(MainActivity.this,"登陆成功",Toast.LENGTH_SHORT).show();
                Intent intent=new Intent(MainActivity.this,TwoActivity.class);
                startActivity(intent);
            }
            else{
                Toast.makeText(MainActivity.this,"用户名或密码输入有误，请更正后重新输入！",Toast.LENGTH_SHORT).show();
            }
        }
    }
}

点击登录按钮之后，进入下一个界面，这时需在Manifest中添加第二个Activity的名称

第二个界面的Activity需调用第二个xlm的layout，如下所示

package com.example.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class TwoActivity extends AppCompatActivity {

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。