UWP uygulamasında ölçeklendirme (Scaling)

Yazılım Mimarı olarak, çeşitli projelerine yardımcı olduğum bir müşteride UWP uygulamalarının birinde nesneleri çeşitli sebeplerden dolayı ölçeklendirmemiz gerekti.

Ölçeklendirme (Scaling) işini yazılımsal yapmamız gerekiyordu.

İnternette yaptığım araştırmalar sonucunda en verimli yolun XAML Binding‘ler ile olduğunu buldum.

Böylece ölçeklendirme işini ekran kartının işlemcisine (GPU) bırakabiliyoruz. Bilgisayarın işlemcisi (CPU) ise bizim asıl yapmasını istediğimiz işler için müsait kalıyor, örneğin, veritabanı işlemleri, web servis işlemleri, vs.

Hemen yeni bir Blank App (Universal Windows) projesi oluşturalım;

MainPage.xaml dosyasını açalım ve içerisine aşağıdaki kodları yazalım;

Bu ekranda dikkat etmemiz gereken birkaç nokta var,

  • Slider nesnesi ile, ekrandaki Grid nesnesini hangi oranda ölçeklendireceğimizi belirliyoruz
  • Grid nesnesinin RenderTransform özelliği ve ScaleTransform sınıflarını kullanıyoruz
  • Grid nesnesinin ScaleX ve ScaleY özelliklerini Slider nesnesinin Value özelliğine bağlıyoruz
  • Grid içerisine koyduğumuz tüm nesneler, Grid ile birlikte otomatik olarak ölçeklendirilecekler

Uygulamayı çalıştırıp kullandığımızda aşağıdaki gibi bir sonuç elde etmemiz lazım;

İlgili diğer makaleler

blog comments powered by Disqus

Engin Polat hakkında

Senior Software Engineer, @Microsoft

Ada ve Ege'nin babası ;)

Kategoriler

İstatistik

Makale Adedi: 484

Creative Commons Lisansı