[Android学习] 1. 简易登录界面设计

最新推荐文章于 2024-08-29 08:15:00 发布

爱学习的阿昕

最新推荐文章于 2024-08-29 08:15:00 发布

阅读量9.8k

点赞数 16

分类专栏： Android学习文章标签：学习 android java

本文链接：https://blog.csdn.net/qq_43542689/article/details/126921209

版权

本文记录了使用Constraint布局设计一个Android登录界面的过程，包括预期设计、实现细节和解决问题的方法。通过EditText创建输入框，Button实现登录、注册、忘记密码功能，并对界面元素的样式进行了调整。

摘要由CSDN通过智能技术生成

通过对活动及控件的学习，今天制作一个简易登录界面。简要记录一下操作过程、遇到的问题及学到的经验，希望各位老师多多提出问题不吝赐教！

预期设计效果图

设计要求：

1.布局不限，参考上图；

2.利用EditText制作输入框，有语言提示；

3.登录注册忘记密码有跳转；

4.账号密码写死，登陆成功，密码错误用Toast or Dialog进行提示；

设计思路：

本次不使用Linear布局而采用更加可视化的Constraint布局，利用TextView作为标题文本框；两个EditText作为账号密码的输入框；三个Button按钮分别作为登录，注册，忘记密码；

设计代码：

//--------------------主活动布局段代码---------------------------//
<?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"
    android:background="@drawable/background"                  
    tools:context=".MainActivity">
    //------------------TextView：welcome----------------//
    <TextView
        android:id="@+id/textView"
        android:layout_width="285dp"
        android:layout_height="64dp"
        android:gravity="center"
        android:text="W E L C O M E"
        android:textSize="35dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.124" />
    
    //-----------------EditText:UserName-------------------//
    <EditText
        android:id="@+id/Edit_account"
        andro