Öğretici: Powerapps'te bir galeri özelleştirmeTutorial: Customize a gallery in PowerApps

Bu öğreticide, galeri adı verilen kayıtların bir listesini özelleştirir ve Microsoft PowerApps’te otomatik olarak oluşturulmuş bir uygulamaya diğer değişiklikleri yaparsınız.In this tutorial, you'll customize a list of records, called a gallery, and make other changes in an app that was generated automatically in Microsoft PowerApps. Bu değişiklikleri yapmasanız da kullanıcılar uygulamadaki verileri yönetebilir, ancak uygulamayı kuruluşunuzun ihtiyaçlarına göre özelleştirirseniz uygulama daha kolay kullanılabilir hale gelir.Users can manage data in the app even if you don't make these changes, but the app will be easier to use if you customize it for your organization's needs.

Örneğin, bu öğreticideki galeri varsayılan olarak bu grafikle uyumludur.For example, the gallery for this tutorial matches this graphic by default. E-posta adresi diğer veri türlerine göre daha baskın bir şekilde öne çıkarılır ve kullanıcılar galeriyi adresteki metne dayalı olarak sıralayabilir ve filtreleyebilir:The email address is featured more prominently than other types of data, and users can sort and filter the gallery based on text in that address:

Varsayılan galeri

Ancak kullanıcılarınız, e-posta adresi yerine hesap adıyla daha fazla ilgilenebilir. Dolayısıyla galeriyi kuruluşunuza ilişkin önemli verilere dayalı olarak vurgulama, sıralama ve filtreleme yapacak şekilde yeniden yapılandırırsınız.However, your users might be more interested in the account name more than the email address, so you'll reconfigure the gallery to highlight, sort, and filter based on the key data for your organization. Ek olarak uygulamadaki diğer ekranlardan ayırt edilebilmesi için varsayılan ekranın başlığını değiştirirsiniz.In addition, you'll change the title of the default screen to differentiate it from the other screens in the app.

Son galeri

Ayrıca dokunmatik ekranı ve fare tekerleği olmayan kullanıcıların tüm galeriyi gezebilmesi için bir kaydırma çubuğu eklersiniz.You'll also add a scroll bar so that users who don't have touch screens or mouse wheels can browse the entire gallery.

  • Galeri düzenini değiştirmeChange the layout of the gallery
  • Galeride görünen veri türünü değiştirmeChange the type of data that appears in the gallery
  • Sütunları kullanıcıların sıralayabileceği ve verileri arayabileceği şekilde değiştirmeChange the columns by which users can sort and search the data
  • Ekran başlığını değiştirmeChange the screen title
  • Bir kaydırma çubuğu göstermeShow a scroll bar

Bu öğretici, belirli bir veri kaynağından oluşturulmuş bir uygulamayla başlar.This tutorial starts with an app that was generated from a specific data source. Ancak aynı kavramlar, PowerApps’te bir SharePoint listesinden, Excel tablosundan veya başka bir veri kaynağından oluşturduğunuz tüm uygulamalar için geçerlidir.However, the same concepts apply to any app that you generate in PowerApps, whether from a SharePoint list, an Excel table, or some other data source.

PowerApps’e daha önce kaydolmadıysanız başlamadan önce ücretsiz olarak kaydolun.If you're not signed up for PowerApps, sign up for free before you start.

ÖnkoşullarPrerequisites

Uygulama oluşturma gelen hesapları Common Data Service varlığı.Generate an app from the Accounts entity of Common Data Service.

Oluşturulan uygulamayı açmaOpen the generated app

  1. PowerApps'te oturum açın ve sonra sol kenardaki Uygulamalar’ı seçin.Sign in to PowerApps, and then select Apps near the left edge.

  2. Oluşturduğunuz uygulamayı bulun, üç nokta simgesini (... ) ve ardından Düzenle’yi seçin.Find the app that you generated, select the ellipsis icon (...) for it, and then select Edit.

    Düzenlemek üzere uygulamayı açma

  3. PowerApps Studio'ya hoş geldiniz iletişim kutusu görüntülenirse Atla'yı seçin.If the Welcome to PowerApps Studio dialog box appears, select Skip.

Düzeni değiştirmeChange the layout

  1. Sol gezinti bölmesinde BrowseGallery1 (Galeri1’e Göz At) seçeneğini belirleyin.In the left navigation pane, select BrowseGallery1.

    Galeri seçildiğinde, tanıtıcılara sahip bir seçim kutusu etrafını çevreler.When the gallery is selected, a selection box with handles surrounds it.

    Galeriyi seçme

  2. Üzerinde özellikleri sekmesi sağ bölmede altındaki seçenekler listesini açın Düzenve ardından yalnızca bir başlık gösteren seçeneği belirleyin.On the Properties tab of the right-hand pane, open the list of options under Layout, and then select the option that shows only a title.

    Yalnızca başlık düzenini seçme

  3. Yanındaki alanlarıseçin Düzenleve ardından Başlık kutusunda aşağı oku seçin.Next to Fields, select Edit, and then select the down arrow for the title box.

    Bu denetimin adının sonuna bir sayı eklenir (Başlık1 gibi) ancak bu sayı gerçekleştirdiğiniz eyleme göre değişebilir.The name of this control will end in a numeral, such as Title1, but the numeral might differ based on other actions you might have taken.

  4. Seçeneklerini listeden seçin hesap adıve ardından kapatın veri bölmesi.In the list of options, select Account name, and then close the Data pane.

    Galeri her hesabın adını gösterir.The gallery shows the name of each account.

    Son galeri

