TextInputLayout 的 OutlinedBox 未以编程方式显示
OutlinedBox of TextInputLayout is not showing programmatically
我创建了一个 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):
如有任何帮助,我们将不胜感激。
我修改了你的代码,你可以看看下面的代码:
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">
一个你也可以看看的帖子:
How to create TextInputLayout with OutlineBox programmatically
我创建了一个 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):
如有任何帮助,我们将不胜感激。
我修改了你的代码,你可以看看下面的代码:
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">
一个你也可以看看的帖子:
How to create TextInputLayout with OutlineBox programmatically