如何在 iOS 中设置 Xamarin.Forms SearchBar 的样式？答案

【问题标题】：How can I style the Xamarin.Forms SearchBar in iOS?如何在 iOS 中设置 Xamarin.Forms SearchBar 的样式？
【发布时间】：2014-08-14 23:10:40
【问题描述】：

我正在尝试设置 Xamarin.Forms SearchBar 的样式，我可以看到有一个 BackgroundColor 属性，但是无论我设置什么，该属性在 iOS 中都会被忽略。

是否可以在 iOS 中自定义 Xamarin.Forms SearchBar（以及如何）？

【问题讨论】：

如果无法通过 Xam Forms 实现，您可以创建自定义渲染器。
我可能也有。这适用于 Android，我知道 UISearchBar 控件上有一个背景颜色属性（Bar Tint），所以这似乎也应该适用于 iOS。
正如 derek 所说，您可以创建以下内容之一：developer.xamarin.com/guides/cross-platform/xamarin-forms/…
虽然我认为基本样式会或应该起作用。你可以看看代码，看看他们对搜索栏做了什么。
对如何做或在哪里看有什么建议吗？

标签： ios xamarin xamarin.forms

【解决方案1】：

不幸的是，我无法得到公认的答案。下面的代码确实适用于 iOS。请注意，OnElementChanged 而不是 Draw 似乎是在自定义渲染器中放置此类东西的首选位置。

using MonoTouch.UIKit;

using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;

[assembly:ExportRenderer( typeof(MyNamespace.MySearchBar), typeof(MyNamespace.iOS.MySearchBarRenderer_iOS))]


namespace MyNamespace.iOS
{
    public class MySearchBarRenderer_iOS : SearchBarRenderer
    {
        protected override void OnElementChanged( ElementChangedEventArgs<SearchBar> args )
        {
            base.OnElementChanged( args );

            UISearchBar bar = (UISearchBar)this.Control;

            bar.AutocapitalizationType = UITextAutocapitalizationType.None;
            bar.AutocorrectionType = UITextAutocorrectionType.No;
            bar.BarStyle = UIBarStyle.Default;
            bar.BarTintColor = UIColor.Green;
            bar.KeyboardType = UIKeyboardType.ASCIICapable;
        }
    }
}

【讨论】：

我绝对同意覆盖 OnElementChanged 是解决此问题的正确方法。不错的答案！

【解决方案2】：

据我所知，Xamarin.Forms 没有属性实现 BackgroundColor 属性，或者它已损坏。最接近真实背景颜色的 UISearchBar 属性是 BarTint，它不是由 XForms 设置的。

为了解决这个问题，我将 cmets 放在心上，并使用自定义渲染器创建了自己的自定义 SearchBar，以扩展 BarTint 属性以及我想要的其他一些东西。

注意：为了使用自定义呈现器，请确保您已更新到 Xamarin.Forms 1.1.1.6206 或更高版本。若要更新平台版本，请使用 Visual Studio 中的 NuGet，或 XamarinStudio 中的内置包管理器。

您将需要两个类，第一个是 CustomSearchBar，UI 将使用它来保存自定义属性。它位于共享或可移植类库中。：

using Xamarin.Forms;

namespace App1
{
    public class CustomSearchBar : SearchBar
    {
        // Use Bindable properties to maintain XAML binding compatibility

        public static readonly BindableProperty BarTintProperty = BindableProperty.Create<CustomSearchBar, Color?>(p => p.BarTint, null);
        public Color? BarTint
        {
            get { return (Color?)GetValue(BarTintProperty); }
            set { SetValue(BarTintProperty, value); }
        }

        public static readonly BindableProperty SearchStyleProperty = BindableProperty.Create<CustomSearchBar, string>(p => p.SearchStyle, "Default");
        public string SearchStyle
        {
            get { return (string)GetValue(SearchStyleProperty); }
            set { SetValue(SearchStyleProperty, value); }
        }

        public static readonly BindableProperty BarStyleProperty = BindableProperty.Create<CustomSearchBar, string>(p => p.BarStyle, "Default");
        public string BarStyle
        {
            get { return (string)GetValue(BarStyleProperty); }
            set { SetValue(BarStyleProperty, value); }
        }

    }
}

第二个类是自定义渲染器本身，它可以访问本机 UISearchButton 控件。这个类进入 iOS 项目：

using System;
using System.Drawing;
using App1;
using App1.iOS;
using MonoTouch.UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;

[assembly: ExportRendererAttribute(typeof(CustomSearchBar), typeof(CustomSearchBarRenderer))]
namespace App1.iOS
{
    public class CustomSearchBarRenderer : SearchBarRenderer
    {
        // There might be a better place for this, but I don't know where it is
        public override void Draw(RectangleF rect)
        {
            var csb = (CustomSearchBar) Element;
            if (csb.BarTint != null)
                Control.BarTintColor = csb.BarTint.GetValueOrDefault().ToUIColor();
            Control.BarStyle = (UIBarStyle)Enum.Parse(typeof(UIBarStyle), csb.BarStyle);
            Control.SearchBarStyle = (UISearchBarStyle)Enum.Parse(typeof(UISearchBarStyle), csb.BarStyle);

            base.Draw(rect);
        }
    }
}

代码有点粗糙，但希望你能明白。

补充几点：

如果没有 ExportRendererAttribute，这一切都不起作用，所以不要把它关掉。
我必须使 BarTint 可以为空（因为它是 null 为默认值，Color.Default 结果为黑色）。
我重写了 Draw()，即使我没有在技术上绘制任何东西，因为我不知道在哪里放置代码。 Control 和 Element 属性在构造函数中不可用。如果我找到更好的解决方案，我会尝试更新此示例。
我对 Enum 属性使用字符串，但将来可能会改进。

【讨论】：