public NavigationBarGallery(NavigationPage rootNavPage)
{
_rootNavPage = rootNavPage;
int toggleBarTextColor = 0;
int toggleBarBackgroundColor = 0;
ToolbarItems.Add(new ToolbarItem {
Text = "Save"
});
NavigationPage.SetTitleIconImageSource(this, "coffee.png");
SearchBar searchBar = new SearchBar {
HeightRequest = 44, WidthRequest = 100
};
// Note: Large and complex controls, such as ListView and TableView, are not recommended.
var controls = new List <View>
{
searchBar,
new ActivityIndicator {
IsRunning = true
},
new BoxView {
BackgroundColor = Colors.Red
},
new Button {
Text = "Button!"
},
new DatePicker {
},
new Editor {
Text = "Editor"
},
new Entry {
Placeholder = "Entry"
},
new Image {
Source = "crimson.jpg", HeightRequest = 44
},
new Label {
Text = "Title View Label!"
},
new Picker {
ItemsSource = Enumerable.Range(0, 10).Select(i => $"Item {i}").ToList(), Title = "Picker"
},
new ProgressBar {
Progress = 50
},
new Slider {
},
new Stepper {
},
new Switch {
},
new TimePicker {
}
};
int idx = 0;
NavigationPage.SetTitleView(this, CreateTitleView(controls[idx]));
rootNavPage.On <Android>().SetBarHeight(450);
rootNavPage.On <iOS>().SetPrefersLargeTitles(false);
Content = new ScrollView
{
Content =
new StackLayout
{
Children =
{
new Button {
Text = "Go to SearchBarTitlePage",
Command = new Command(() => {
rootNavPage.PushAsync(new SearchBarTitlePage(rootNavPage));
})
},
new Button {
Text = "Change BarTextColor",
Command = new Command(() => {
if (toggleBarTextColor % 2 == 0)
{
rootNavPage.BarTextColor = Colors.Teal;
}
else
{
rootNavPage.BarTextColor = null;
}
toggleBarTextColor++;
})
},
new Button {
Text = "Change BarBackgroundColor",
Command = new Command(() => {
if (toggleBarBackgroundColor % 2 == 0)
{
rootNavPage.BarBackgroundColor = Colors.Navy;
}
else
{
rootNavPage.BarBackgroundColor = null;
}
toggleBarBackgroundColor++;
})
},
new Button {
Text = "Change Both to default",
Command = new Command(() => {
rootNavPage.BarTextColor = null;
rootNavPage.BarBackgroundColor = null;
})
},
new Button {
Text = "Black background, white text",
Command = new Command(() => {
rootNavPage.BarTextColor = Colors.White;
rootNavPage.BarBackgroundColor = Colors.Black;
})
},
new Button {
Text = "Toggle TitleIcon",
Command = new Command(() => {
var titleIcon = NavigationPage.GetTitleIconImageSource(this);
if (titleIcon == null)
{
titleIcon = "coffee.png";
}
else
{
titleIcon = null;
}
NavigationPage.SetTitleIconImageSource(this, titleIcon);
})
},
new Button {
Text = "Toggle TitleView",
Command = new Command(() => {
var titleView = NavigationPage.GetTitleView(this);
if (titleView == null)
{
titleView = CreateTitleView(controls[idx]);
}
else
{
titleView = null;
}
NavigationPage.SetTitleView(this, titleView);
})
},
new Button {
Text = "Next TitleView",
Command = new Command(() => {
idx++;
if (idx >= controls.Count)
{
idx = 0;
}
var titleView = CreateTitleView(controls[idx]);
NavigationPage.SetTitleView(this, titleView);
})
},
new Button {
Text = "Toggle Back Title",
Command = new Command(() => {
var backTitle = NavigationPage.GetBackButtonTitle(rootNavPage);
if (backTitle == null)
{
backTitle = "Go back home";
}
else
{
backTitle = null;
}
NavigationPage.SetBackButtonTitle(rootNavPage, backTitle);
})
},
new Button {
Text = "Toggle Toolbar Item",
Command = new Command(() => {
if (ToolbarItems.Count > 0)
{
ToolbarItems.Clear();
}
else
{
ToolbarItems.Add(new ToolbarItem {
Text = "Save"
});
}
})
},
new Button {
Text = "Toggle Title",
Command = new Command(() => {
if (Title == null)
{
Title = "NavigationBar Gallery - Legacy";
}
else
{
Title = null;
}
})
},
new Button {
Text = "Toggle BarHeight",
Command = new Command(() => {
if (rootNavPage.On <Android>().GetBarHeight() == -1)
{
rootNavPage.On <Android>().SetBarHeight(450);
}
else
{
rootNavPage.ClearValue(BarHeightProperty);
}
})
}
}
}
};
}
