İçeriğe geç

Windows 8 AppBar Kullanımı

Mayıs 8, 2013

Windows 8 ile  gelen uygulamalarda ekranı sade tutabilmek için uygulama komutları AppBar’larda saklanmaktadır. Bu barlar ekranın üst ve alt kısımlardan kullanıcı isteği üzerine ekrana  gelip bir toolbar gibi komutları listeyebilir.Ekranın alt veya üstünden  AppBar’ların gelmesi için kullanıcının parmağı ile ekranın dışından içeriye doğru üstten veya alttan bir sürükleme işlemi yapması gerekir. Dokunmatik olmayan cihazlarda ise ekranda herhangi bir yerde fareye sağ tuşla tıklamak veya Ctrl+Alt+A kısayolunu kullanmak gerekir.

Şimdi bir appbar örneği yapmaya başlayım.İlk olarak Visual Studio’yu açalım ve  File–>New–>Project dedikten sonra Windows Store altında Blank App dosyası ekleyelim.

8

MainPage.xaml kısmına gelip Toolbox altında bulunan All XAML Controls bölümünden AppBar ‘ı projemize ekliyoruz. VerticalAlignment’ta Top verdiğimiz zaman AppBar’ımız ekranın üstünden, Bottom verdiğimizde ise altından gelecektir. Şimdi VerticalAligment özelliğini “Bottom” yapalım.

9

Yukarıda eklediğimiz Appbar için Xaml kodları aşağıdaki gibidir.

<Grid Background=”{StaticResource ApplicationPageBackgroundThemeBrush}”>
<AppBar VerticalAlignment=”Bottom”>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<StackPanel Orientation=”Horizontal”/>
<StackPanel Grid.Column=”1″ HorizontalAlignment=”Right” Orientation=”Horizontal”/>
</Grid>
</AppBar>
</Grid>

Daha sonra 1 adet buton ekledim ve butonun click eventine aşağıdaki kodları yazdım.
private void Btn1_Click(object sender, RoutedEventArgs e)
{

Application.Current.Exit();
}

Böylelikle kullanıcı butona bastığında basit olarak direk uygulamadan çıkabilecektir.Şimdi  uygulamamızı biraz daha değiştirelim. AppBar’ın içerisine 3 adet buttonu yan yana dizebilmek için StackPanel kontrolü ve 1 adet textblock ekliyoruz. Daha sonra buttonlarımızı koyuyoruz.Aşağıda Xaml kodları gösterilmiştir.

 

<Grid Background=”{StaticResource ApplicationPageBackgroundThemeBrush}”>
<AppBar VerticalAlignment=”Bottom” Margin=”10,0,-10,10″>
<StackPanel Orientation=”Horizontal” HorizontalAlignment=”Left”>

<Button x:Name=”btnPause” Content=”Duraklat”></Button>

<Button x:Name=”btnStop” Content=”Durdur”></Button>

</StackPanel>
</AppBar>
</Grid>

TextBlock ‘ın name’ine txtveri ismini atıyoruz.Aşağıda xaml kodları gösterilmiştir.

<TextBlock  Name=”txtveri” HorizontalAlignment=”Left” Margin=”404,184,0,0″ TextWrapping=”Wrap” Text=”TextBlock” VerticalAlignment=”Top” Height=”67″ Width=”466″ FontFamily=”Global User Interface” FontSize=”25″/>

Daha sonra buttonların click eventlerine uygulama için gerekli olan kodları aşağıdaki gibi yazıyoruz.

private void btnexit_Click(object sender, RoutedEventArgs e)
{
Application.Current.Exit();
}

private void btnPause_Click(object sender, RoutedEventArgs e)
{
txtveri.Text= ” Uygulama Duraklatıldı”;

}

private void btnStop_Click(object sender, RoutedEventArgs e)
{
txtveri.Text = ” Uygulama Durdu”;
}

Şimdi projemizi çalıştıralım.Çalıştırdığımızda aşağıdaki ekranı görüyoruz.

screenshot_05092013_022205

Örneğin ; Duraklat butonuna bastığımızda textblock aracılığı ile  uygulama duraklatıldı yazısı gelmeli.Aşağıda bu yazının geldiği görülmektedir.

screenshot_05092013_021802

Reklamlar

From → Arşiv

Yorum Yapın

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s

%d blogcu bunu beğendi: