自定义TextInputLayout嵌入TextInputEditText后无预览问题求助

我帮你定位到了问题的核心，咱们来一步步修复这个自定义视图的预览问题：

问题根源分析 #

你的自定义类里存在几个关键问题导致预览失效：

• 创建了TextInputEditText实例，但没有将它添加到TextInputLayout的子视图树中，这是预览不显示的最主要原因。
• 使用了LinearLayout.LayoutParams，但TextInputLayout的父容器不一定是LinearLayout，应该用通用的ViewGroup.LayoutParams更适配。
• 不必要的removeAllViews()调用可能干扰默认布局逻辑。

修复后的自定义类代码 #

public class CustomTextInputEditText extends TextInputLayout {
    private TextInputEditText editText;

    public CustomTextInputEditText(@NonNull Context context) {
        this(context, null);
    }

    public CustomTextInputEditText(@NonNull Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, R.style.Widget_MaterialComponents_TextInputLayout_OutlinedBox);
    }

    public CustomTextInputEditText(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs, defStyleAttr);
    }

    private void init(Context context, AttributeSet attrs, int defStyleAttr) {
        setWillNotDraw(false);
        editText = new TextInputEditText(getContext());
        createEditBox(editText);
        // 关键：把EditText添加到TextInputLayout中
        addView(editText);
    }

    private void createEditBox(TextInputEditText editText) {
        // 使用通用的ViewGroup.LayoutParams适配所有父容器
        ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT
        );
        editText.setPadding(0, 10, 0, 0);
        editText.setLayoutParams(layoutParams);
    }
}

XML布局优化建议 #

你的XML布局可以保留，但建议把android:layout_height改为wrap_content，避免输入框占满整个屏幕：

<com.example.myapplication.CustomTextInputEditText
    android:id="@+id/custom_view"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:boxStrokeColor="@color/colorAccent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

修复效果说明 #

修改后，Android Studio的布局预览窗口应该能正常显示带轮廓的输入框了。同时，运行时也能正确渲染这个自定义输入组件。

内容的提问来源于stack exchange，提问作者nikhil lohar