Power Apps 'teki ekran denetimiScreen control in Power Apps

Bir uygulamada bulunan ve bir veya daha fazla denetim içeren kullanıcı arabirimi öğesidir.A UI element that contains one or more other controls in an app.

AçıklamaDescription

Birçok uygulamada, Etiket ve Düğme denetimlerinin yanı sıra veriler gösteren ve gezintiyi destekleyen diğer denetimleri içeren birden çok Ekran denetimi bulunur.Most apps have multiple Screen controls that contain Label controls, Button controls, and other controls that show data and support navigation. Ekran ekleme, ekranları yeniden sıralama ve gezintiyi yapılandırma hakkında daha fazla bilgi için, ekran eklemekonusunu gözden geçirin.For information about how to add a screen, reorder screens, and configure navigation, review Add a screen.

Temel özelliklerKey properties

BackgroundImage : bir ekranın arka planında görünen görüntü dosyasının adı.BackgroundImage – The name of an image file that appears in the background of a screen.

Fill : denetimin arka plan rengi.Fill – The background color of a control.

Ek özelliklerAdditional properties

Yükseklik -ekranın yüksekliği.Height - The height of the screen. Uygulama yanıt veriyor (sığacak kadar ölçeklendirilir ) veuygulamanın çalıştığı cihaz bu özellikten kısaysa, ekran dikey olarak kaydırılabilirler.If the app is responsive (Scale to fit is Off) and the device on which the app is running is shorter than this property, the screen can scroll vertically.

ImagePosition : ekrandaki bir görüntünün veya görüntü ile aynı boyutta değilse denetimin konumu (Fill, Fit, Stretch, Tile veya Center).ImagePosition – The position (Fill, Fit, Stretch, Tile, or Center) of an image in a screen or a control if it isn't the same size as the image.

Ad -ekranın adı.Name - The name of the screen.

OnHidden: kullanıcı ekrandan uzaklaştığında uygulamanın davranışı.OnHidden – The behavior of an app when the user navigates away from a screen.

OnVisible: kullanıcı bir ekrana gittiğinde uygulamanın davranışı.OnVisible – The behavior of an app when the user navigates to a screen. Bu özelliği, ekran tarafından kullanılan değişkenleri ve önyükleme verilerini ayarlamak için kullanın.Use this property to set up variables and preload data used by the screen. Uygulama başlatıldığında bir kez ayarlamak için app. OnStart özelliğini kullanın.Use the App.OnStart property for set up once when the app is started.

Yön -ekranın yönü.Orientation - The orientation of the screen. Genişliği yüksekliğindenbüyükse, yön Düzen olur. yatay; Aksi takdirde, Düzen. dikeyolur.If its Width is greater than its Height, the orientation will be Layout.Horizontal; otherwise, it will be Layout.Vertical.

Boyut -ekranın boyutunu sınıflandırdığı pozitif bir tamsayı.Size - A positive integer that classifies the size of the screen. Sınıflandırma, ekran genişliği özelliği, app. sizekesmenoktaları özelliğindeki değerlerle karşılaştırılarak belirlenir.The classification is determined by comparing the screen's Width property to the values in the App.SizeBreakpoints property. Screensize türü, 1 ile 4 arasındaki tamsayılara karşılık gelen dört değerden (küçük, Orta, büyükve extrabüyük) oluşur.The ScreenSize type consists of four values (Small, Medium, Large, and ExtraLarge) that correspond to the integers 1 through 4.

Width -ekranın genişliği.Width - The width of the screen. Uygulama yanıt veriyor (sığacak şekilde ölçeklendirin ) veuygulamanın üzerinde çalıştığı cihaz bu özellikten daha dar ise, ekran yatay olarak kaydırılabilirler.If the app is responsive (Scale to fit is Off) and the device on which the app is running is narrower than this property, the screen can scroll horizontally.

Distinct( VeriKaynağı; SütunAdı )Distinct( DataSource; ColumnName )

