PowerApps Tuval Uygulamalarında Modüler Bileşenler: Dinamik Bileşen Oluşturma ve Kullanma

Bugün ki konumuzda Tuval Uygulamasında kullanabileceğin modüler, tekrar kullanılabilir bir bileşeni oluşturma sürecini A’dan Z’ye anlatıyor olacağım. Hepsi senin bileşen kitaplığın içinde olacak ve sonrasında her uygulamada tekrar kullanabileceksin.

Peki Neden Component Library kullanmalıyız ?

Her uygulamada aynı dropdown, buton veya etiketleri vb. bileşenleri tekrar tekrar oluşturmak zorunda kalınıyor ve örnek olarak 10 farklı uygulamada aynı güncellemeyi 10 kez yapmak gerekiyor. Bu durumlarla proje sürecini daha verimli yönetebilmeniz adına Component Library oluşturarak bu öğeleri tek bir yerde yönetebilirsin. Değişiklik yaptığında tüm uygulamalarda otomatik güncellenir.

O halde artık yavaştan başlayalım :)

Öncelikle bir Component Library oluşturmak için Başlangıç sayfasında (https://make.powerapps.com/)
Sol menünün altında bulunan ("...") üç noktaya tıklayarak Tümünü keşfedin butonundan ilerleliyoruz.


Ardından açılan sayfada ekranda görülen "Bileşen Kitaplıkları" seçeneği seçerek ilerliyoruz.


çıkan ekranın sol üstünden "Yeni Bileşen Kitaplığı" seçeneğini seçip isimlendirdikten sonra "Oluştur" butonuna basarak ilk bileşenimi oluşturacağız.

Bir Sıcaklık Dönüştürücü yapalım örnek üzerinden ilerlersek daha iyi olacaktır.



Bileşenin Genişlik özelliğini 300 ve Yükseklik özelliğini 120 olarak değiştirin.



Ardından, kullanıcı girişi için bileşene kontroller ekleyeceğiz. Bileşenin sol tarafına bir metin girişi ekleyin ve üzerine "Fahrenheit" sözcüğünü içeren bir etiket yerleştirin.



Daha sonra bileşenin sağ tarafında fahrenheit - santigrat hesaplamasının sonucunu göstereceğiz. Başlık görevi görmesi için "Celsius" metnini içeren yeni bir etiket ve altına 0'ı gösteren bir text özelliğiyle başka bir etiket ekleyin.



Power Apps'teki tüm denetimler, ekranda nasıl davranmaları gerektiğini tanımlayan özelliklere sahiptir. Power Apps bileşenleri için bu özellikleri kendimiz oluşturmamız gerekir. Ağaç Görünümü'nden bileşeni seçin ve sağ bölmeden yeni özel özellik seçin.



Fahrenheit metin girişine varsayılan bir değer sağlamak için Varsayılan adlı bir giriş özelliği yapmak istiyoruz. Görünen Ad ve Ad alanlarına "Default" kelimesini yazın. Giriş özellik türünü seçin ve Sayı veri türünü seçin. Ardından Oluştur'u tıklayın. Varsayılan giriş özelliği sağ menüde görünecektir.



Daha sonra bileşen giriş özelliğini bir değerle yükleyeceğiz. Varsayılan bileşenin Varsayılan özelliğini seçin ve 72 sayısını girin.


Metin girişindeki değeri göstermek için, onu bileşenin Varsayılan özelliğine bağlamamız gerekir.


Bu kodu metin girişinin Default özelliğine yazın

SicaklikDonusturucu.Default

Bileşenimizde, fahrenheit cinsinden bir değeri okumak, bunu santigrat'a dönüştürmek ve ardından sonucu kullanıcıya göstermek istiyoruz.


Fahrenhayttan santigrata dönüştürmeyi gerçekleştirmek için santigrat değer etiketinin Text özelliğinde bu kodu kullanın.

Round(
(Value(TextInput1.Text) - 32) * 5 / 9;1)

Bileşenimiz şimdi değeri Celsius cinsinden gösteriyor. Peki ya bir tuval uygulamasında santigrat değerine başvurmak istersek? Bunu yapmak için bir çıktı özelliği oluşturmamız gerekiyor.

Sağ menüden yeni özel özelliği seçin.


Özel özelliği Görünen Adı ve Adı Value olarak ayarlayın, Özellik Türünü Çıktı seçin ve Veri Türünü Sayı yapın. Ardından Oluştur'u tıklayın. Yeni çıktı özelliği sağ taraftaki menüde görünecektir.


Daha sonra Ağaç görünümünden bileşenimizi seçiyoruz ve az önce oluşturduğumuz Value output özelliğini tanımlıyoruz.


Bu kodu bileşenin Value özelliğine yazın.

Value(Label1_2.Text)

Hem yeni bileşen üreticileri hem de deneyimli kişiler, genellikle bileşenin nasıl sıfırlanacağını ve bileşen sıfırlandığında ne olması gerektiğini tanımlamayı unuturlar. Aynı hatayı yapmayacağız.

Bir oluşturucu Default özelliğine yeni bir değer girdiğinde, bileşenimiz değişikliği yansıtacak şekilde sıfırlanmalıdır. Varsayılan özelliğini açın ve değer değiştiğinde Raise OnReset'in yanındaki kutuyu işaretleyin. Ardından Kaydet'i tıklayın.



Ardından bileşeni vurgulayın ve OnReset özelliğine gidin.


Fahrenheit metin girişini yeni bir değerle güncellemek için bu kodu bileşenin OnReset özelliğine yazın.

Reset(TextInput1)

Fahrenhayt'ı santigrat'a dönüştürmek için Power Apps Tuval Bileşenimiz tamamlandı. Şimdi bunu bir tuval uygulamasına aktaralım. Ağaç Görünümü'ndeki Ekranlar sekmesine gidin ve Özel menüsünden bileşeni seçin.


Bileşen artık ekrana dahil edilmiştir.


Kafanıza takılan veya başka içeriklerle alakalı bilgi almak istiyorsanız eğer lütfen aşağıdaki yorumlar kısmından ya da iletişim sayfasındaki bilgiler üzerinden iletişime geçebilirsiniz.
Bir sonraki yazıda görüşmek üzere,sağlıcakla kalın... :)