android - Android TextInputLayout 和 TextInputEditText 带有轮廓边框并在轮廓框上方显示提示文本

Question

我在我的应用程序中使用 TextInputLayout 和 TextInputEditText 作为我的用户输入，但现在我们需要不同的设计，如下面的屏幕。我的意思是提示文本应该在轮廓框上方而不是轮廓边框内。我确实尝试了几种方法，但无法确定帮助我实现这种 UI 的确切属性或样式。

• 预期的用户界面：

• 当前用户界面：

• 款式：

    <style name="TextInputLayoutAppearance"parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">
         <item name="boxStrokeColor">@color/text_input_box_stroke_color</item>
         <item name="shapeAppearanceOverlay">
             @style/TextInputLayoutMaterialThemeRoundedShapeAppearanceOverlay
         </item>
         <item name="hintTextColor">@color/hint_color</item>
         <item name="android:textColorHint">@color/hint_text</item>
    </style>
    
    <style name="TextInputLayoutMaterialThemeRoundedShapeAppearanceOverlay" parent="">
         <item name="cornerFamily">rounded</item>
         <item name="cornerSize">@dimen/_8sdp</item>
    </style>
    

我不确定这是否可以通过样式实现，或者是否需要结合 TextView 和 TextInput 控件来开发自定义控件。

标签： androidandroid-layoutmaterial-components-androidandroid-textinputlayout