logo标签列表

为什么我的TextInputLayout的外边框框不显示？

androidandroid-dialogfragment
4

我希望将我的编辑文本框用一个轮廓框包裹起来，因此我正在使用TextInputLayout，但是当我将我的对话框设置为全屏时，轮廓框不会出现。

我发现问题是因为我使用了以下代码将“作业对话框”设置为全屏：

   setStyle(STYLE_NO_TITLE,R.style.DialogHomework);

这是我的作业对话框XML：

  <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:theme="@style/AppTheme"
android:fitsSystemWindows="true"
style="@android:style/Theme.NoTitleBar.Fullscreen"
xmlns:app="http://schemas.android.com/apk/res-auto">

<Button
    android:id="@+id/cancelHomework"
    android:layout_width="0dp"
    android:layout_height="40dp"
    android:layout_marginStart="50dp"
    android:layout_marginLeft="50dp"
    android:layout_marginTop="24dp"
    android:layout_marginEnd="50dp"
    android:layout_marginRight="50dp"
    android:layout_marginBottom="24dp"
    android:background="@drawable/circle_button"
    android:text="Cancel"
    android:textColor="@color/colorPrimaryDark"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/addHomework" />

<android.support.design.widget.TextInputLayout

    android:id="@+id/hw_dialog_title_layout"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="@dimen/hw_dialog_title_margin_start"
    android:layout_marginLeft="@dimen/hw_dialog_title_margin_start"
    android:layout_marginTop="@dimen/hw_dialog_title_margin_top"
    android:layout_marginEnd="@dimen/hw_dialog_title_margin_end"
    android:layout_marginRight="@dimen/hw_dialog_title_margin_end"
    app:boxBackgroundColor="@android:color/transparent"
    app:boxBackgroundMode="outline"
    app:boxCornerRadiusBottomEnd="8dp"
    app:boxCornerRadiusBottomStart="8dp"
    app:boxCornerRadiusTopEnd="8dp"
    app:boxCornerRadiusTopStart="8dp"
    app:boxStrokeColor="@color/colorPrimaryDark"
    app:boxStrokeWidth="8dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/hw_dialog_material">

    <EditText
        android:id="@+id/hw_dialog_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:ems="10"
        android:inputType="textPersonName"
        android:hint="@string/hw_dialog_title_hint"
        android:textColor="@color/colorPrimary" />
</android.support.design.widget.TextInputLayout>
<Spinner
    android:id="@+id/hw_dialog_material"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="@dimen/hw_dialog_material_margin_start"
    android:layout_marginLeft="@dimen/hw_dialog_material_margin_start"
    android:layout_marginTop="@dimen/hw_dialog_material_margin_top"
    android:layout_marginEnd="@dimen/hw_dialog_material_margin_end"
    android:layout_marginRight="@dimen/hw_dialog_material_margin_end"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<android.support.design.widget.TextInputLayout
    android:id="@+id/hw_dialog_homework_layout"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginStart="@dimen/hw_dialog_homework_margin_start"
    android:layout_marginLeft="@dimen/hw_dialog_homework_margin_start"
    android:layout_marginTop="@dimen/hw_dialog_homework_margin_top"
    android:layout_marginEnd="@dimen/hw_dialog_homework_margin_end"
    android:layout_marginRight="@dimen/hw_dialog_homework_margin_end"
    android:layout_marginBottom="@dimen/hw_dialog_homework_margin_bottom"
    android:gravity="top"
    app:boxBackgroundColor="@android:color/transparent"
    app:boxBackgroundMode="outline"
    app:boxCornerRadiusBottomEnd="8dp"
    app:boxCornerRadiusBottomStart="8dp"
    app:boxCornerRadiusTopEnd="8dp"
    app:boxCornerRadiusTopStart="8dp"
    app:boxStrokeColor="@color/primaryDark2"
    app:boxStrokeWidth="100dp"
    app:layout_constraintBottom_toTopOf="@+id/addHomework"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/hw_dialog_title_layout">

    <EditText
        android:id="@+id/hw_dialog_homework"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:ems="10"
        android:gravity="top"
        android:hint="@string/homework_hint"
        android:inputType="textMultiLine" />
</android.support.design.widget.TextInputLayout>
<include

    android:id="@+id/toolBar"
    layout="@layout/toolbar"

    />

