效果展示

虽然说以前学了点，但是还是是个菜鸡。现在又来学一哈，hhh。Java大法好

先看看效果图吧

项目地址

百度云：链接：https://pan.baidu.com/s/1Zq7Voo-KW6_AkZIqdgap4g 提取码：u0ze

蓝凑云：https://yxqz.lanzoui.com/ilpyWgqpene

布局介绍

帧布局 framelayout
线性布局 LinearLayout
表格布局 TableLayout
相对布局 RelativeLayout

帧布局

可以理解为相框，里面的视图就是照片

默认在左上角
后方的视图会往上叠加，从而覆盖之前的视图

线性布局

像一个需要按顺序排放的展柜
可以规定线性布局是按竖直和横向排列

表格布局

由行和列构成
将视图放在行和列组成的单元格里

相对布局

一种很灵活的布局方式
放入的视图位置可以根据已有视图的相对位置确定
默认的Android布局

图片位置

在app下的res下的drawable下面

登录页面

登录界面(activity_main.xml)

使用了表格布局，还有线性布局，纯手打。hhh。拖动我英语不行，懒得汉化了。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/shoujibizhi"tools:context=".MainActivity"><!--欢迎处的表格布局   --><TableLayoutandroid:layout_width="match_parent"android:layout_height="200dp"android:gravity="center"><!--    欢迎字体--><TextViewandroid:gravity="center"android:text="欢迎登录"android:textColor="#B97E05"android:textSize="40dp"></TextView></TableLayout><!--    文本框的Ta布局--><TableLayoutandroid:layout_width="match_parent"android:layout_height="200dp"android:gravity="center"><!--        用户名--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="用户名："android:textColor="#B97E05" /><EditTextandroid:id="@+id/usernameET"android:layout_width="200dp"android:layout_height="wrap_content" /></LinearLayout><!--        密码--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="密     码："android:textColor="#B97E05" /><EditTextandroid:id="@+id/passET"android:layout_width="200dp"android:layout_height="wrap_content"android:password="true" /></LinearLayout>
<!--        账号和密码提示--><LinearLayoutandroid:gravity="center"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="20dp"android:textColor="#BA0109"android:text="用户名是admin，密码是123"/></LinearLayout></TableLayout><!--    按钮的Tab布局--><TableLayoutandroid:layout_width="wrap_content"android:layout_height="200dp"android:gravity="center">
<!--        使用线性布局--><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:gravity="center"><Buttonandroid:id="@+id/loginButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background=" #F3DB26"android:text="登 录"android:textSize="18dp" /><Buttonandroid:id="@+id/zcButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="100dp"android:background=" #F3B2"android:text="注册"android:textSize="18dp" /></LinearLayout></TableLayout></TableLayout>

属性解析

android:layout_width=“match_parent”：界面宽度，match_parent表示充满屏幕这里是让宽度充满屏幕可以用行来理解
android:layout_height=“match_parent” 界面高度。wrap_content表示根据内容来调节，这里是调节高度
layout_marginLeft:界面左边外边距.
gravity=“center”:内容居中
android:layout_gravity=“center”:界面居中
android:password=“true”:密码属性

逻辑代码（MainActivity.java）

