Pada tutorial berikut ini saya akan membahas bagaimana cara menggunakan Navigation DropDown pada Xamarin Forms.
1. Tambahkan halaman xaml DropdownMenu.xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage Title="Dropdown menggunakan Toolbar" xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Bab4.DropdownMenu">
<ContentPage.ToolbarItems>
<ToolbarItem Text="Home" Order="Secondary" Clicked="Navigate" CommandParameter="NavigationPage1" />
<ToolbarItem Text="Second" Order="Secondary" Clicked="Navigate" CommandParameter="NavigationPage2" />
</ContentPage.ToolbarItems>
<ContentPage.Content>
</ContentPage.Content>
</ContentPage>
2. Tambahkan kode berikut pada file DropdownMenu.xaml.cs:
public partial class DropdownMenu : ContentPage
{
public DropdownMenu()
{
InitializeComponent();
}
protected async void Navigate(object sender, EventArgs args)
{
string type = (string)((ToolbarItem)sender).CommandParameter;
Type pageType = Type.GetType("Bab4." + type + ", Bab4");
Page page = (Page)Activator.CreateInstance(pageType);
await this.Navigation.PushAsync(page);
}
}
3. Jalankan program untuk melihat hasilnya. Tampilan menu dropdown yang dibuat dapat dilihat pada gambar berikut.
Leave a comment