TextInputLayout 的概述文本字段

Question

我正在尝试使用 Outline Boarder 创建一个 TextInputLayout。但是，每当我使用以下样式时，应用程序都会出现故障（崩溃）。
在发布之前，我已经尝试了 stackoverflow 内外列出的所有解决方案，但到目前为止还没有解决问题。

style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

当前布局

<ScrollView...

    <LinearLayout
      android: layout_width = "200dp"
      android: layout_height = "wrap_content"
      android: orientation = "vertical"
      android: layout_marginTop = "2dp" >

    <com.google.android.material.textfield.TextInputLayout
       android: id = "@+id/outlinedTextField"
       android: layout_width = "match_parent"
       android: layout_height = "wrap_content"
       android: hint = "@string/label"
       style = "@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
       app: boxStrokeWidthFocused = "2dp"
       app: boxStrokeColor = "@color/border_primary" >

    <com.google.android.material.textfield.TextInputEditText
       android: layout_width = "match_parent"
       android: layout_height = "wrap_content" />
    
  </LinearLayout>

</ScrollView>

完整布局：

    <?xml version="1.0" encoding="utf-8"?>
    <ScrollView 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"
        tools:context=".user.userprofile.UserProfileFragment">
    
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
    
            <include layout="@layout/user_profile_header"/>
    
            <LinearLayout
                android:layout_width="200dp"
                android:layout_height="wrap_content"
                android:orientation="vertical">
    
                <com.google.android.material.textfield.TextInputLayout
                    android:id="@+id/outlinedTextField"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android: hint = "@string/label"
                    app:hintTextColor="@color/text_primary"
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                    app:boxStrokeWidthFocused="2dp"
                    app:hintTextColor="@color/text_primary"
                    app:boxStrokeColor="@color/border_primary">
    
                    <com.google.android.material.textfield.TextInputEditText
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"/>
    
            </LinearLayout>
    
        </LinearLayout>
    
    </ScrollView>

更多信息：当添加style 时，hint 失去焦点。也没有出现边框。

Answer 1

您需要检查几件事：

1. 确保您的 AppTheme 是 Theme.MaterialComponents（或后代）。

所以，你的 style.xml 应该是这样的

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.MaterialComponents">
         <!-- rest of your style items-->
    </style>
</resources>

1. 您在模块 gradle 文件中添加材料组件库

implementation 'com.google.android.material:material:1.2.0'

Answer 2

TextInputLayout 不是自闭合标签。 编辑您的代码并将TextInputEditText 包含在TextInputLayout..中。

<com.google.android.material.textfield.TextInputLayout
                    android:id="@+id/outlinedTextField"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android: hint = "@string/label"
                    app:hintTextColor="@color/text_primary"
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                    app:boxStrokeWidthFocused="2dp"
                    app:hintTextColor="@color/text_primary"
                    app:boxStrokeColor="@color/border_primary">
    
                    <com.google.android.material.textfield.TextInputEditText
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"/>
    </com.google.android.material.textfield.TextInputLayout>