Android基础（三）Layout

目录

问题描述

①手机号实现代码

②请输入手机号实现代码

③验证码实现代码

④请输入验证码实现代码

⑤获取验证码实现代码

⑥开始实现代码

运行结果

---

工具：Android Studio

问题描述

用ConstrainLayout实现验证码发送界面(结合design和code模式进行UI界面开发)。

【所有代码均在layout_test.xml文件中】 

①手机号实现代码

<TextView

    android:id="@+id/textView2"

    android:layout_width="wrap_content"

    android:layout_height="40dp"

    android:layout_marginStart="8dp"

    android:layout_marginTop="8dp"

    android:gravity="center"

    android:text="手机号"

    android:textSize="20dp"

    app:layout_constraintStart_toStartOf="parent"

    app:layout_constraintTop_toTopOf="parent"

    tools:ignore="MissingConstraints" />     

②请输入手机号实现代码

<EditText

    android:id="@+id/editTextText"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:ems="10"

    android:inputType="textPersonName"

    android:hint="请输入手机号"

    tools:ignore="MissingConstraints"

    tools:layout_editor_absoluteX="77dp"

    tools:layout_editor_absoluteY="8dp" />

③验证码实现代码

<TextView

    android:id="@+id/textView3"

    android:layout_width="wrap_content"

    android:layout_height="40dp"

    android:layout_marginTop="8dp"

    android:gravity="center"

    android:text="验证码"

    android:textSize="20dp"

    app:layout_constraintTop_toBottomOf="@+id/textView2"

    tools:ignore="MissingConstraints"

    tools:layout_editor_absoluteX="8dp" />

④请输入验证码实现代码

<EditText

    android:id="@+id/editTextText2"

    android:layout_width="136dp"

    android:layout_height="42dp"

    android:ems="10"

    android:inputType="textPersonName"

    android:hint="请输入验证码"

    tools:ignore="MissingConstraints"

    tools:layout_editor_absoluteX="77dp"

    tools:layout_editor_absoluteY="56dp" />

⑤获取验证码实现代码

<Button

    android:id="@+id/button3"

    android:layout_width="121dp"

    android:layout_height="38dp"

    android:text="获取验证码"

    tools:ignore="MissingConstraints"

    tools:layout_editor_absoluteX="251dp"

    tools:layout_editor_absoluteY="67dp" />

⑥开始实现代码

<Button

    android:id="@+id/button"

    android:layout_width="318dp"

    android:layout_height="50dp"

    android:text="开始"

    app:layout_constraintEnd_toEndOf="parent"

    app:layout_constraintHorizontal_bias="0.494"

    app:layout_constraintStart_toStartOf="parent"

    tools:ignore="MissingConstraints"

    tools:layout_editor_absoluteY="120dp" />

运行结果