PowerApps'te Şekil denetimleri ve Simge denetimleriShape controls and Icon controls in PowerApps

Görünüm ve davranış özelliklerini yapılandırabileceğiniz grafiklerdir.Graphics for which you can configure appearance and behavior properties.

AçıklamaDescription

Bu denetimler; dolgu, boyut ve konum gibi özellikleri yapılandırabileceğiniz oklar, geometrik şekiller, eylem simgeleri ve semboller içerir.These controls include arrows, geometric shapes, action icons, and symbols for which you can configure properties such as fill, size, and location. Ayrıca kendi OnSelect özelliği, böylece kullanıcı denetimi seçerse uygulama yanıt.You can also configure their OnSelect property so that the app responds if the user selects the control.

Anahtar özellikleri (simgeler ve şekiller)Key properties (icons and shapes)

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

OnSelect – kullanıcının bir denetimi seçtiğinde uygulamanın nasıl yanıt verdiği.OnSelect – How the app responds when the user selects a control.

Anahtar özellikleri (yalnızca simgeler)Key properties (icons only)

Simge -görüntülenecek simge türünü (örneğin, ArrowDown veya ShoppingCart).Icon - The type of icon to display (for example, ArrowDown or ShoppingCart).

Döndürme -simgesi açıyı derece sayısı.Rotation - The number of degrees to rotate the icon.

Renk -adı veya RGBA değerleri simgesiyle rengi.Color - The color of the icon by name or RGBA values.

Ek özelliklerAdditional properties

AccessibleLabel – Ekran okuyucular için etiket.AccessibleLabel – Label for screen readers.

DisplayMode: denetimin kullanıcı girişine izin verip vermediği (Edit), yalnızca veri görüntüleyip görüntülemediği (View) veya devre dışı olup olmadığı (Disabled).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

FocusedBorderColor – Denetim odaklandığında denetim kenarlığının rengi.FocusedBorderColor – The color of a control's border when the control is focused.

FocusedBorderThickness – Denetim odaklandığında denetim kenarlığının kalınlığı.FocusedBorderThickness – The thickness of a control's border when the control is focused.

Height: denetimin üst ve alt kenarları arasındaki uzaklık.Height – The distance between a control's top and bottom edges.

HoverFill: kullanıcı, fare işaretçisini denetim üzerinde tuttuğunda görüntülenecek olan arka plan rengi.HoverFill – The background color of a control when the user keeps the mouse pointer on it.

PressedBorderColor – kullanıcı bu denetimi seçtiğinde bir denetimin kenarlık rengi.PressedBorderColor – The color of a control's border when the user selects that control.

PressedFill – kullanıcı bu denetimi seçtiğinde denetimin arka plan rengi.PressedFill – The background color of a control when the user selects that control.

TabIndex – Diğer denetimlerle ilişkili olarak klavye ile gezinme sırası.TabIndex – Keyboard-navigation order in relation to other controls.

Visible: denetimin gizli veya görünür olması.Visible – Whether a control appears or is hidden.

Width: denetimin sol ve sağ kenarları arasındaki uzaklık.Width – The distance between a control's left and right edges.

X: denetimin sol kenarı ile üst kapsayıcısının (üst kapsayıcı mevcut değilse ekranın) sol kenarı arasındaki uzaklık.X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y: denetimin üst kenarı ile üst kapsayıcının (üst kapsayıcı mevcut değilse ekranın) üst kenarı arasındaki uzaklık.Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Navigate( EkranAdı; EkranGeçişi )Navigate( ScreenName; ScreenTransition )

ÖrnekExample

  1. Varsayılan Ekran denetimini Target olarak adlandırın, bir Etiket denetimi ekleyin ve Text özelliğini Target'ı gösterecek şekilde ayarlayın.Name the default Screen control Target, add a Label control, and set its Text property to show Target.

    Denetim eklemeyi ve yapılandırmayı bilmiyor musunuz?Don't know how to add and configure a control?

  2. Bir Ekran denetimi ekleyin ve Source olarak adlandırın.Add a Screen control, and name it Source.

  3. Source denetiminde bir Şekil denetimi ekleyin ve OnSelect özelliğini şu formül olarak ayarlayın:In Source, add a Shape control, and set its OnSelect property to this formula:

