Android——登陆界面xml实现

原创

amingMM 2021-07-07 14:26:21 ©著作权

©著作权归作者所有：来自51CTO博客作者amingMM的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android——登陆界面xml实现_Android开发

布局文件—xml实现用户登录界面

注：
所建工程均为Android 6.0 所以只要是Android 6.0（包括6.0）
以上的真机，模拟机都可以使用

Step1：Android Studio 开发环境的搭建：
1.安装JDK (1.8)；
Android——登陆界面xml实现_Android开发_02
2.安装Android studio (3.3.1) 包含 gradle、sdk manage 、avd manage ；
3.使用sdk manage 下载安装 sdk；
4.使用avd manages 创建虚拟机

Step2: 新建工程项目
Android——登陆界面xml实现_Android开发_03

1.在res/layout/activity_main.xml中编写布局内容：

在drawable中添加shape.xml实现美化效果
shape.xml代码

 
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#800066ff" />
    <corners android:radius="10dp" />
</shape>

背景图保存到drawable中
Android——登陆界面xml实现_Android开发_04

添加背景和button
更改 button 初始样式

 <Button
        android:id="@+id/button4"
        android:layout_width="280dp"
        android:layout_height="32dp"
        android:layout_marginEnd="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="248dp"
        android:background="@drawable/shape"
        android:text="登陆"
        android:textColor="#ffffff"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Android——登陆界面xml实现_Android开发_07

自己调整和搭配好设计布局
添加两个 edittext

<EditText
        android:id="@+id/editText"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:ems="10"
        android:hint="xxxx"
        android:textColorHint="#ffffff"
        android:inputType="textPassword"
        android:textColor="#ffffff"
        android:selectAllOnFocus="false"
        android:singleLine="false"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editText3" />
 
    <EditText
        android:id="@+id/editText3"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="130dp"
        android:ems="10"
        android:hint="xxxx"
        android:textColorHint="#ffffff"
        android:textColor="#ffffff"
        android:inputType="textPersonName"
        android:textSize="18sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.503"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Android——登陆界面xml实现_Android开发_09