How to remove the border or border colour of the SearchBar? - xamarin

Question

I am new to Xamarin.forms. I am using a SearchBar followed by a BoxView.
The problem that I am facing is removing the border line of the SearchBar.
This border makes the UI appear as if there is a separator in between the SearchBar and the BoxView.
Any help in achieving this is much appreciated.
Thanks much :)

Answer 1

Think you might need a custom renderer for this like so:
using MonoTouch.UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
[assembly:ExportRenderer( typeof(NamespaceOfApp.MySearchBar), typeof(NamespaceOfApp.iOS.SearchBarWithNoBarRenderer_iOS))]
namespace NamespaceOfApp.iOS
{
public class SearchBarWithNoBarRenderer_iOS : SearchBarRenderer
{
protected override void OnElementChanged( ElementChangedEventArgs<SearchBar> args )
{
base.OnElementChanged( args );
UISearchBar bar = (UISearchBar)this.Control;
//set background to empty image
bar.SetBackgroundImage (new UIImage (), UIBarPosition.TopAttached, UIBarMetrics.Default);
}
}
}
If you need a hand with custom renderers look here

Answer 2

Effects was introduced in Forms v2 as the recommended way to extending the Forms base controls. https://developer.xamarin.com/guides/xamarin-forms/effects/
For example; this would be your iOS Effect code...
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
[assembly:ResolutionGroupName ("MyCompany")]
[assembly:ExportEffect (typeof(FocusEffect), "FocusEffect")]
namespace EffectsDemo.iOS
{
public class FocusEffect : PlatformEffect
{
protected override void OnAttached ()
{
// your code here
}
protected override void OnDetached ()
{
// your code here
}
protected override void OnElementPropertyChanged (PropertyChangedEventArgs args)
{
base.OnElementPropertyChanged (args);
// your code here
}
}
}
Custom Renderers were the only option in Forms v1.x. Custom Renderers are great for building controls from scratch but it was a bit hit and miss when extending the built-in controls.

Answer 3

Using StoryBoard:
Using code:
public override void ViewWillLayoutSubviews ()
{
base.ViewWillLayoutSubviews ();
sampleSearchBar.SearchBarStyle = UISearchBarStyle.Minimal;
sampleSearchBar.BarTintColor = UIColor.Clear;
}