工具:Android Studio
activity_main.xml
<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout xmlns:android="/apk/res/android"xmlns:app="/apk/res-auto"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bg"tools:context=".MainActivity"><Buttonandroid: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" /><EditTextandroid: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="密码"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" /><EditTextandroid: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="QQ号/手机号/邮箱"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" /><Buttonandroid:id="@+id/button2"android:layout_width="wrap_content"android:layout_height="23dp"android:layout_marginLeft="42dp"android:layout_marginStart="42dp"android:layout_marginTop="8dp"android:background="@android:color/transparent"android:text="忘记密码?"android:textAllCaps="false"android:textColor="#0066FF"android:textSize="12sp"android:typeface="normal"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/button4" /><Buttonandroid:id="@+id/button3"android:layout_width="wrap_content"android:layout_height="23dp"android:layout_marginEnd="42dp"android:layout_marginRight="42dp"android:layout_marginTop="8dp"android:background="@android:color/transparent"android:text="新用户注册"android:textAllCaps="false"android:textColor="#0066FF"android:textSize="12sp"android:typeface="normal"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintTop_toBottomOf="@+id/button4" /></androidx.constraintlayout.widget.ConstraintLayout>
shape.xml
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="/apk/res/android"android:shape="rectangle"><solid android:color="#800066ff" /><corners android:radius="10dp" /></shape>
界面效果
如果觉得《制作QQ登录界面(UI版)》对你有帮助,请点赞、收藏,并留下你的观点哦!