Android Material TextInputLayout endIcon 截断 MaterialAutoCompleteTextView 中的文字

Question

我有一些非常短的文本输入（比如只有 2 个数字字符），但使用 endIcon 会占用我的文本视图的一半，并且会切断并显示省略号。 我无法使 TextInputLayout 更宽，所以我如何在使用 endIconDrawable 时显示完整的 2 个字符（或更多）？

 <com.google.android.material.textfield.TextInputLayout style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense.ExposedDropdownMenu" android:layout_width="80dp" android:layout_marginEnd="8dp" android:layout_marginStart="8dp" android:layout_height="40dp" android:background="@drawable/text_input_assessment" app:boxStrokeWidth="0dp" app:boxStrokeWidthFocused="0dp" app:endIconDrawable="@drawable/ptx_down_arrow_android" app:endIconTint="@color/colorPtxDarkBlue"> <com.google.android.material.textfield.MaterialAutoCompleteTextView android:id="@+id/dropdownDay" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@null" android:fontFamily="@font/truenorg" android:textSize="15sp" app:autoSizeTextType="uniform" app:autoSizeMinTextSize="10sp" app:autoSizeMaxTextSize="15sp" app:autoSizeStepGranularity="1sp" android:inputType="none" android:maxLines="1" android:paddingTop="10dp" android:paddingBottom="10dp" android:singleLine="true" android:text="12" android:textAlignment="viewStart" android:textColor="@color/colorPtxDarkBlue" tools:ignore="LabelFor" /> </com.google.android.material.textfield.TextInputLayout>

Answer 1

这是一种解决方法，而不是最终解决方案。

您可以通过在android:drawablePadding中添加负值来减少文本和endIcon之间的填充。
就像是：

   <com.google.android.material.textfield.MaterialAutoCompleteTextView
        android:id="@+id/dropdownDay"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="8dp"
        android:paddingBottom="8dp"
        android:drawablePadding="-12dp"
        ../>

最后一点。 您不需要使用android:background="@drawable/text_input_assessment"来获得圆角。 只需在TextInputLayout中添加app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.Rounded" ：

  <style name="ShapeAppearanceOverlay.Rounded" parent="">
    <item name="cornerSize">50%</item>
  </style

Answer 2

你已经为它定义了一个样式

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

因此，上面的行将自动添加下拉图标。 我认为您需要删除此行

app:endIconDrawable="@drawable/ptx_down_arrow_android"

也许上面的行与默认图标重叠

然后，如果您想为drawable设置色调，只需创建一个自定义样式

<style name="CustomAutoCompleteLayout" parent="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense.ExposedDropdownMenu">
    <item name="endIconTint">@color/colorPtxDarkBlue</item>
</style>

如果你愿意，你可以添加这两行

style="@style/CustomAutoCompleteLayout"

android:theme="@style/CustomAutoCompleteLayout"

另外我建议您删除此行并将其添加到com.google.android.material.textfield.TextInputLayout中。

android:paddingTop="10dp"               
android:paddingBottom="10dp

Answer 3

好的，我刚刚在 2 小时后创建了这个，它对我来说效果很好..

样式.xml

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="backgroundTint">@android:color/white</item>
    <item name="colorPrimaryVariant">@color/colorPrimaryDark</item>
    <item name="colorOnPrimary">@color/white</item>
    <!-- Secondary brand color. -->
    <item name="colorSecondary">@color/colorSecondary</item>
    <item name="colorSecondaryVariant">@color/colorSecondaryVariant</item>
    <item name="colorOnSecondary">@color/white</item>
    <item name="android:textColor">@android:color/black</item>
    <item name="button_textcolor">@android:color/black</item>
    <item name="android:textColorPrimary">@android:color/black</item>
    <!-- Status bar color. -->
    <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
    <!-- Customize your theme here. -->
</style>

不要担心常量，例如@color/colorPrimary。 重要的是父主题。

请记住在 android_manifest.xml 中将其用作 AppTheme 的父主题，因为您已将 style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense.ExposedDropdownMenu 添加到 <com.google.android.material.textfield.TextInputLayout否则应用程序崩溃

parent="Theme.MaterialComponents.Light.NoActionBar">

然后将其添加到 styles.xml 中

<style name="AppTheme.MaterialTextInputExposed" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense.ExposedDropdownMenu">
    <item name="hintTextColor">@color/colorSecondary</item>
    <item name="boxStrokeColor">@color/colorSecondary</item>
    <item name="boxStrokeErrorColor">@android:color/holo_red_dark</item>
    <item name="errorTextColor">@android:color/holo_red_dark</item>
    <item name="boxStrokeWidth">@dimen/_2dp</item>
    <item name="boxCornerRadiusBottomEnd">@dimen/_6dp</item>
    <item name="boxCornerRadiusBottomStart">@dimen/_6dp</item>
    <item name="boxCornerRadiusTopStart">@dimen/_6dp</item>
    <item name="boxCornerRadiusTopEnd">@dimen/_6dp</item>
    <item name="colorControlActivated">@color/colorSecondary</item>
    <item name="android:textColor">@android:color/black</item>
    <item name="button_textcolor">@android:color/black</item>
    <item name="endIconTint">@color/spinner</item>
</style>

您现在可以修改您的 activity_main.xml

<com.google.android.material.textfield.TextInputLayout
                    android:id="@+id/choose_admission_mode"
                    style="@style/AppTheme.MaterialTextInputExposed"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/_10dp"
                    android:theme="@style/AppTheme.MaterialTextInputExposed"
                    app:hintEnabled="true"
                    app:layout_constraintBottom_toTopOf="@id/choose_faculty"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@id/choose_program">

                    <AutoCompleteTextView
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:gravity="start"
                        android:imeOptions="actionNext"
                        android:inputType="text"
                        android:textSize="@dimen/_18sp" 

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

我更改了以下行，但没有必要。 您只需要小心填充并记住 @dimen/_6dp 的值为 6dp 而@dimen/_2dp 的值为 2dp

<com.google.android.material.textfield.MaterialAutoCompleteTextView

至

<AutoCompleteTextView