如何从 AutoCompleteTextView 中删除大纲？

Question

我有一个布局，其中有几个 TextInputEditText 字段嵌套在 TextInputLayouts 中。我还有一个使用 AutoCompleteTextView 的下拉菜单，它也嵌套在 TextInputLayout 中。我在字段上使用自定义背景可绘制来创建圆形字段。不幸的是，我终生无法弄清楚如何摆脱the little outline around the AutoCompleteTextView。

使用 TextInputEditText 字段，我可以通过设置背景来消除轮廓。在 AutoCompleteTextView 上执行此操作无济于事，我必须在父 TextInputLayout 上设置它才能看到背景。但是，轮廓仍然存在。

我相信这与材料设计（及其样式？）有关，因为当您按下该字段时，轮廓变为橙色，这是我们应用程序主题中的原色，如样式.xml 中设置的那样。

这是相关 XML 布局的相关 sn-p。为了比较，第一部分是城市字段，第二部分是州字段：

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/input_city"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:visibility="@{viewModel.addDevice.isFinishedWithSettings ? View.INVISIBLE : View.VISIBLE}"
        app:endIconMode="clear_text"
        app:hintEnabled="false"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/input_apartment">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/input_city_edit_text"
            style="@style/AppFont500.DarkGrey.EditTextHint"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingStart="25dp"
            android:paddingEnd="25dp"
            android:paddingLeft="25dp"
            android:paddingRight="25dp"
            android:visibility="@{viewModel.addDevice.isFinishedWithSettings ? View.INVISIBLE : View.VISIBLE}"
            android:imeOptions="actionDone"
            android:inputType="number"
            android:text="@={viewModel.addDevice.city}"
            android:hint="@string/hint_city"
            android:background="@drawable/rounded_edittext_states"
            />

    </com.google.android.material.textfield.TextInputLayout>

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/input_state"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:visibility="@{viewModel.addDevice.isFinishedWithSettings ? View.INVISIBLE : View.VISIBLE}"
        app:endIconMode="dropdown_menu"
        app:hintEnabled="false"
        app:layout_constraintEnd_toStartOf="@id/input_zip_code"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/input_city"
        android:background="@drawable/rounded_edittext_states"
        >

        <AutoCompleteTextView
            android:id="@+id/input_state_edit_text"
            style="@style/AppFont500.DarkGrey.EditTextHint"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingStart="25dp"
            android:paddingEnd="25dp"
            android:paddingLeft="25dp"
            android:paddingRight="25dp"
            android:layout_marginEnd="4dp"
            android:visibility="@{viewModel.addDevice.isFinishedWithSettings ? View.INVISIBLE : View.VISIBLE}"
            android:imeOptions="actionDone"
            android:inputType="none"
            android:text="@={viewModel.addDevice.state}"
            android:hint="@string/hint_state"
            />

    </com.google.android.material.textfield.TextInputLayout>

我相信这里的关键在于风格和主题。以下是此 sn-p 中使用的自定义样式和主题：

    <style name="AppMaterialTheme" parent="@style/Theme.MaterialComponents.Light.NoActionBar">
        <item name="colorPrimary">@color/primaryOrange</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowActionBar">false</item>
        <item name="android:windowFullscreen">true</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>
    <style name="AppFont500">
        <item name="fontFamily">@font/poppins_medium_500</item>
    </style>    

    <style name="AppFont500.DarkGrey">
        <item name="android:textColor">@color/secondaryDarkGrey</item>
    </style>    

    <style name="AppFont500.DarkGrey.EditTextHint">
        <item name="android:textSize">16sp</item>
    </style>

背景来自这个选择器。它以前有更多的项目，但现在只有一个：

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item
        android:state_enabled="true"
        android:drawable="@drawable/rounded_edittext" />
    </selector>

还有drawable：

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"
android:padding="10dp">

        <solid android:color="#FFFFFF" />
    <corners
    android:radius="30dp" />
    </shape>

主要是，我在与编辑文本周围的轮廓相关的问题中看到的是编辑笔画或 boxStroke。我尝试了两者并将它们设置为一个不可见的值，但它根本不会改变笔画。

Answer 1

这是删除此轮廓的方法。

在您的TextInputLayout XML 代码中添加以下 sn-p：

app:boxStrokeWidth="0dp"