Navigate(Target; ScreenTransition.Fade)

  1. F5 tuşuna basın ve ardından şekli denetimi.Press F5, and then select the Shape control.

    Target ekranı görünür.The Target screen appears.

  2. (isteğe bağlı) Varsayılan çalışma alanına dönmek için Esc tuşuna basın, Target'a bir Şekil denetimi ekleyin ve Şekil denetiminin OnSelect özelliğini şu formül olarak ayarlayın:(optional) Press Esc to return to the default workspace, add a Shape control to Target, and set the OnSelect property of the Shape control to this formula:

Navigate(Source; ScreenTransition.Fade)

Erişilebilirlik yönergeleriAccessibility guidelines

Renk karşıtlığıColor contrast

Aşağıdakiler yalnızca düğme olarak kullanılan veya yalnızca süsleme amaçlı olmayan grafikler için geçerlidir.The following applies only to graphics that are used as buttons or are otherwise not just for decoration.

Simgeler için:For icons:

Kenarlıklı şekiller için:For shapes with borders:

Kenarlıksız şekiller için:For shapes without borders:

  • Fill ve denetimin dışında kalan renkFill and the color outside the control
  • PressedFill ve denetimin dışında kalan renk (düğme olarak kullanılıyorsa)PressedFill and the color outside the control (if used as a button)
  • HoverFill ve denetimin dışında kalan renk (düğme olarak kullanılıyorsa)HoverFill and the color outside the control (if used as a button)

Ekran okuyucu desteğiScreen-reader support

  • AccessibleLabel grafik bir düğme olarak kullanılan veya yalnızca süsleme amaçlı değilse boş dizeye ayarlanmalıdır.AccessibleLabel must be set to a non-empty string if the graphic is used as a button or is otherwise not just for decoration.

  • AccessibleLabel boş veya boş bir dize olmalıdır "" grafik yedekli bilgiler sağlıyorsa veya yalnızca süsleme.AccessibleLabel must be empty or the empty string "" if the graphic provides redundant information or is purely for decoration. Bu değer, ekran okuyucularının grafiği yok saymak neden olur.This value causes screen readers to ignore the graphic.

Örneğin, ayarlayabilirsiniz AccessibleLabel özelliği bir ayarları simgesine ayarları.For example, you might set the AccessibleLabel property of a Settings icon to Settings. Bu simge, düğme olarak kullanılmaz.This icon isn't used as a button. Olan bir etiket yanındadır ayarları.It's next to a Label that also says Settings. Ekran okuyucuları simgeyi hem etiketi olarak ayarları, hangi gereksiz yere ayrıntılıdır.Screen readers will read both the icon and the label as Settings, which is unnecessarily verbose. Bu durumda, simge ihtiyaç duymadığı bir AccessibleLabel.In this case, the icon doesn't need an AccessibleLabel.

Önemli

Ekran okuyucuları okuma simge veya şekil olarak düğmesi varsa kendi AccessibleLabel boş dize olarak ayarlayın ve kendi TabIndex sıfır veya daha büyük olarak ayarlayın.Screen readers will read read an icon or shape as button if its AccessibleLabel is set to an empty string and its TabIndex is set to zero or greater. Böyle bir simge veya şekilleri düğme olarak işlenmesidir.Such icons or shapes are rendered as buttons.

Klavye desteğiKeyboard support

  • TabIndex sıfır olmalıdır veya grafik bir düğme olarak kullanılıyorsa, daha büyük.TabIndex must be zero or greater if the graphic is used as a button. Bu değer için bir simge veya şekil ayarlarsanız, klavye kullanıcılarının kendisine gidebilirsiniz.If you set this value for an icon or shape, keyboard users can navigate to it.

  • Odak göstergeleri açıkça görünür grafik bir düğme olarak kullanılıyorsa olmalıdır.Focus indicators must be clearly visible if the graphic is used as a button. Kullanım FocusedBorderColor ve FocusedBorderThickness bu sonucu elde etmek için.Use FocusedBorderColor and FocusedBorderThickness to achieve this result.

    Not

    TabIndex sıfır veya daha büyük olduğunda simge veya şekil bir düğme olarak işlenir.When TabIndex is zero or greater, the icon or shape is rendered as a button. Görünümünü değiştirmez, ancak ekran okuyucular görüntüyü düğme olarak doğru şekilde tanımlar.Its appearance doesn't change, but screen readers will correctly identify the image as a button. TabIndex sıfırdan küçük olduğunda simge veya şekil bir görüntü olarak tanımlanır.When TabIndex is less than zero, the icon or shape is identified as an image.