Android——登陆界面xml实现

---

QQ 1285575001
Wechat M010527
技术交流 QQ群599020441
纪年科技aming

---

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

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

Step1：Android Studio 开发环境的搭建：
1.安装JDK (1.8)；

2.安装Android studio (3.3.1) 包含 gradle、sdk manage 、avd manage ；
3.使用sdk manage 下载安装 sdk；
4.使用avd manages 创建虚拟机

Step2: 新建工程项目

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中

• 添加 背景和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" /> 

• 自己调整 和搭配好设计布局
• 添加两个 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" />
 

• 简单说明 自己搭配即可

去掉项目中页面顶部的项目名

处理方法：
将styls.xml里的