使用material3实现Android登录布局
时间: 2023-06-16 19:06:08 浏览: 237
Material 3 是 Google 最新推出的 Material Design UI 组件库。以下是一个简单的 Android 登录布局的 Material 3 实现示例:
首先,在项目的 build.gradle 文件中添加以下依赖项:
```groovy
dependencies {
implementation 'com.google.android.material:material:1.5.0-alpha02'
}
```
然后,在布局文件中添加以下代码:
```xml
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Email"
app:helperText="Enter your email address"
app:startIconDrawable="@drawable/ic_email">
<com.google.android.material.textfield.TextInputEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textEmailAddress" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Password"
app:helperText="Enter your password"
app:startIconDrawable="@drawable/ic_password"
app:endIconDrawable="@drawable/ic_visibility_off"
app:endIconMode="password_toggle">
<com.google.android.material.textfield.TextInputEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.button.MaterialButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="LOGIN" />
```
这里使用了 TextInputLayout 和 TextInputEditText 来创建输入框,以及 MaterialButton 来创建登录按钮。
最后,可以自定义 startIconDrawable、endIconDrawable、helperText 等属性来美化布局。
这是一个基本的 Material 3 登录布局实现,你可以根据自己的需求进行修改和扩展。
阅读全文