Power Apps Canvas: Sıfırdan Uygulama Oluşturma

Bu öğreticide size boş bir Power Apps tuvalinden nasıl başlayıp sıfırdan bir uygulama oluşturacağınızı göstereceğim.

Bu öğretici, orta düzeydeki Power Apps kullanıcıları için tasarlandığından , ekranların, galerilerin ve veri kartlarının ne olduğunu zaten bildiğinizi varsayacağım. Şimdiye kadar, özelliklerini nasıl değiştireceğinizi ve tetikleyicilerin ne olduğunu da bilmelisiniz. Bu bilgiye sahip olmak, bu eğitimde kolayca çalışmanıza yardımcı olacaktır.

Power Apps ile ilgili geçmiş eğitimlerde , her zaman her şeyin güzel bir şekilde düzenlendiği mevcut bir şablonla başladım. Bu sefer temiz bir sayfa açacağız.

İçindekiler

• Boş Bir Power Apps Tuvali Başlatma
• Power Apps Canvas'ınızda Ana Ekran Oluşturma
• Dokümantasyon Üzerinde Çalışmak
• Dokümantasyon Ekranına Başvuru
• Çözüm

Boş Bir Power Apps Tuvali Başlatma

Boş bir tuval oluşturmak için Dosya şeridinin altındaki Yeni'ye tıklayın. Ardından, Boş Uygulamaya gidin. Bu uygulama için bir Tablet Düzeni yapalım.

Tablet düzeninin avantajı, web tarayıcı ekranlarında ve bilgisayarınızda da iyi görünmesidir. Tüm kuruluşlar yaptıkları işlerde cep telefonu veya tablet kullanmazlar. Bunun yerine, yalnızca web uygulamalarını kullanırlar. Tablet düzeni o zaman onlar için daha uygun olacaktır.

Boş tuval böyle görünüyor.

Uygulamaya başlamadan önce, bir şeyler ters giderse hiçbir şey kaybetmemek için önce kaydedin. Bunu, Dosya şeridinin altındaki Farklı Kaydet'e tıklayarak yapabilirsiniz. Bu uygulamayı buluta kaydedeceğim, böylece cihazıma bir sorun olursa dosyalarımı geri alma konusunda endişelenmeme gerek kalmayacak.

Bu FirstCanvasApp adını vereceğim. Çalışmanızı kaydetmek için sağ alt kısımdaki Kaydet'e tıklayın.

Power Apps Canvas'ınızda Ana Ekran Oluşturma

Boş bir Power Apps tuvaliyle çalışmayı daha verimli hale getirmenin bir yolu varsa, o da ana ekranla başlamaktır.

Bir ana ekran, uygulamanızın tüm ekranının temel alınacağı bir temel şablon görevi görür. Bu, baştan sona tek tip bir görünüm sağlayan bir uygulama oluşturmanıza olanak tanır.

Burada Screen1'i ana ekranımız olarak kullanalım. Ekranı yeniden adlandırmak için sağ taraftaki menüye tıklamanız yeterlidir.

Buna MasterScreen adını vereceğiz.

Şimdi nasıl görünmek istediğimizi düşünelim. Bu ana ekran olduğu için diğer tüm sayfaların böyle görüneceğini unutmayın.

En tepeden bir başlıkla başlayabiliriz. Bu nedenle, Ekle şeridinin altındaki Simgeler'e tıklayın, ardından Dikdörtgen'i seçin.

Bu dikdörtgeni başlığımızın yerleştirileceği bir banner olarak kullanacağız. Başlangıçta, küçük bir şekil olarak çıkacaktır.

Bu nedenle, ekranın üst kısmını tamamen kaplayana kadar yanlardaki ve köşelerdeki işaretçileri sürükleyin.

Ardından, metni ekleyelim. Hala Ekle şeridinin altında, Metin'e tıklayın ve Etiket'i seçin.

Bu, küçük bir metin kutusu açacaktır.

Tıpkı dikdörtgende yaptığımız gibi, bu metin kutusunu üst alanı kaplayana kadar uzatalım.

Sonra formül çubuğuna "Ekranın Başlığı" yazıp Enter'a basacağım. Bunu yaptığımda metin kutusunun içeriğinin de değiştiğine dikkat edin.