package com.yq.text;
import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.content.pm.ActivityInfo;
import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;public class MainActivity extends AppCompatActivity {private Button lgButton, zcButton;private EditText usernameText, passText;@RequiresApi(api = Build.VERSION_CODES.M)@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate( savedInstanceState );
//        设置页面布局 ,main界面setContentView( R.layout.activity_main );//设置此界面为竖屏setRequestedOrientation( ActivityInfo.SCREEN_ORIENTATION_PORTRAIT );
//       初始化方法init();}@RequiresApi(api = Build.VERSION_CODES.M)private void init() {//从main.xml 页面布局中获取对应的UI控件lgButton = (Button) findViewById( R.id.loginButton );zcButton = (Button) findViewById( R.id.zcButton );usernameText = (EditText) findViewById( R.id.usernameET );passText = (EditText) findViewById( R.id.passET );
// 注册按钮监听zcButton.setOnClickListener( new OnClickListener() {//注册按钮实现事件public void onClick(View v) {Toast.makeText( MainActivity.this, "老师没说做这个", Toast.LENGTH_SHORT ).show();}} );//登录按钮的点击事件lgButton.setOnClickListener( new OnClickListener() {@Overridepublic void onClick(View v) {//非空if ("".equals( usernameText.getText().toString() ) == true ||"".equals( passText.getText().toString() ) == true) {Toast.makeText( MainActivity.this, "没有输入账号或者密码~~~", Toast.LENGTH_SHORT ).show();// 逻辑判断} else if ("admin".equals( usernameText.getText().toString() ) == true &&"123".equals( passText.getText().toString() ) == true) {//提示用户名Toast.makeText(MainActivity.this, "欢迎你："+usernameText.getText().toString(), Toast.LENGTH_SHORT).show();//创建登录成功界面对象Intent intent = new Intent( MainActivity.this, LoginSourcess.class );startActivity( intent );//打开界面MainActivity.this.finish();//终结登录界面}else{//输入要错误提示Toast.makeText(MainActivity.this, "请不要乱输入", Toast.LENGTH_SHORT).show();}}} );}
}

登录成功的页面

成功页面(loginsoucess.xml)

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/shouj"tools:context=".MainActivity"><TextViewandroid:textSize="100dp"android:text="登录成功"/>
</TableLayout>

逻辑代码(LoginSourcess.java)

package com.yq.text;import android.content.pm.ActivityInfo;
import android.os.Bundle;import androidx.appcompat.app.AppCompatActivity;public class LoginSourcess extends AppCompatActivity {protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
//        设置页面布局setContentView(R.layout.loginsoucess);//设置此界面为竖屏setRequestedOrientation( ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);}
}

页面配置

这里是很多人忘记配置的地方，也是做跳转的时候，会报一个页面无法打开的异常

找到app下的manifests文件夹里的AndroidManifest.xml文件

在application标签下添加新建的登录成功页面.这里是通过调用java文件来对页面进行操作。

        <activity android:name=".LoginSourcess"/>

Android安卓登录页面相关推荐

Android注册登录页面
Android注册登录页面需求分析项目目录 .java domain JsonBean.java UserInfo.java utils GetJsonDataUtil.java Login.j ...
Android微信登录页面实现
利用Android实现微信手机端的登录页面,对于登录的输入做了一些的条件限制诸如,非空,长度限制等: 效果图如下: xml文件代码: <?xml version="1.0" ...
Android:基础控件按键文本框输入框制作登录页面
基础控件之Button,TextView,EditText,ImageView Button:按键 TextView:文本框 EditText:输入框 ImageView:图片那我们新建一个工程研究 ...
android自动登录简书,安卓实现用户登录界面
这个是我们社团的作业,本人大一,也是刚刚接触安卓,很多东西都很陌生,不懂得问我们的学长,学长觉得问题太简单了不予回答O__O "-然而很多细节困扰了我很久,去网上找方法也费了好多的冤枉时间, ...
android开发我的新浪微博客户端-登录页面UI篇(4.1)
首先回顾一下功能流程当用户开启软件显示载入页面时程序首先去sqlite库查询是否已经保存有用户的新浪微博的UserID号.Access Token.Access Secret的记录如果没有一条记录那么 ...
【Android应用开发之前端——简易App登录页面】
1.完成登录页面布局各家App的登录页面大同小异,要么是用户名和密码组合登录,要么是手机号和验证码组合登录.如果要做的更好一点,就要提供忘记密码与记住密码等功能.我们的App登录项目把这些功能综合一 ...
Android 简易QQ登录页面
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=&q ...
android 登陆界面动画,【Android开发】动画登录页面
心得感悟这个Demo对我还是比较有难度的,花了好久去理解.因为动画比较有趣,所以想自己改改样式,也有助于自己的理解.这是进入Android开发学习第六天了,每天的学习都是懂了很多,却还有很多不懂,还 ...
Android开发实现简单QQ登录页面
Android开发实现极为简单的QQ登录页面设计一个简单QQ登录页面,无任何功能.然后打包安装到手机. 1.首先创建一个空白页面 2.打开样式设计的页面在activity_main.xml中写入代 ...

Android安卓登录页面