Bu yazımızda Windows 8.1’i bırakıp Windows 10 tabanlı birkaç uygulamalar geliştireceğiz. Yazımızın konusu Hamburger Menü. Nedir bu Hamburger Menü. Bir menü çeşididir. Sol üste hamburgere benzeyen simge vardır ve o simgeye dokunursanız menü açılır. Şimdi uygulamamıza kodsal bir şekilde dökelim

1->Visual Studio 2015 Comm. açıyoruz(İndiremeyenler için indirsinler)

2-> New Project -> Visual C# -> Windows -> Universal -> Blank App seçip proje adımıza hamburgerMenu yazıyoruz

Screenshot_8

 

3->MainPage.xaml çift tıklayıp XAML Desinger Editor ekranı açıyoruz. Altta ki XAML ekranını biraz yukarıya alın

4-> Bu kodları silinScreenshot_9

 

Yerine şu kodları yazın

Screenshot_10

4-> Sonra Pane ve Content etiketleri açınScreenshot_11

5-> Sonra Content’in içine basit bir textblock ekliyoruz

Screenshot_12

6-> Şimdi SplitView’imiza birkaç özellik tanımlamaya. Şu kodları yazın

Screenshot_13

7-> Şimdi meşhur hamburger menü simgesi yapmaya. Bunun için Segoe MDL2 Assets fontu kullanıyoruz. Bu fontta çeşitli şekiller bulabilirsiniz

Screenshot_14

 

8-> Şimdi menü itemleri yapmaya. Her item yapmak için şu kodu yazmanız yeterli

Screenshot_15

Şimdi özelleştirelim bu menü itemleriyle. http://modernicons.io/segoe-mdl2/cheatsheet/ adrese gidin. Karşınıza uygun bir font seçin ve karşısında ki &# ile başlayan kodu kopyalayıp Content=”” içine yazın. Adı ise TextBlock Text’ten düzenleyebilirsiniz

9-> Şimdi bu paneli açılır kapanır yapalım. Kod bloguna geçiş yapıyoruz ve bu kodları yazıyoruz

Screenshot_16

Local Machine ya da telefonunuza derleyip açalım. Gördüğünüz gibi menümüz güzel bir şekilde açıldı. Sonraki derste görüşmek üzere

Facebook'dan yorumla