Android studio 初级登录界面

您所在的位置:网站首页 如果设置电脑登录界面只有当前用户 Android studio 初级登录界面

Android studio 初级登录界面

2023-08-09 19:51| 来源: 网络整理| 查看: 265

Android studio 初级登录界面

文章目录 Android studio 初级登录界面主页面的展示编写展示账号密码正确的账号密码才能登录成功

掌握Android中的线性布局。 掌握Android TextView、Button、EditText、CheckBox控件。

主页面的展示编写

编写一个初级登录的界面需要几个基本的元素:

用户名:+用户名填写框密码:+密码填写框记住账号密码登录按钮

我们需要用到的控件: (1)TextView:+EditText (3)CheckBox (2)Button

除了这些必要的控件外,我们还需要处理界面的布局设置, 要完成初级的登录界面,我们还需要采用线性布局——LinearLayout 这是我们学习的关键 我们需要在头文件添加设置:

android:orientation="vertical" //垂直排列 android:orientation="horizontal" //水平排列

这两条设置相互搭配才能得到我们需要的效果,在整体页面上我们选择垂直排列

//在这其中设置布局

在控件整体上,我们选择水平分布,达到 (1)用户名:+用户名填写框 (2)密码:+密码填写框 的效果

//在这其中添加控件

账号密码的文字表达和填写框我们需要用到 TextView:+EditText

//占1/3空间 //占2/3空间

效果展示: 用户名排列 密码行也类似操作:

//隐藏密码*****

完整效果: 基础布局 现在我们还缺记住账号密码的选项和登录按钮 记住账号密码我们需要用到CheckBox空间,这个控件的作用是单选 登录采用的就是最常用的Button (按钮)

现在我们就完成了初级登录界面的布局: 界面布局

展示账号密码

完成了界面是不够的,我们还要完成他的功能性,登录界面的功能是登录, 当然简单的使用跳转是可以完成登录的初步实现,但我们想要知道我们的账号密码信息是不是一致的,我们就要增加一个功能 在跳转页面展示我们的账号密码

我们要在MainActivity中对我们前面的空间进行定义和调用

buttonLogin.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { final EditText editTextUerName=findViewById(R.id.edit_userName); final EditText editTextPassword=findViewById(R.id.edit_password); String userName = editTextUerName.getText().toString(); String password = editTextPassword.getText().toString(); { Intent intent = new Intent(MainActivity.this, ServerActivit.class); intent.putExtra("userName", userName); intent.putExtra("password", password); startActivity(intent); }}});}

除此之外我们还要新建一个Activity来承载信息

TextView textView =findViewById(R.id.textData); Intent intent =getIntent(); String userName =intent.getStringExtra("userName"); String password =intent.getStringExtra("password"); textView.setText("登录数据:"+"用户名:"+userName+"密码:"+password); //文字输出用户名和密码

看看初步效果: 登录面 输出面 尝试一下无账号密码跳转: 空账号密码登录 到目前位置我们已经完成了登录见面的布局,任何账号密码均可登录跳转

正确的账号密码才能登录成功

这一步我们需要完成几个工作: (1)无账号密码不跳转,并提示:账号密码不能为空 (2)账号密码错误不跳转,并提示:账号密码错误 (3)正确的账号密码跳转,并在输出端展示账号密码

要完成这三个工作我们需要用到一条逻辑语句:

if(){} else if(){} else{}

我们要如何检测我们的账号密码是否为空能? 这条语句是关键:

TextUtils.isEmpty(editTextUerName.getText().toString()) || TextUtils.isEmpty(editTextPassword.getText().toString()) //TextUtils.isEmpty检测是否为空, || 采用或逻辑,全真为真

账号密码为空 那我们要怎样确定我们需要的账号密码了? 目前仅采用一个账号密码,后期我们学习了SQL数据库后,可采用导用数据库数据验证。

boolean name = userName.equals("CSDN"); //设置规定的账号 boolean pass = password.equals("12345678"); //设置规定的密码 //boolean 布尔型,在此处使用为读写数据

正确的账号密码

账号密码错误,只需要通过逻辑语句输出即可

else{ Toast.makeText(MainActivity.this, "用户名或者密码错误", Toast.LENGTH_SHORT).show(); }

账号密码错误

通过调整,我们完成了我们需要的功能,完整代码如下

Button buttonLogin=(Button) findViewById(R.id.login); buttonLogin.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { final EditText editTextUerName=findViewById(R.id.edit_userName); final EditText editTextPassword=findViewById(R.id.edit_password); String userName = editTextUerName.getText().toString(); boolean name = userName.equals("CSDN"); String password = editTextPassword.getText().toString(); boolean pass = password.equals("12345678"); if (TextUtils.isEmpty(editTextUerName.getText().toString()) || TextUtils.isEmpty(editTextPassword.getText().toString())) { Toast.makeText(MainActivity.this, "用户名或者密码不能为空", Toast.LENGTH_SHORT).show(); } else if (name&&pass) { Intent intent = new Intent(MainActivity.this, ServerActivit.class); intent.putExtra("userName", userName); intent.putExtra("password", password); startActivity(intent); } else{ Toast.makeText(MainActivity.this, "用户名或者密码错误", Toast.LENGTH_SHORT).show(); }}});}

到现在为止,我们所需要的界面、功能大部分都完成了,认真看到此处的同学, 应该会有一个疑问:那你的记住账号密码按钮有什么用呢? 对的,到目前为止,我们并没有用到这个单选按钮,他的逻辑作用,我们留到下次再讲,再会 大家关注一下秃头大学生好不好



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3