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 endCustomNavigationPage.SetTitlePosition(this,CustomNavigationPage.TitleAlignment.End);//Sets shadow for bar bottomCustomNavigationPage.SetHasShadow(this,true);//Gets if has shadow or notboolhasShadow=CustomNavigationPage.GetHasShadow(this);//Sets the title text font to MicroCustomNavigationPage.SetTitleFont(this,Font.SystemFontOfSize(NamedSize.Micro));//Sets the title colorCustomNavigationPage.SetTitleColor(this,Color.Navy);//Sets bar backgroundCustomNavigationPage.SetBarBackground(this,Device.RuntimePlatform==Device.iOS?"monkeybackground.jpg":"monkeybackground");//Sets bar background opacityCustomNavigationPage.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