Pada kesempatan kali ini saya akan berbagi mengenai application bar pada windows phone 7. Terdapat dua pendekatan dalam implementasi app bar, pertama dengan icon button dan text menu. Sekarang mari kita implementasikan penggunaan app bar ini. 1. Buatlah project bernama app bar sample
2. Pada halaman MainPage buatlah tampilan seperti gambar dibawah ini
Buatlah function ini pada halaman MainPage.xaml.cs. oiya, dan gunakan library microsoft.phone.shell;.
public MainPage() { InitializeComponent(); ApplicationBar appBar = new ApplicationBar(); appBar.IsMenuEnabled = true; appBar.Buttons.add(new ApplicationBarIconButton() {Text=”home” IconUri= new Uri(“home.png”, UriKind.Relative)}); appBar.Buttons.add(new ApplicationBarIconButton() {Text=”control panel” IconUri= new Uri(“control-panel.png”, UriKind.Relative)}); appBar.Buttons.add(new ApplicationBarIconButton() {Text=”info” IconUri= new Uri(“info.png”, UriKind.Relative)}); this.ApplicationBar = appBar; } Pada sebuah kasus Anda membutuhkan app bar yang sama pada semua halaman aplikasi Anda bukan? tenang saja, ini dapat Anda lakukan. berikut caranya: 1. Buatlah kode dibawah ini pada
App.xaml 2. Tambahkan
ApplicationBar=”{staticResource globalApplicationbar}” pada masing-masing halaman yang Anda ingin tambahkan app bar. Selamat, Anda kini telah berhasil membuat app bar baik untuk satu halaman(local) app bar maupun global app bar. Berikut tampilan akhir app bar yang telah anda buat. Untuk ngoprek selanjutnya Anda dapat menambahkan event pada setiap app bar. Silahkan dikembangkan
Tampilan global app bar
Saya punya kumpulan icon app bar, silahkan di donwload disini Sekian #wahh udah imsak euy
Follow Instagram @kompasianacom juga Tiktok @kompasiana biar nggak ketinggalan event seru komunitas dan tips dapat cuan dari Kompasiana
Baca juga cerita inspiratif langsung dari smartphone kamu dengan bergabung di WhatsApp Channel Kompasiana di SINI
Lihat Inovasi Selengkapnya
Jalan Braga Bandung, Ketika Bebas Kendaraan!
7 bulan yang lalu