Application bar WP7

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

image

2. Pada halaman MainPage buatlah tampilan seperti gambar dibawah ini

image

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

Winking smile

globarappbar

Tampilan global app bar

Saya punya kumpulan icon app bar, silahkan di donwload disini Sekian #wahh udah imsak euy

Smile

Kompasianival

Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H