AndroidStudio实现简易登录界面制作

Ora ·
更新时间:2024-09-20
· 825 次阅读

想要制作一个简易的登录界面非常容易,总体上来说就是UI布局、给定id、新建跳转的页面、以及输入账号密码的获取与判断,那么接下来就开始制作吧!

1.首先就是Activity中的组件布局,这个就不一一列举了!自己把两个EditText和一个Button摆好就ok了,像按钮的点击效果可以自己设计一下(默认状态是什么颜色,按下去是什么颜色)。

2.再一个就是要给定控件一个id

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:background="@drawable/img_1"     android:orientation="vertical">     <LinearLayout         android:layout_width="match_parent"         android:layout_height="match_parent"         android:orientation="vertical">         <LinearLayout             android:layout_width="match_parent"             android:layout_height="300dp"             android:layout_marginTop="160dp"             android:orientation="vertical"             android:padding="30dp"             android:gravity="center">             <EditText                 android:layout_width="match_parent"                 android:layout_height="60dp"                 android:id="@+id/EDit_username"                 android:hint="账户名"                 android:maxLines="1"                 android:textColor="#000000"/>             <EditText                 android:layout_width="match_parent"                 android:layout_height="60dp"                 android:id="@+id/EDit_password"                 android:layout_marginTop="15dp"                 android:hint="账户名"                 android:maxLines="1"                 android:textColor="#000000"/>             <Button                 android:layout_width="200dp"                 android:layout_height="60dp"                 android:layout_marginTop="30dp"                 android:id="@+id/btn_login"                 android:text="登录"                 android:backgroundTint="@color/btn_xiaoguo"                 android:textSize="20sp"/>         </LinearLayout> </LinearLayout> </LinearLayout>

3.然后就是要在Mainactivity.java中写代码了,需要申明控件id,绑定控件id及登录按钮的点击事件(判断是否是自己设定的密码,判断是否达到一定的长度)。  对了,还有需要定义存账号密码的类型名称。

package com.example.denlu; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; 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 mEDit_password;           private EditText mEDit_username;     private Button mbtn_login;     private String zhanhao;  //申明存入账号的变量     private String mima;   //申明存入密码的变量     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         mEDit_username = findViewById(R.id.EDit_username);   //绑定账号Edit Text的id         mEDit_password = findViewById(R.id.EDit_password);  //绑定密码Edit Text的id         mbtn_login = findViewById(R.id.btn_login);   //绑定按钮Button的id

4.好了,现在要做的就是写按钮的点击事件了;那么在这之前需要先新建一个跳转之后的界面。之前也发过新建一个Activity的方法。

5.然后写点击事件;那么点击事件要怎么写,首先肯定是要把账号与密码都提取出来存入自定义的String变量,需要用到  .getText().toString()  这两个函数;既然提取出来了那么下一步就好办了,直接用几个if else if  写几个判断即可。

package com.example.denlu; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; 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 mEDit_password;     private EditText mEDit_username;     private Button mbtn_login;     private String zhanghao; //申明存入账号的变量     private String mima;   //申明存入密码的变量     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         mEDit_username = findViewById(R.id.EDit_username);     //绑定账号Edit Text的id         mEDit_password = findViewById(R.id.EDit_password);     //绑定密码Edit Text的id         mbtn_login = findViewById(R.id.btn_login);             //绑定按钮Button的id         mbtn_login.setOnClickListener(new View.OnClickListener() {          @Override          public void onClick(View view) {          zhanghao = mEDit_username.getText().toString();   //将账号取出来存入自定义的zhanhao变量                 mima = mEDit_password.getText().toString();       //将密码取出来存入自定义的mima变量                 if (zhanghao.length()<3||zhanghao.length()>7){    //if判断输入账号的长度是不是在3-7位数之间,如果不是则弹窗提示                     Toast.makeText(MainActivity.this, "账号长度应为3-7位数之间", Toast.LENGTH_SHORT).show();                 }else if (mima.length()<6||mima.length()>6){     //if判断输入账号的长度是不是6位数,如果不是则弹窗提示                     Toast.makeText(MainActivity.this,"请输入6位数的密码",Toast.LENGTH_SHORT).show();                 }                 if (zhanghao.equals("abcdef")&&mima.equals("123456")){     //如果输入的账号密码是“abcdef”  “123456” 则实行页面跳转                     Intent intent = new Intent(MainActivity.this,dengluMainActivity.class);                     startActivity(intent);                 }else{                     Toast.makeText(MainActivity.this,"账号或密码输入错误",Toast.LENGTH_SHORT).show();                 }             }         });     } }

嗯!就是这样了,可能有些我没注意讲到,但是大概就是这样了!



界面 androidstudio

需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章