https://github.com/crossgeeks/customnavigationbarsample
Navigation Bar Customization in Xamarin Forms
https://github.com/crossgeeks/customnavigationbarsample
android customization ios navigation navigationbar toolbar xamarin xamarin-forms
Last synced: 5 months ago
JSON representation
Navigation Bar Customization in Xamarin Forms
- Host: GitHub
- URL: https://github.com/crossgeeks/customnavigationbarsample
- Owner: CrossGeeks
- License: mit
- Created: 2017-10-12T20:35:43.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2020-01-26T04:32:56.000Z (almost 6 years ago)
- Last Synced: 2025-04-02T17:37:55.667Z (9 months ago)
- Topics: android, customization, ios, navigation, navigationbar, toolbar, xamarin, xamarin-forms
- Language: C#
- Size: 9.11 MB
- Stars: 106
- Watchers: 14
- Forks: 35
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
```cs
//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