如何删除视觉 material 条目下划线

Question

我们正在为我们的项目使用视觉 material 条目。

using Xamarin.Forms.Material.Android;

[assembly: ExportRenderer(typeof(ProgressBar), typeof(CustomMaterialProgressBarRenderer), new[] { typeof(VisualMarker.MaterialVisual) })]
namespace MyApp.Android
{
    public class CustomMaterialProgressBarRenderer : MaterialProgressBarRenderer
    {
        //...
    }
}

如何删除 material 条目下划线？

Answer 1

1. 创建一个 dimension resource（添加一个新的 .xml 文件并将其保存在 Resources\values 中的 Android 项目下）

<?xml version="1.0" encoding="utf-8"?>
<resources> 
<dimen name="box_stroke_dim">0dp</dimen>
</resources>

2. 每个 Entry 和 Visual="Material"
的自定义渲染器实现

[assembly: ExportRenderer(typeof(Entry), typeof(App.Droid.MyMaterialEntryRenderer),
            new[] { typeof(VisualMarker.MaterialVisual) })]

namespace App.Droid
{
    public class MyMaterialEntryRenderer : MaterialEntryRenderer
    {
        public MyMaterialEntryRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);

            Control?.SetBoxStrokeWidthResource(Resource.Dimension.box_stroke_dim);
            Control?.SetBoxStrokeWidthFocusedResource(Resource.Dimension.box_stroke_dim);
        }
    }
}

Answer 2

您可以使用custom renderers with material visual实现条目下划线去除。 我正在使用以下代码将其应用于项目中的所有条目，并且它正在使用 Xamarin Forms 4.8+

Xamarin Android

条目

[assembly: ExportRenderer(typeof(Entry), typeof(EntryMaterialRendererAndroid), new[] { typeof(VisualMarker.MaterialVisual) })]
namespace XFTest.Droid.Renderers
{
    public class EntryMaterialRendererAndroid : MaterialEntryRenderer
    {
        public EntryMaterialRendererAndroid(Context context) : base(context) { }
        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                Control.BoxStrokeWidth = 0;
                Control.BoxStrokeWidthFocused = 0;
            }
        }
    }
}

Xamarin iOS

条目

[assembly: ExportRenderer(typeof(Entry), typeof(EntryMaterialRendereriOS), new[] { typeof(VisualMarker.MaterialVisual) })]
namespace XFTest.iOS.Renderers
{
    public class EntryMaterialRendereriOS : MaterialEntryRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);

            EntryRemoveUnderLine();
        }

        protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            base.OnElementPropertyChanged(sender, e);

            EntryRemoveUnderLine();
        }

        protected void EntryRemoveUnderLine()
        {
            if (Control != null)
            {
                Control.BorderStyle = UITextBorderStyle.None;
                Control.Underline.Enabled = false;
                Control.Underline.DisabledColor = UIColor.Clear;
                Control.Underline.Color = UIColor.Clear;
                Control.Underline.BackgroundColor = UIColor.Clear;
                Control.ActiveTextInputController.UnderlineHeightActive = 0f;
                Control.PlaceholderLabel.BackgroundColor = UIColor.Clear;
            }
        }
    }
}