CustomNavigationBarSample
Navigation Bar Customization in Xamarin Forms
Blog post: http://www.xamboy.com/2017/12/06/navigation-bar-customization-in-xamarin-forms/
Features
- Title/Subtitle positioning
- Subtitle
- Bar Gradient Background
- Title Font Customization
- Subtitle Font Customization
- Formatted Title
- Formatted Subtitle
- Image title
- Bar Background
- Bar Shadow
- Bar Opacity
- Title Margin
- Title Padding
- Title Border
- Title Background
Usage on a Xamarin Forms page
//Sets the title position to end
CustomNavigationPage.SetTitlePosition(this, CustomNavigationPage.TitleAlignment.End);
//Sets shadow for bar bottom
CustomNavigationPage.SetHasShadow(this,true);
//Gets if has shadow or not
bool hasShadow = CustomNavigationPage.GetHasShadow(this);
//Sets the title text font to Micro
CustomNavigationPage.SetTitleFont(this, Font.SystemFontOfSize(NamedSize.Micro));
//Sets the title color
CustomNavigationPage.SetTitleColor(this,Color.Navy);
//Sets bar background
CustomNavigationPage.SetBarBackground(this, Device.RuntimePlatform == Device.iOS ? "monkeybackground.jpg": "monkeybackground");
//Sets bar background opacity
CustomNavigationPage.SetBarBackgroundOpacity(this,0.6f);
Future
- UWP and other platforms support
- Support Badges
- Kerning
- Back Button Customization
- Toolbar Items Customization
- Buttons/Picker as title
- Rotated Title
- Animations
- Traslucent Bar
- Collapsable Bar
- Bar Templates