TextInputLayout 的 OutlinedBox 未以編程方式顯示

Question

我創建了一個 CustomTextInputLayout class 並將樣式設置為 Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox 並將 BoxBackgroundMode 設置為 BoxBackgroundOutline 但 OutlinedBox 仍未顯示。 我正在使用 Xamarin.Android。

public class CustomTextInputLayout : TextInputLayout
{
    public CustomTextInputLayout(Context context) : base(context, null, Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox)
    {
        Init(context);
    }

    public CustomTextInputLayout(Context context, IAttributeSet attrs) : base(context, attrs, Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox)
    {
        Init(context);
    }

    public CustomTextInputLayout(Context context, IAttributeSet attrs, int defStyleAttr) : base(context, attrs, defStyleAttr)
    {
        Init(context);
    }

    public void Init(Context context)
    {
        var textInputEditText = new TextInputEditText(context) { LayoutParameters = new LayoutParams(-1, -2) };
        AddView(textInputEditText);
        BoxBackgroundMode = BoxBackgroundOutline;
    }
}

這是 content_main.xml：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main">

    <MaterialTest.CustomTextInputLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"/>

</RelativeLayout>

這就是 AppTheme

<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">

這就是它的樣子（沒有 OutlinedBox）：

任何幫助，將不勝感激。

Answer 1

我修改了你的代碼，你可以看看下面的代碼：

 public class CustomTextInputLayout : TextInputLayout
{
    public CustomTextInputLayout(Context context) : base(context, null, Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox)
    {
        Init(context);
    }

    public CustomTextInputLayout(Context context, IAttributeSet attrs) : base(context, attrs, Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox)
    {
        Init(context);
    }

    public CustomTextInputLayout(Context context, IAttributeSet attrs, int defStyleAttr) : base(context, attrs, defStyleAttr)
    {
        Init(context);
    }

    public void Init(Context context)
    {
        SetBoxBackgroundMode(TextInputLayout.BoxBackgroundOutline);
        SetBoxCornerRadii(5, 5, 5, 5);
        BoxStrokeColor = Android.Graphics.Color.Red;            
        Hint = "Please Enter Email Address";
        var textInputEditText = new TextInputEditText(context);
        
        AddView(textInputEditText);
        
    }
}

 <textinputlayout.CustomTextInputLayout 
     android:layout_width="match_parent"
     android:layout_height="wrap_content"/>

截圖：

但我建議你可以在 xml 中使用 TextInputLayout 和 TextInputEditText。

<com.google.android.material.textfield.TextInputLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/userIDTextInputLayout"
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="match_parent" 
app:boxStrokeColor="@color/boxcolor"
android:layout_height="wrap_content"
android:layout_margin="10dp">

<com.google.android.material.textfield.TextInputEditText 
    android:id="@+id/userIDTextInputEditText"
    android:layout_width="match_parent"
    android:hint="Enter User Name" 
    android:textColorHint="@color/colorAccent"
    android:layout_height="wrap_content" />
</com.google.android.material.textfield.TextInputLayout>

您還可以通過后面的代碼添加 TextInputLayout 和 TextInputEditText。

  private LinearLayout linearlayout1;
    protected override void OnCreate(Bundle savedInstanceState)
    {
        base.OnCreate(savedInstanceState);
        Xamarin.Essentials.Platform.Init(this, savedInstanceState);
        // Set our view from the "main" layout resource
        SetContentView(Resource.Layout.activity_main);

        linearlayout1 = (LinearLayout)FindViewById(Resource.Id.linearLayout1);

        TextInputLayout emailTextInputLayout = new TextInputLayout(this, null, Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox);

        emailTextInputLayout.Hint = "Please Enter Email Address";
        emailTextInputLayout.SetBoxBackgroundMode(TextInputLayout.BoxBackgroundOutline);
        emailTextInputLayout.SetBoxCornerRadii(5, 5, 5, 5);
        TextInputEditText edtEmail = new TextInputEditText(emailTextInputLayout.Context);
        emailTextInputLayout.AddView(edtEmail);
        linearlayout1.AddView(emailTextInputLayout);

    }

您需要先添加android:id="@+id/linearLayout1" 。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools" 

android:id="@+id/linearLayout1" 
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">

您還可以查看一個線程：

如何以編程方式使用 OutlineBox 創建 TextInputLayout