Tuval uygulamasına liste kutusu, açılan liste veya radyo düğmeleri eklemeAdd a list box, a drop-down list, or radio buttons to a canvas app

Kullanıcıların listedeki bir veya daha fazla öğeyi seçebilmesini sağlamak için tuval uygulamasındaki verileri (örneğin çok sütunlu bir tablodan) içeren tek bir sütunu gösterin.Show a single column of data (for example, from a multi-column table) in a canvas app so that users can select one or more items in a list.

  • Kullanıcıların birden fazla seçeneği belirleyebilmesini sağlamak için liste kutusu ekleyin.Add a list box to allow users to select more than one option.
  • Ekranda daha az yer kaplamak için açılan liste ekleyin.Add a drop-down list to take up less space on a screen.
  • Belirli bir tasarım etkisi için radyo düğmelerinden oluşan bir küme ekleyin.Add a set of radio buttons for a particular design effect.

Bu konuda liste kutularına ve radyo düğmeleri öne çıkarılır, ancak aynı ilkeler açılan listeler için de geçerlidir.This topic focuses on lists boxes and radio buttons, but the same principles apply to drop-down lists.

Önkoşullar

  1. PowerApps'e kaydolun.
  2. Kaydolurken kullandığınız kimlik bilgileri ile oturum açın.
  3. Kendi uygulamanızı oluşturun altında, Boş tuval uygulaması kutucuğunun üzerine gelin, telefon simgesini ve sonra Bu uygulamayı oluştur seçeneğini belirleyin.
  4. Denetim eklemeyi ve yapılandırmayı öğrenin.

Basit liste oluşturmaCreate a simple list

  1. ListeKutum adlı bir Liste kutusu denetimi ekleyin ve bu denetimin Öğeler özelliğini şu ifadeye ayarlayın:Add a List box control named MyListBox, and set its Items property to this expression:

    ["circle";"triangle";"rectangle"]

    Tasarımcı ekranınız aşağıdakine benzer olacaktır:Your designer looks similar to the following:

  2. Ekle sekmesinde Simgeler’i seçin, daireyi seçin ve ListeKutum denetiminin altına taşıyın:On the Insert tab, select Icons, select the circle, and move it under MyListBox:

  3. Bir üçgen ve bir dikdörtgen ekleyip şekilleri ListeKutum denetimi altında bir satır oluşturacak şekilde düzenleyin:Add a triangle and a rectangle, and then arrange the shapes in a row under MyListBox:

  4. Şekillerin Visible özelliğini aşağıdaki işlevlere ayarlayın:Set the Visible property of the following shapes to the following functions:

    ŞekilShape Visible işlevinin değeriSet Visible function to
    dairecircle If("circle" in MyListBox.SelectedItems.Value; true)
    üçgentriangle If("triangle" in MyListBox.SelectedItems.Value; true)
    dikdörtgenrectangle If("rectangle" in MyListBox.SelectedItems.Value; true)
  5. Alt tuşunu basılı tutarak ListeKutum denetiminde bir veya daha fazla şekil seçin.While holding down the Alt key, select one or more shapes in MyListBox.

    Yalnızca seçtiğiniz şekil veya şekiller görünür.Only the shape or shapes that you select appear.

Bu adımlarda bir ifade kullanarak öğe listesi oluşturdunuz.In these steps, you used an expression to create a list of items. Bunu işinizdeki diğer öğelere de uygulayabilirsiniz.You can apply this to other elements within your business. Örneğin, bir Açılan liste denetimi kullanarak ürün resimlerini, ürün açıklamalarını ve benzer bilgileri görüntüleyebilirsiniz.For example, you can use a Drop down control to display product images, product descriptions, and so on.

Radyo düğmesi eklemeAdd radio buttons

  1. Giriş sekmesinde Yeni Ekran’ı ve ardından Boş’u seçin.On the Home tab, select New Screen, and then select Blank.

  2. Ekle sekmesinde Denetimler'i ve ardından Radyo'yu seçin.On the Insert tab, select Controls, and then select Radio.

  3. Radyo denetimini Choices olarak adlandırın ve Items özelliğini şu formül olarak ayarlayın:Rename the Radio control to Choices, and set its Items property to this formula:
    ["red";"green";"blue"]

    Gerekirse tüm seçenekleri göstermek için denetimin boyutunu ayarlayın.If needed, resize the control to show all the options.

  4. Ekle sekmesinde Simgeler'i ve ardından daireyi seçin.On the Insert tab, select Icons, and then select the circle.

  5. Dairenin Fill özelliğini şu işleve ayarlayın:Set the Fill property of the circle to the following function:
    If(Choices.Selected.Value = "red"; Red; Choices.Selected.Value = "green"; Green; Choices.Selected.Value = "blue"; Blue)

    Bu formülde dairenin rengi, seçtiğiniz radyo düğmesine göre değişir.In this formula, the circle changes its color depending on which radio button you choose.

  6. Radyo denetiminin altındaki daireyi hareket ettirin, örneğin:Move the circle under the Radio control, as in this example:

  7. Dairenin rengini değiştirmek için Alt tuşunu basılı tutarak farklı bir radyo düğmesi seçin.While holding down the Alt key, select a different radio button to change the color of the circle.