如何在xamarin中创建“搜索”字段

Question

如何在xamarin中创建“搜索”字段？如附件所示。我的意思是主要是边界。

我正在尝试定制，但我现在只有底线

    assembly: ExportRenderer(typeof(CustomSearch), typeof(CustomSearchRenderer))]
namespace Sparking.Droid.CustomRenderers
{
    public class CustomSearchRenderer : EntryRenderer
     {
        public CustomSearchRenderer(Context context) : base(context)
        {

        }

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

            var view = (CustomSearch)Element;
            if (view == null) return;

            Control.SetPadding((int)view.Padding.Left, (int)view.Padding.Top,
                (int)view.Padding.Right, (int)view.Padding.Bottom);

            Control.Background.SetColorFilter(view.UnderlineUnFocusColor.ToAndroid(), PorterDuff.Mode.SrcAtop);
        }
    }
}

Answer 1

Xamrain.Forms中有一个SearchBar视图（请参阅here）。

只需将其添加到您的XAML

中

<SearchBar Text="{Binding SearchText}" 
           SearchCommand="{Binding SearchCommand}" 
           Placeholder="Search" />

无需为此创建自定义EntryRenderer。