我有一个布局,在TextInputLayouts中嵌套了几个TextInputEditText字段。我还有一个使用AutoCompleteTextView的下拉菜单,它也嵌套在TextInputLayout中。我在字段上使用自定义背景绘制来创建一个圆角字段。不幸的是,我一辈子都不知道如何摆脱AutoCompleteTextView周围的小轮廓。
使用TextInputEditText字段,我可以通过在其上设置背景来消除轮廓。在AutoCompleteTextView上这样做没有任何作用,我必须在父TextInputLayout上设置它才能看到背景。但是,大纲仍然存在。
我相信这与材料设计(及其风格?(有关,因为当你按下字段时,轮廓会变成橙色,这是styles.xml.中设置的应用程序主题的主要颜色
以下是所讨论的XML布局的相关片段。为了进行比较,第一部分是城市字段,第二部分是州字段:
<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。我尝试了这两种方法,并将它们设置为一个不可见的值,但它根本不会改变笔划。
以下是如何删除此大纲。
在TextInputLayout
XML代码中添加以下代码段:
app:boxStrokeWidth="0dp"