Android Studio设计用户登录界面
设计一个登录界面。要求:
a) 包含用户名、密码、记住密码、“忘记密码”按钮和“登录”按钮。
b) 单击“忘记密码”按钮弹出提示对话框,对话框内容自拟。
编辑文件:
activity_main.xmlactivity\_main.xmlactivity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><EditTextandroid:id="@+id/inputusername"android:layout_width="209dp"android:layout_height="50dp"android:layout_marginStart="30dp"android:layout_marginLeft="30dp"android:layout_marginTop="100dp"android:ems="10"android:hint="请输入用户名"android:inputType="textPersonName"app:layout_constraintStart_toEndOf="@+id/username"app:layout_constraintTop_toTopOf="parent" /><EditTextandroid:id="@+id/inputpassword"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="200dp"android:ems="10"android:hint="请输入密码"android:inputType="textPersonName"app:layout_constraintLeft_toLeftOf="@+id/inputusername"app:layout_constraintTop_toTopOf="parent" /><TextViewandroid:id="@+id/username"android:layout_width="90dp"android:layout_height="50dp"android:layout_marginStart="20dp"android:layout_marginLeft="20dp"android:ems="10"android:text="用户名:"android:textSize="20dp"android:gravity="center"app:layout_constraintBottom_toBottomOf="@+id/inputusername"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="@+id/inputusername" /><TextViewandroid:id="@+id/password"android:layout_width="90dp"android:layout_height="50dp"android:ems="10"android:gravity="center"android:text="密 码:"android:textSize="20dp"app:layout_constraintBottom_toBottomOf="@+id/inputpassword"app:layout_constraintRight_toRightOf="@+id/username"app:layout_constraintTop_toTopOf="@+id/inputpassword" /><RadioButtonandroid:id="@+id/rem_password"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="50dp"android:text="记住密码"android:textSize="20dp"app:layout_constraintTop_toBottomOf="@+id/password"app:layout_constraintLeft_toLeftOf="@+id/password"tools:layout_editor_absoluteX="101dp" /><Buttonandroid:id="@+id/forgetpassword"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="30dp"android:text="忘记密码"android:textSize="20dp"android:onClick="alertClick"app:layout_constraintLeft_toLeftOf="@+id/rem_password"app:layout_constraintTop_toBottomOf="@+id/rem_password" /><Buttonandroid:id="@+id/button"android:layout_width="203dp"android:layout_height="46dp"android:layout_marginStart="100dp"android:layout_marginLeft="100dp"android:layout_marginEnd="100dp"android:layout_marginRight="100dp"android:layout_marginBottom="100dp"android:background="#4CAF50"android:hint="登录"android:onClick="Check"android:textColor="#130908"android:textSize="35dp"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent" /></androidx.constraintlayout.widget.ConstraintLayout>
MainActivity.javaMainActivity.javaMainActivity.java
package com.example.a171228356_3;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.app.AlertDialog;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;
import android.content.DialogInterface;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;
// builder = new android.support.v7.app.AlertDialog.Builder(AlertDialogActivity.this);
public class MainActivity extends AppCompatActivity {EditText name; //用户名EditText pass; //密码@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//写代码name=(EditText) findViewById(R.id.inputusername); //获取用户名pass=(EditText) findViewById(R.id.inputpassword); //获取密码}//登录验证代码public void Check(View v) {String mname = "hello2020";String mpass = "123456";String user = name.getText().toString().trim();String pwd = pass.getText().toString().trim();if (user.equals(mname) && pwd.equals(mpass)) {Toast.makeText(this, "验证通过", Toast.LENGTH_SHORT).show();} else {Toast.makeText(this, "很遗憾,未通过,请重新输入", Toast.LENGTH_SHORT).show();}}public void alertClick(View v) {//创建 一个提示对话框的构造者对象AlertDialog.Builder builder = new AlertDialog.Builder(this);builder.setTitle("提示");//设置弹出对话框的标题builder.setIcon(R.drawable.ic_launcher_background);//设置弹出对话框的图标builder.setMessage("你确定使用忘记密码方式找回账号?该方式需要您的身份证号等个人信息进行验证,请慎重选择!");//设置弹出对话框的内容builder.setCancelable(false);//能否被取消//正面的按钮(肯定)builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {Toast.makeText(MainActivity.this, "开始找回账号", Toast.LENGTH_SHORT).show();dialog.cancel();}});//反面的按钮(否定)builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {Toast.makeText(MainActivity.this, "取消,返回", Toast.LENGTH_SHORT).show();dialog.cancel();}});builder.show();}}
仿真结果:
点击忘记密码提示对话框:
Android Studio设计用户登录界面相关推荐
- Android studio设计app登录界面
Android studio设计app登录界面 UI界面设计 在设计登录界面时,可以使用不同布局方式来实现该功能,通常情况下使用的是LinearLayout(线性布局)和TableLayout(表格布 ...
- android studio 微信登录界面,如何使用Android Studio开发用户登录界面
满意答案 zhou9081 2016.05.21 采纳率:51% 等级:7 已帮助:411人 如何使用Android Studio开发用户登录界面,具体解决方案如下: 解决方案1: <:t ...
- Android studio设计两个界面间的切换
Android studio设计两个界面间的切换 实现两个界面间的切换有两种方式,第一种是xml间的相互切换,另外一种是两个Activity间的切换. 范例:用两种不同方法实现如图功能,点击butto ...
- 手机版(兼容android和ios)用户登录界面H5
本文主要是开发的一个手机版(兼容android和ios)的商城登录页面. 1.接下来直接上HTML的代码 <!DOCTYPE html> <html> <head> ...
- Android studio制作QQ登录界面
(1)需要一张图片作为QQ头像,因此先找一张图片(png格式)放到drawable文件夹中. (2)分析界面组成部分,整体来看界面分三个部分 第一部分:放置一个lmageView控件用于 显示头像: ...
- 简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面
利用 Android studio 2021 软件输出一个简易用户登录界面,拥有头像并且能够实现对自行输入的账号密码进行保存,文件名为 saveqq,功能实现对账号与密码的输入和存储,简单QQ界面布局 ...
- 【Android】用户登录界面功能实现:登陆跳转、退出
文章目录 用户登录界面功能实现:登陆跳转.退出 ♦ 回顾 ♦ 编写 MainActivity 实现功能 登录功能效果 退出弹框.连续点击返回退出 ♦ 设计 activity_my_tool.xml 展 ...
- html科幻效果,带科幻风格的纯CSS3用户登录界面设计
这是一款带有科幻风格的纯CSS3用户登录界面设计效果.它模拟科幻电影<钢铁侠>中斯塔克工业超级电脑的登录界面.该登录界面略带金属质感,通过一条无限运动的弧线绕圆动画来制作一些神秘科技色彩. ...
- html用户登录页面设计,简洁时尚的用户登录界面设计效果
这是一款简洁时尚的用户登录界面设计效果.该用户登录效果使用CSS和JS来完成,它使用元素滑动效果来制作登录表单动画,字体效果时尚大方,是非常不错的用户登录界面UI设计效果. 使用方法 HTML结构 该 ...
- Android Studio设计APP实现与51单片机通过WIFI模块(ESP8266-01S)通讯控制LED灯亮灭的设计源码【详解】
目录 一.前言 二.效果展示 1.APP界面展示 2.C51硬件展示 三.Android Studio APP源代码 1.AndroidManifest.xml 1.请求联网: 2.开放明文传输: 2 ...
最新文章
- HDU2032(杨辉三角)
- html5 实现坦克大战,HTML5实现坦克大战(一)
- 小TIPS:合拼gridview的header
- Shell运算符及条件判断
- latex-bib参考文献人名特殊字符
- 在浏览器控制台输出内容 console.log(string);
- Confluence 6 自定义管理员联系信息
- Kubernetes 常见问题总结
- Android 自定义View(一)常用属性
- MS08_067漏洞复现
- 网易邮箱与GMAIL
- Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat ‘C:\hiberfil.sys‘的解决方案
- Gaussian .fchk .chk 文件转化错误解决方法
- [MTK]LCD 调试总结
- python读取千万级数据库数据类型_Python 基于Python从mysql表读取千万数据实践
- PAKDD2018小结
- python 批量修改图片的名字
- Soot的安装及其初步使用
- 数学小故事之拉格朗日的世界
- 《对比Excel,轻松学习Python数据分析》读书笔记------数据运算
热门文章
- 简易局域网聊天java_简单的局域网聊天程序(java版本的)
- 室内设计数据手册pdf_室内设计资料集pdf下载-室内设计资料集电子版pdf高清扫描版-东坡下载...
- AvalonDock使用(2)-简单布局设置
- 消息钩子入门篇(4)---示例__外壳钩子(WH_SHELL)
- 计算机培训公众号,8款微信公众号编辑器,哪个最好用?
- CrackMe001
- Web CAD SDK 14.1 Crack
- Firebug下载地址及安装方法
- Firebug 入门指南
- CAT扫盲:最常用的CAT翻译软件