ÖrnekExample

  1. Bir Radyo denetimi ekleyin, ScreenFills olarak adlandırın ve Items özelliğini şu formül olarak ayarlayın:Add a Radio control, name it ScreenFills, and set its Items property to this value:

    ["Red"; "Green"]

    Bir denetimi nasıl ekleyeceğinizi, adlandıracağınızı veya yapılandıracağınızı bilmiyor musunuz?Don't know how to add, name, and configure a control?

  2. Varsayılan Ekran denetimini Source olarak adlandırın ve başka bir Ekran denetimi daha ekleyip Target olarak adlandırın.Name the default Screen control Source, add another Screen control, and name it Target.

  3. Kaynakbölümünde bir Şekil denetimi (örneğin, ok) ekleyin ve OnSelect özelliğini şu formül olarak ayarlayın:In Source, add a Shape control (such as an arrow), and set its OnSelect property to this formula:

    Navigate(Target; ScreenTransition.Fade)

    Navigate işlevi veya diğer işlevler hakkında daha fazla bilgi edinmek ister misiniz?Want more information about the Navigate function or other functions?

  4. Target denetimine Şekil denetimi (ok gibi) ekleyin ve OnSelect özelliğini şu formül olarak ayarlayın:In Target, add a Shape control (such as an arrow), and set its OnSelect property to this formula:

    Navigate(Source; ScreenTransition.Fade)

  5. Target denetiminin Fill özelliğini şu formül olarak ayarlayın:Set the Fill property of Target to this formula:

    If("Red" in ScreenFills.Selected.Value; RGBA(255; 0; 0; 1); RGBA(54; 176; 75; 1))

  6. Kaynak ekranını seçin ve sonra alt tuşunu basılı tutarken radyo denetimindeki iki seçenekten birini belirleyin ve ardından Şekil denetimini seçin.Select the Source screen and then, while holding down the Alt key, select either option in the Radio control, and then select the Shape control.

    Hedef , seçtiğiniz renkte görünür.Target appears in the color that you selected.

  7. Hedefbölümünde, kaynağadöndürülecek Şekil denetimini seçin.In Target, select the Shape control to return to Source.

  8. seçim Radyo denetiminde diğer seçeneği belirleyin ve ardından bu hedefin diğer renkte göründüğünü onaylamak için Şekil denetimini seçin.(optional) Select the other option in the Radio control, and then select the Shape control to confirm that Target appears in the other color.

  9. seçim Sol gezinti çubuğundaki hedefi üzerine gelerek, görüntülenen üç noktayı seçip aşağı taşı' yı seçerek ekranları yeniden sıralayın.(optional) Reorder the screens by hovering over Target in the left navigation bar, selecting the ellipsis that appears, and then selecting Move up.

    Hedef , Kullanıcı uygulamayı açtığında önce görüntülenir.Target appears first when the user opens the app.

Erişilebilirlik yönergeleriAccessibility guidelines

Renk karşıtlığıColor contrast

Metin için etkili arka plan Ekran olduğunda şunlar arasında yeterli renk karşıtlığı olmalıdır:When the Screen is the effective background for text, there must be adequate color contrast between:

Örneğin, bir Ekran Label denetimini içerdiğinde ve etiketin saydam bir dolgusu olduğunda, ekranın Fill özelliği etkili bir şekilde etiketin arka plan rengi haline gelir.For example, if a Screen contains a Label and the label has transparent fill, then the screen's Fill effectively becomes the background color for the label.

Metne ek olarak, bir Rating denetimindeki yıldız görüntüleri gibi temel grafik nesneleriyle renk karşıtlığını denetlemeyi düşünün.In addition to text, consider checking color contrast with essential graphical objects like the star images in a Rating control.

Ekran okuyucu desteğiScreen reader support

  • Her Ekran için anlamlı bir ad olmalıdır.There must be a meaningful name for each Screen. Ekran adı, diğer denetimlerle aynı şekilde görüntülenip düzenlenebilir: denetimler bölmesinin ağaç görünümünde veya özellikler bölmesinin üst bilgisinde.The screen name can be viewed and edited in the same way as other controls: in the tree view of the controls pane or in the header of the properties pane.

    Not

    Yeni bir Ekran yüklendiğinde ekran okuyucular ekranın adını duyurur.When a new Screen is loaded, screen readers will announce its name.