Android安卓登录页面

最新推荐文章于 2024-06-23 03:42:24 发布
最新推荐文章于 2024-06-23 03:42:24 发布
阅读量1.2k 收藏 15
点赞数 1
分类专栏： 移动开发 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40609008/article/details/120198682
版权

效果展示

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

先看看效果图吧

效果展示

项目地址

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

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

布局介绍

  1. 帧布局 framelayout
  2. 线性布局 LinearLayout
  3. 表格布局 TableLayout
  4. 相对布局 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">

    <!--欢迎处的表格布局   -->
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:gravity="center">

        <!--    欢迎字体-->

        <TextView
            android:gravity="center"
            android:text="欢迎登录"
            android:textColor="#B97E05"
            android:textSize="40dp"></TextView>
    </TableLayout>


    <!--    文本框的Ta布局-->
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:gravity="center">

        <!--        用户名-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="用户名："
                android:textColor="#B97E05" />

            <EditText
                android:id="@+id/usernameET"
                android:layout_width="200dp"
                android:layout_height="wrap_content" />

        </LinearLayout>

        <!--        密码-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="密     码："
                android:textColor="#B97E05" />

            <EditText
                android:id="@+id/passET"
                android:layout_width="200dp"
                android:layout_height="wrap_content"
                android:password="true" />

        </LinearLayout>
<!--        账号和密码提示-->
        <LinearLayout
            android:gravity="center">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="20dp"
                android:textColor="#BA0109"
                android:text="用户名是admin，密码是123"
                />
        </LinearLayout>
    </TableLayout>


    <!--    按钮的Tab布局-->
    <TableLayout
        android:layout_width="wrap_content"
        android:layout_height="200dp"
        android:gravity="center">
<!--        使用线性布局-->

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center">
            <Button
                android:id="@+id/loginButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background=" #F3DB26"
                android:text="登 录"
                android:textSize="18dp" />
            <Button
                android: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>

