如何从TextInputLayout或TextInputEditText中删除下划线
TextInputLayout 和 TextInputEditText 是 Android 开发中常用的组件，用于创建具有浮动标签效果的输入框。默认情况下，TextInputEditText 会有一个底部的下划线，这是其样式的一部分。如果你想要移除这个下划线，可以通过以下几种方法实现：
方法一：使用自定义样式
- 创建自定义样式：
在你的
res/values/styles.xml文件中创建一个新的样式，继承自Widget.MaterialComponents.TextInputLayout，并设置boxStrokeWidth为 0。 - 创建自定义样式：
在你的
res/values/styles.xml文件中创建一个新的样式，继承自Widget.MaterialComponents.TextInputLayout，并设置boxStrokeWidth为 0。 - 应用自定义样式：
在你的布局文件中，将
TextInputLayout的style属性设置为刚刚创建的自定义样式。 - 应用自定义样式：
在你的布局文件中，将
TextInputLayout的style属性设置为刚刚创建的自定义样式。
方法二：使用 app:boxStrokeWidth 属性
你也可以直接在布局文件中设置 app:boxStrokeWidth 属性为 0。
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/textInputLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:boxStrokeWidth="0dp">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/textInputEditText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Enter text" />
</com.google.android.material.textfield.TextInputLayout>方法三：使用 android:background 属性
另一种方法是直接在 TextInputEditText 上设置 android:background 属性为 @null。
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/textInputLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/textInputEditText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Enter text"
android:background="@null" />
</com.google.android.material.textfield.TextInputLayout>注意事项
- 使用
android:background="@null"可能会影响其他样式属性，因此建议优先使用前两种方法。 - 确保你的项目中已经引入了 Material Components 库。
implementation 'com.google.android.material:material:1.4.0' // 请使用最新版本通过以上方法，你可以有效地移除 TextInputLayout 或 TextInputEditText 中的下划线。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
