- 效果图
- 资源引入
implementation 'com.google.android.material:material:1.4.0'
- 属性
TextInputLayout 属性 | 描述 |
---|
android:id | 控件id |
android:layout_width | 控件长度 |
android:layout_height | 控件高度 |
app:boxBackgroundColor | 控件背景颜色 |
app:boxBackgroundMode | 控件模式 |
app:boxStrokeColor | 控件边框颜色 |
app:boxStrokeWidth | 控件边框线宽度 |
app:hintTextColor | 控件提示语颜色 |
app:passwordToggleEnabled | 显示隐藏输入框密码 |
TextInputEditText 属性 | 描述 |
---|
android:id | 控件id |
android:layout_width | 控件长度 |
android:layout_height | 控件高度 |
android:inputType | 输入框类型 |
android:maxLines | 输入框行数 |
- 源代码
xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:orientation="vertical"
tools:context=".ui.AdminLoginActivity">
<LinearLayout
android:layout_width="@dimen/dp_480"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="@dimen/dp_100"
android:orientation="vertical">
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/text_input_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:boxBackgroundColor="@color/white"
app:boxBackgroundMode="outline"
app:boxStrokeColor="@color/c_3c3c3c"
app:boxStrokeWidth="@dimen/dp_1"
app:hintTextColor="@color/c_3c3c3c">
<com.google.android.material.textfield.TextInputEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入账号"
android:maxLines="1" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/dp_20"
app:boxBackgroundColor="@color/white"
app:boxBackgroundMode="outline"
app:boxStrokeColor="@color/c_3c3c3c"
app:boxStrokeWidth="@dimen/dp_1"
app:hintTextColor="@color/c_3c3c3c"
app:passwordToggleEnabled="true">
<com.google.android.material.textfield.TextInputEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入密码"
android:inputType="textPassword"
android:maxLines="1" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.button.MaterialButton
android:id="@+id/btn_login"
android:layout_width="match_parent"
android:layout_height="@dimen/dp_86"
android:layout_gravity="center"
android:layout_marginTop="@dimen/dp_50"
android:textSize="@dimen/sp_24"
android:text="登录" />
</LinearLayout>
</RelativeLayout>