如何從 AutoCompleteTextView 中刪除大綱？

Question

我有一個嵌套在 TextInputLayouts 中的幾個 TextInputEditText 字段的布局。 我還有一個使用 AutoCompleteTextView 的下拉菜單，它也嵌套在 TextInputLayout 中。 我在字段上使用自定義背景可繪制來創建圓形字段。 不幸的是，我一生都無法弄清楚如何擺脫AutoCompleteTextView 周圍的小輪廓。

使用 TextInputEditText 字段，我可以通過設置背景來消除輪廓。 在 AutoCompleteTextView 上執行此操作無濟於事，我必須在父 TextInputLayout 上設置它才能看到背景。 但是，輪廓仍然存在。

我相信這與材料設計（及其樣式？）有關，因為當您按下該字段時，輪廓變為橙色，這是我們在 styles.xml 中設置的應用程序主題的主要顏色。

這是相關 XML 布局的相關片段。 為了比較，第一部分是city字段，第二部分是state字段：

    <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>

我相信這里的關鍵在於風格和主題。 以下是此代碼段中使用的自定義樣式和主題：

    <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>

和可繪制的：

    <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 代碼中添加以下代碼段：

app:boxStrokeWidth="0dp"