Daha görünür hale getirmek için onu çok daha büyük yapalım. Yazı tipi boyutunu burada Giriş şeridinin altında değiştirebilirim.

Biçimi de değiştirip Kalın olarak ayarlayayım.

Ardından, hizalamayı değiştirip Merkez olarak ayarlayacağım.

Uygulamadaki her ekran böyle görünecek.

Dokümantasyon Üzerinde Çalışmak

Artık bir ana ekranımız olduğuna göre, bir de Dokümantasyon ekranı oluşturalım. Dokümantasyon ekranı, uygulama boyunca kullanılacak tüm unsurların bulunabileceği bir referans ekranı görevi görecektir.

Giriş şeridinin altında, Yeni Ekran'a tıklayın ve Boş'u seçin.

Ardından bu ekranın adını Documentation olarak değiştirelim.

Ana ekranda nasıl bir dikdörtgen kullandığımızı hatırlıyor musunuz? Dokümantasyon ekranında buna benzer bir tane oluşturalım.

Bu sefer farklı bir renk yapmak istiyorum. Bunu yapmak için şeklin Dolgu özelliğini değiştirmem gerekiyor. Bu, sol taraftaki açılır menüde bulunabilir.

Formül çubuğunda, dikdörtgenin geçerli rengi olan mavi rengin RGBA renk özelliklerini gösterdiğine dikkat edin.

Ya onu sarıya çevirmek istersem? Bunun için RGBA özelliklerini gerçekten bilmem gerekmiyor. Sadece Sarı kelimesini yazın ve otomatik olarak mevcut farklı renk seçeneklerini gösterecektir.

Sarı yeşili seçelim. Bir renk seçtiğinizde, şeklin rengini değiştirirken RGBA özelliklerini de gösterdiğine dikkat edin.

Dokümantasyon Ekranına Başvuru

Dokümantasyon ekranının değerini burada görüyoruz.

Bu rengi daha çok sevdiğimiz için ana ekrana dönelim ve başlığın altındaki dikdörtgenin rengini değiştirelim. Sağ ekranın altındaki dikdörtgeni seçtikten sonra, açılır menüden Doldur'u seçmeniz yeterli.

Daha önce yaptığımız gibi sarı-yeşil yazmak yerine, yalnızca Dikdörtgen2 yazmam gerektiğine dikkat edin. Doldurmak. Bu, dokümantasyon ekranında bulunan Dikdörtgen2 öğesi için yaptığımız şeye otomatik olarak başvurur. Ardından, dokümantasyon ekranında oluşturduğumuz öğenin aynısını kopyalar.

Uygulamanızda 8 adede kadar veya daha fazla ekrana sahip olduğunuzu hayal edin. Bu, tüm ekranlarda görünen öğelerden herhangi birinin özelliklerini değiştirmeye karar verirsek, bunları tek tek değiştirmek zorunda olmadığımız anlamına gelir. Sadece dokümantasyon ekranını değiştirmemiz gerekiyor ve geri kalan her şey takip edecek.

Diyelim ki bir yönetici size sarı-yeşili sevmediği için rengi kırmızıya çevirmenizi söylüyor. Şimdi, Dikdörtgen'e geri dönüp onu kırmızıya çevirmeniz yeterli.

Bu, uygulamanızda buna atıfta bulunan diğer tüm dikdörtgenleri otomatik olarak değiştirecektir.

Power Apps Giriş: Tanım, Özellikler, İşlevler ve Önem
Power Apps Ortamları: Uygulama Öğelerini Düzgün Kurma
PowerApps İşlevleri ve Formülleri | Giriş

Çözüm

Boş bir Power Apps tuvaliyle çalışmak, bu platformun gerçekte ne kadar esnek olduğunu bize daha da fazla gösteriyor. Kullanım kolaylığı, temalarımız ve markamızla uyumlu güçlü uygulamalar oluşturmamıza gerçekten olanak tanıyor.

Bu iki temel ekranla (ana ekran ve dokümantasyon ekranı) başladığınız sürece, bir ekrandan diğerine atlarken tekrarlanan işlerden endişe etmeden kolaylıkla uygulamalar oluşturabilirsiniz.

Herşey gönlünce olsun,

Henry