属性解析

  1. android:layout_width=“match_parent”：界面宽度，match_parent表示充满屏幕 这里是让宽度充满屏幕可以用行来理解
  2. android:layout_height=“match_parent” 界面高度。wrap_content表示根据内容来调节，这里是调节高度
  3. layout_marginLeft:界面左边外边距.
  4. gravity=“center”:内容居中
  5. android:layout_gravity=“center”:界面居中
  6. 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)
    @Override
    protected 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() {
            @Override
            public 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">

    <TextView
        android: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"/>

activity配置

我最爱吃鱼香茄子
关注
  • 1
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Android-登陆页面
weixin_63297081的博客
04-24 40
【代码】Android-登陆页面。
android模拟实现QQ登录界面
07-14
这个资源主要是使用Android模拟开发了一个QQ登录界面的小案例。 内容概要：了解基础Android组件的使用，以及shape和selector组件美化。 适合人群：初学Android开发的小萌新，可以利用这个小案例巩固Android基础控件...
安卓开发实战之登录界面跳转
07-18
实现一个简单的用户登录界面，功能如下： 1、默认不存储用户信息，默认隐藏密码。 2、能通过勾选框记住密码、显示密码，点击登录后实现页面跳转至主页面。 3、通过“登录”进入主界面，通过“退出”退出APP，主界面通过“返回”返回到登录页面 4、登录界面显示登录的用户名及当前用户的登录时间
Android实现简单的登陆页面（最新版2023详细图文教程
Alphamilk的博客
04-23 1万+
表示控件的宽度会根据其内部内容的宽度自适应调整，即控件的宽度由其内部的内容而定。则会让控件的宽度自适应其内部的内容宽度。同时，也可以通过设置具体的数值来控制控件的宽度，如。android:layout_gravity="center" --设置标签位置。android:textAlignment="center"--文字排列 居中。表示控件的宽度与其父容器的宽度相同，充满整个父容器；android:id="@+id/"--设置id。设置背景，可填入需要颜色的16进制。会让控件的宽度填充满父容器，而。
Android简单登录界面布局设计
最新发布
2401_85730018的博客
06-23 854
小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！资料⬅专栏获取t=“读书”
Android开发--实现Android登录注册页面（上）
Waterme10n的博客
01-22 4万+
Android开发之登录注册页面
Android安卓实战项目---登陆注册页面（源码在文末）
m0_63324772的博客
02-20 1万+
【代码】Android开发实战——登录注册页面。附源码
Android学习登录页面 - 第一天
qq_25757181的博客
07-27 651
第一步在app/res/layout/fragment_home.xml中实现登录页面。解决方案前期手动敲代码实现页面，不依赖于UIdesign功能，加深记忆和深入思考。b.拖拽对应的文本、输入框、按钮等到布局中，调整样式使得页面布局样式能好看一点。3.感觉页面实现有点low，有没有关于androidUI组件库。1.描述实现登录页面功能用户名、用户密码、登录按钮。1.Android页面加载逻辑及底层实现原理？附登录页面代码****手动敲的代码****2.页面事件注册及校验逻辑？...
Android实现注册登录界面的实例代码
08-27
Android 实现注册登录界面的实例代码 Android 是一款流行的移动操作系统，它提供了强大的开发环境和丰富的开发工具，使得开发者可以轻松地创建各种移动应用程序。其中，注册登录界面是一个非常重要的组件，它为用户...
Android实现简洁的APP登录界面
08-30
在Android开发中，创建一个简洁且用户友好的登录界面是至关重要的。这个界面不仅需要吸引用户的注意力，还要提供直观的输入方式，以便用户能够轻松地输入他们的用户名和密码。以下是如何在Android中实现这样一个登录...
Android登录界面的实现代码分享
09-01
在Android应用开发中，登录界面是用户接触应用的第一步，因此设计和实现一个好的登录界面至关重要。本篇文章将分享如何在Android中实现一个基础的登录界面，并提供相关的代码示例。 首先，登录界面通常包含用户名...
利用Android Studio实现登录界面
07-15
在Android开发中，创建一个登录界面是至关重要的一步，它为用户提供访问应用的入口。本文将详细介绍如何利用Android Studio 4.2.1版本来构建一个具有密码找回和验证码功能的登录界面。 首先，我们需要启动Android ...
Android学习（一）--用户登录注册界面（界面跳转+背景音乐）
qq_62250174的博客
02-20 8272
在登录界面可以实现5个功能：（1）登录界面的跳转（2）注册界面的跳转（3）退出功能（4）记住密码功能（5）背景音乐播放和停止功能界面跳转功能我使用的是intent实现activity与activity之间的跳转，可以直接按返回键返回到前一页，不需要自己添加按键监听代码实现，但需要在manifest注册activity。
安卓的登录怎么实现
xxpr_ybgg的博客
10-07 366
Activity 的 startActivity 方法源码的应该知道，它里面其实就是调用的 startActivityForResult(intent , -1) . 所以我们这里也来用一下它的写法。如果 等于 -1 ，那么就说明是有跳转目标 Activity 的，那么我们就通过 Intent.getComponent().getClassName() 来获取目标 Activity 的类名，再次添加到 Intent参数中，用于我们登录成功之后的后续跳转目标。
安卓实现用户登录——小白必备（二）
热门推荐
李平的博客
03-23 4万+
安卓实现用户登录- 知识点1、对于文件的存储和读取操作 知识点2、如何引用另一个文件 注意事项：文件名一定一定要按我的那个路径来/data/data/com.example.lianxi/inf.text，data/data不能少 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http
Android 实现用户登陆界面
WeiComp
04-16 6883
利用Android实现用户登陆界面，并设置对应监听事件
【安卓登录注册】
weixin_53644402的博客
12-06 568
Android开发 实现登录注册界面
Android很好看的登陆界面（包含详细代码）
m0_58941767的博客
06-29 7048
在这里给大家安利一下设计风格，这个组件库的里面的组件和Android原生的组件的设计风格几乎相同，只不过里面加了很多个性化的设置，可以根据自己的需求去自行设计样式，里面的组件的各种性质，几乎可以满足我们的日常需求，还没有使用过的Android开发小伙伴可以去尝试一下。
Android实现登录和注册
weixin_44456889的博客
07-03 1万+
由于在公司被安排到android开发的工作任务，而且以前没有接触过安卓开发，所以只能去摸索一下了。接下来是我分享给大家的一个学习过程中的小案例：android实现登录注册 先给大家上实现的效果图： 代码具体实现 我所使用的开发工具是Android Studio,下面展示的是我这个案例的结构图： 几个具体的Activity代码 package com.e.userinfo; import android.content.Intent; import android.os.Bundle; impo
android登录页面
01-12
以下是一个简单的Android登录页面的示例代码： 1. 首先，在布局文件中创建一个EditText用于输入用户名，一个EditText用于输入密码，一个Button用于提交登录信息。 ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <EditText android:id="@+id/et_username" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入用户名" /> <EditText android:id="@+id/et_password" android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="textPassword" android:hint="请输入密码" /> <Button android:id="@+id/btn_login" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="登录" /> </LinearLayout> ``` 2. 在LoginActivity.java中，找到布局文件中的控件，并为登录按钮设置点击事件。 ```java public class LoginActivity extends AppCompatActivity { private EditText etUsername; private EditText etPassword; private Button btnLogin; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_login); etUsername = findViewById(R.id.et_username); etPassword = findViewById(R.id.et_password); btnLogin = findViewById(R.id.btn_login); btnLogin.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String username = etUsername.getText().toString(); String password = etPassword.getText().toString(); // 在这里处理登录逻辑 } }); } } ``` 3. 在AndroidManifest.xml文件中注册LoginActivity。 ```xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.myapplication"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".LoginActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我最爱吃鱼香茄子

请小余喝瓶杯咖啡吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值