Android带浮动标签输入框布局实现异常问题求助

你遇到的问题是TextInputLayout的浮动标签始终停留在输入框上方，没有按照预期的逻辑浮动，核心原因是你给TextInputEditText设置了自定义android:background属性，打断了TextInputLayout与内部EditText的样式关联逻辑——TextInputLayout是依靠监听EditText的默认背景状态变化（比如获取焦点、输入内容）来触发标签浮动效果的。

下面是具体的解决方案：

核心修改思路 #

• 移除TextInputEditText的android:background属性，让它使用透明背景，避免覆盖系统默认的状态监听逻辑
• 将你自定义的圆角边框样式应用到TextInputLayout上，这样既保留了自定义外观，又不破坏浮动标签的触发机制

修改后的代码示例 #

1. 保留你的roundview.xml样式文件不变 #

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#ffffff"/>
            <corners android:radius="10dp" />
            <stroke android:width="2dp" android:color="#3bbdfa" />
        </shape>
    </item>
</selector>

2. 调整布局文件代码 #

<android.support.design.widget.TextInputLayout
    android:id="@+id/text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:errorEnabled="true"
    android:background="@drawable/roundview"
    android:padding="4dp"> <!-- 添加内边距，让EditText和边框之间保留合适间隙 -->

    <android.support.design.widget.TextInputEditText
        android:id="@+id/edittxt"
        android:layout_width="match_parent"
        android:layout_height="130dp"
        android:background="@android:color/transparent" <!-- 设置透明背景 -->
        android:fadeScrollbars="false"
        android:fadingEdge="vertical"
        android:hint="name"
        android:isScrollContainer="false"
        android:requiresFadingEdge="vertical"
        android:singleLine="false"
        android:visibility="visible" />

</android.support.design.widget.TextInputLayout>

额外优化建议 #

如果需要实现获取焦点时边框变色的交互效果，可以修改roundview.xml为带状态的选择器，示例如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 焦点状态下的样式 -->
    <item android:state_focused="true">
        <shape android:shape="rectangle">
            <solid android:color="#ffffff"/>
            <corners android:radius="10dp" />
            <stroke android:width="2dp" android:color="#1976d2" /> <!-- 深蓝色边框 -->
        </shape>
    </item>
    <!-- 默认状态样式 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#ffffff"/>
            <corners android:radius="10dp" />
            <stroke android:width="2dp" android:color="#3bbdfa" />
        </shape>
    </item>
</selector>

内容的提问来源于stack exchange，提问作者Muhammad Mahtab Ahmed