<Button
    android:id="@+id/addHomework"
    android:layout_width="0dp"
    android:layout_height="40dp"
    android:layout_marginStart="50dp"
    android:layout_marginLeft="50dp"
    android:layout_marginEnd="50dp"
    android:layout_marginRight="50dp"
    android:layout_marginBottom="50dp"
    android:background="@drawable/circle_button"
    android:text="@string/add"
    android:textColor="@color/colorPrimaryDark"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent" />

我的作业对话框代码：
  public class newHomeWork extends DialogFragment {
@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setStyle(STYLE_NO_TITLE,R.style.DialogHomework);
}

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View dialog = inflater.inflate(R.layout.homework_dialog,container,false);
    Toolbar toolbar = dialog.findViewById(R.id.toolBar);
    toolbar.setTitleTextColor(getResources().getColor(R.color.colorPrimaryDark));
    TextView textView =toolbar.findViewById(R.id.homeworkDialogTitle);
    textView.setText("Add homework");
    Button add = dialog.findViewById(R.id.addHomework);
    Button cancel = dialog.findViewById(R.id.cancelHomework);
    add.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {


        }
    });
    cancel.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            dismiss();
        }
    });


    return dialog;
}

@NonNull
@Override
public Dialog onCreateDialog(@Nullable Bundle savedInstanceState) {

    Dialog dialog =  super.onCreateDialog(savedInstanceState);


    return dialog;
}

@Override
public void onStart() {
    super.onStart();

}
}

我的DialogHomeWork样式：

 <style name="DialogHomework" parent="Theme.AppCompat.Dialog">
    <item name="windowNoTitle">true</item>
    <item name="android:windowIsFloating">false</item>
    <item name="android:windowFullscreen">false</item>
    <item name="android:windowBackground">@color/colorPrimary</item>
    <item name="android:background">@color/colorPrimary</item>


</style>

展示效果:

期望效果:

你有关于 EditText 控件外观的可视化展示吗？如果有，请提供链接或图片。 - Mayur Gajra
@MayurGajra 我已经编辑过了。 - moumenShobakey
4个回答
4
您可以为TextInputLayout设置样式：
Widget.MaterialComponents.TextInputLayout.OutlinedBox
这个应该可以满足您的需求。
简单示例：
<com.google.android.material.textfield.TextInputLayout
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Test me">

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

</com.google.android.material.textfield.TextInputLayout>
1
它确实用一个轮廓框包裹了布局，但是这个框并没有真正地调整，我认为这是因为它与其正常的框重叠了，不管怎样，谢谢你的回答，我很感激。 - moumenShobakey
你知道如何在对话框样式中覆盖textInputLayout样式吗？ - moumenShobakey
@moumenShobakey 我认为你可以使用<item name="editTextStyle">@style/EditTextDefault</item>。 - sunlover3
1
我试过了 :/ ，没关系，我会使用 backGroundMode = "filled"。非常感谢。 - moumenShobakey
1

将styles.xml中的Theme.AppCompat.Light.NoActionBar更改为Theme.MaterialComponents.Light.NoActionBar

0
除了其他建议之外，为了解决从TextInputEditText到带有OutlinedBox的TextInputLayout的分心问题，我将可绘制形状作为背景并将宽度设置为0dp（之前是受限制的）：
之前：
     <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/nameEdit"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="16dp"
        app:hintEnabled="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/nameTextView">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/nameEditInput"

            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="@drawable/rounded_edittext"

            android:hint="@string/profile_user_data_name_placeholder_textfield"
            android:inputType="textPersonName|textCapWords"
            android:padding="15dp"
            android:paddingStart="10dp"
            android:textColorHint="@color/hint_color"
            android:textCursorDrawable="@drawable/cursor_color"
            tools:ignore="RtlSymmetry" />
    </com.google.android.material.textfield.TextInputLayout>

已修复：

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/nameEdit"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="16dp"
        app:hintEnabled="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/nameTextView">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/nameEditInput"

            android:layout_width="match_parent"
            android:layout_height="wrap_content"

            android:hint="@string/profile_user_data_name_placeholder_textfield"
            android:inputType="textPersonName|textCapWords"
            android:padding="15dp"
            android:paddingStart="10dp"
            android:textColorHint="@color/hint_color"
            android:textCursorDrawable="@drawable/cursor_color"
            tools:ignore="RtlSymmetry" />
    </com.google.android.material.textfield.TextInputLayout>
0

只需删除任何与背景颜色相关的命令，如下所示：

app:boxBackgroundColor="@android:color/transparent"

对我有用

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接