Sıralama ve arama sütunlarını değiştirmeChange sort and search columns

  1. Önceki bölümde anlatılan şekilde galeriyi seçin.Select the gallery as the previous section describes.

    Galeriyi seçme

  2. Sol üst köşenin yakınındaki özellik listesinde Öğeler özelliğinin gösterildiğinden emin olun.Near the upper-left corner, confirm that the property list shows Items.

    Items özelliği

    Bu özelliğin değeri formül çubuğunda görüntülenir.The value of this property appears in the formula bar. Bu özelliği yalnızca galerinin veri kaynağını belirlemek için değil, ayrıca kullanıcıların verileri sıralayabilmek ve arayabilmek için kullanacağı sütunları belirlemek için de ayarlarsınız.You set this property to specify not only the data source for the gallery but also the columns by which users can sort and search the data.

  3. Bu formülü kopyalayın ve formül çubuğuna yapıştırın.Copy this formula, and then paste it in the formula bar.

    SortByColumns(Search(Accounts; TextSearchBox1.Text; "name"); "name"; If(SortDescending1; Descending; Ascending))

    Bu formülü kullanarak, şunları sağladığınızdan emin olursunuz:By using this formula, you ensure that:

    • Kullanıcı arama çubuğuna bir veya daha fazla karakter yazarsa, galeri yalnızca kullanıcının yazdığı metni kapsayan bu hesap adlarını gösterir.If a user types one or more characters in the search bar, the gallery shows only those account names that contain the text that the user typed.
    • Kullanıcı sıralama simgesini seçerse, kullanıcının simgeyi kaç kere seçtiğine bağlı olarak galeri artan veya azalan sırada hesap adına göre alfabetik olarak sıralanır.If a user selects the sort icon, the gallery is sorted alphabetically by account name in either ascending or descending order, depending on how many times the user selects the icon.

    Bu işlevler ve diğerleri hakkında daha fazla bilgi için bkz. formül başvurusu.For more information about these and other functions, see the formula reference.

Sıralamayı ve aramayı test etmeTest sorting and searching

  1. F5 tuşuna basarak (veya sağ üst köşedeki yürütme düğmesini seçerek) Önizleme modunu açın.Open Preview mode by pressing F5 (or by selecting the play button near the upper-right corner).

    Önizleme modunu açma

  2. Sıralama düzenini alfabetik olarak artan ve azalan sırada değiştirmek için göz atma ekranının sağ üst köşesinin yakınında bulunan sıralama simgesini bir kez veya daha fazla seçin.Near the upper-right corner of the browse screen, select the sort icon one or more times to change the alphabetical sort order between ascending and descending.

    Sıralama simgesini test etme

  3. Arama kutusuna k gibi bir harf yazarak yalnızca yazdığınız harfi içeren hesap adlarını görüntüleyin.In the search box, type k to show only those account names that contain the letter that you typed.

    Arama çubuğunu test etme

  4. Arama kutusundaki tüm metni silin ve ardından Esc tuşuna basarak (veya sağ üst köşedeki kapatma simgesini seçerek) Önizleme modunu kapatın.Remove all text from the search bar, and then close Preview mode by pressing Esc (or by selecting the close icon near the upper-right corner).

Ekran başlığını değiştirmeChange the screen title

  1. Ekran başlığını, başlığa tıklayarak veya dokunarak seçin.Select the title of the screen by clicking or tapping it.

    Ekran başlığını seçme

  2. Özellik listesinde Metin özelliğinin gösterildiğinden emin olun ve ardından (çift tırnak işaretlerini koruyacak şekilde) formül çubuğunda Hesaplar’ı Gözat ile değiştirin.Ensure that the property list shows Text and then, in the formula bar, replace Accounts with Browse (retaining the double quotation marks).

    Ekran başlığını güncelleştirme

    Yaptığınız değişiklik ekrana uygulanır.The screen reflects your change.

    Yeni ekran başlığı

Bir kaydırma çubuğu göstermeShow a scrollbar

Kullanıcılarınızın dokunmatik ekrana veya fare tekerleğine sahip olmama olasılığı varsa, galeriyi kullanıcı fare ile üzerine geldiğinde bir kaydırma çubuğu gösterecek şekilde yapılandırın.If your users might have neither touch screens nor mouse wheels, configure the gallery to show a scrollbar when the user hovers over it with the mouse. Bu şekilde kullanıcılar, ekranda tümü tek seferde gösterilemese bile tüm hesapları görüntüleyebilir.That way, users can show all accounts even if the screen can't show them all at once.

  1. Birinci yordamda açıklanan şekilde galeriyi seçin.Select the gallery as the first procedure describes.

    Galeriyi seçme

  2. Galerinin kaydırma çubuğunu göster özelliğini true.Set the gallery's Show scrollbar property to true.

Sonraki adımlarNext steps

Bu öğreticide, oluşturulan bir uygulamada kayıtlara göz atmak için galeriyi özelleştirdiniz ve varsayılan ekrana başka değişiklikler yaptınız.In this tutorial, you've customized the gallery and made other changes to the default screen for browsing records in a generated app. Ayrıca, ayrıntıları görüntülemek ve hesapları oluşturmak ya da güncelleştirmek üzere varsayılan ekranları özelleştirebilirsiniz.You can also customize the default screens for displaying details and creating or updating accounts. Gözatma ekranı bir galeri içerirken, uygulamadaki diğer iki ekran formları içerir.As the browse screen contains a gallery, the other two screens in the app contain forms. Örneğin, formların hangi veri türlerini göstereceğini ve hangi sırada göstereceğini değiştirebilirsiniz.You can change, for example, which types of data the forms show and in which order.