Bu dersimizde Windows 10’da bulunan Adaptive Trigger özelliği yani hem tabette hemde telefonlarda aynı anda tasarımı nasıl kullanacağını göstereceğim.

Windows 10 Hakkında yazısı okuyanlar bilir. Microsoft, Windows 10 çıkarttığında uygulamaları aynı dosya ile hem tablette hemde telefonda kullanılacaktı. Bu da az kod ile işimize yarayacaktı. Tasarım kısma gelindiğinde biraz sıkıntı olacaktır çünkü tablet ve telefon görünüşü piksel piksel yazıldığında hoş görüntü vermezdi.

Şimdi bunu engellemek için VisualStateManager özelliği kullanacağız

 

<VisualState x:Name=”Big”>
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth=”480″/>  </VisualState.StateTriggers>
<VisualState.Setters>
,
</VisualState.Setters>
</VisualState>

 

x:Name -> Element Adı

MinWindowsWidth -> En az olacak piksel miktarı ( 480px  telefon – 720px tablet )

 

Her elementin özelliği değiştirmek için ise;

<Setter Target=”fully qualified property name” Value=”value” />

Target -> Hedef element özelliği. Kullanım ise ElementAdı.Özelliği

Value -> Onun yerine geçecek değer

 

Örnek:

 

Screenshot_2

Çalıştırdığınızda Button1’in adını değiştiğini göreceksiniz. Hade ben kaçtım 😀

Facebook'dan yorumla