如何使用Android Studio开发用户登录界面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用Android Studio开发用户登录界面相关的知识,希望对你有一定的参考价值。

参考技术A 前提是你已经将基本的运行环境及sdk都已经安装好了,右键点击new-->Module,Module相当于新建了一个项目。
选择android Application,点击next
将My Module 和app改成自己项目相应的名字,同时选择支持的Android版本
这一步我们选择Blank Activity,自己手动编写登录界面,而不依赖系统内置的Login Activity,一直点击next,最后点击finish就完成了项目的创建
在project下我们可以看到出现了我们刚才创建的login项目
展开res/layout,点击打开activity_main.xml文件,在这个文件里我们将完成登录界面的编写
这是初始的主界面,还没有经过我们编写的界面,Android Studio有一个很强大的预览功能,相当给力
我们将activity_main.xml的代码替换成如下代码:
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_vertical"
android:stretchColumns="0,3">
<TableRow>
<TextView />
<TextView
android:text="账 号:"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="24px"
/>
<EditText
android:id="@+id/account"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="24px"
android:minWidth="220px"/>
<TextView />
</TableRow>
<TableRow android:layout_marginTop="20px">
<TextView />
<TextView
android:text="密 码:"
android:layout_width="wrap_content"
android:layout_height="wrap_content"

/>
<EditText
android:id="@+id/pwd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:minWidth="220px"
android:textSize="24px"
android:inputType="textPassword"/>
<TextView />
</TableRow>
<TableRow android:layout_marginTop="20px">
<TextView />
<Button
android:id="@+id/login"
android:text="登录"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<Button
android:id="@+id/quit"
android:text="退出"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<TextView />
</TableRow>
</TableLayout>

使用Android 手机进行测试,大功告成本回答被提问者和网友采纳

Android studio 开发一个用户登录界面

Android studio 开发一个用户登录界面

技术图片

技术图片

activity_main.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:app="http://schemas.android.com/apk/res-auto"
 4     xmlns:tools="http://schemas.android.com/tools"
 5     android:layout_width="match_parent"
 6     android:layout_height="match_parent"
 7     tools:context=".MainActivity">
 8 
 9     <Button
10         android:id="@+id/button"
11         android:layout_width="203dp"
12         android:layout_height="46dp"
13         android:layout_marginEnd="120dp"
14         android:layout_marginRight="120dp"
15         android:layout_marginBottom="148dp"
16         android:hint="登录"
17         android:onClick="Check"
18         app:layout_constraintBottom_toBottomOf="parent"
19         app:layout_constraintEnd_toEndOf="parent"
20         app:layout_constraintHorizontal_bias="1.0"
21         app:layout_constraintStart_toStartOf="parent" />
22 
23     <EditText
24         android:id="@+id/name"
25         android:layout_width="209dp"
26         android:layout_height="50dp"
27         android:layout_marginTop="324dp"
28         android:layout_marginEnd="92dp"
29         android:layout_marginRight="92dp"
30         android:ems="10"
31         android:hint="用户名"
32         android:inputType="textPersonName"
33         app:layout_constraintEnd_toEndOf="parent"
34         app:layout_constraintTop_toTopOf="parent" />
35 
36     <EditText
37         android:id="@+id/pass"
38         android:layout_width="wrap_content"
39         android:layout_height="wrap_content"
40         android:layout_marginTop="200dp"
41         android:layout_marginEnd="96dp"
42         android:layout_marginRight="96dp"
43         android:ems="10"
44         android:hint="密码"
45         android:inputType="textPersonName"
46         app:layout_constraintEnd_toEndOf="parent"
47         app:layout_constraintTop_toTopOf="parent" />
48 
49 
50 </android.support.constraint.ConstraintLayout>

技术图片

MainActivity.java

 1 package com.example.myapplication;
 2 
 3 import android.os.Bundle;
 4 import android.support.v7.app.AppCompatActivity;
 5 import android.view.View;
 6 import android.widget.EditText;
 7 import android.widget.Toast;
 8 
 9 public class MainActivity extends AppCompatActivity {
10     EditText name;  //用户名
11     EditText pass;  //密码
12     @Override
13     protected void onCreate(Bundle savedInstanceState) {
14         super.onCreate(savedInstanceState);
15         setContentView(R.layout.activity_main);
16 
17         //写代码
18         name=(EditText) findViewById(R.id.name);  //获取用户名
19         pass=(EditText) findViewById(R.id.pass);  //获取密码
20 
21     }
22     //登录验证代码
23     public void  Check(View v) {
24         String mname = "hello";
25         String mpass = "1234";
26         String user = name.getText().toString().trim();
27         String pwd = pass.getText().toString().trim();
28         if (user.equals(mname) && pwd.equals(mpass)) {
29             Toast.makeText(this, "恭喜,通过", Toast.LENGTH_SHORT).show();
30         } else {
31             Toast.makeText(this, "很遗憾,继续努力", Toast.LENGTH_SHORT).show();
32         }
33     }
34 
35 
36 }

 

以上是关于如何使用Android Studio开发用户登录界面的主要内容,如果未能解决你的问题,请参考以下文章

如何使用Android Studio开发用户登录界面

如何使用Android Studio开发用户登录界面

如何使用Android Studio开发用户登录界面

如何使用Android Studio开发用户登录界面

如何使用Android Studio开发用户登录界面

如何使用Android Studio开发用户登录界面