Power Apps uygulamasındaki düğme denetimi

Kullanıcının, uygulamayla etkileşime geçmek için tıklayabileceği veya dokunabileceği bir denetimdir.

Açıklama

Düğme denetiminin OnSelect özelliğini, kullanıcı denetime tıklayınca veya dokununca bir veya daha fazla formül çalıştıracak şekilde yapılandırın.

Temel özellikler

OnSelect: Kullanıcı bir denetime dokunduğunda veya tıkladığında gerçekleştirilecek eylemler.

Text – Denetimde görüntülenen veya kullanıcının denetime yazdığı bir metin.

Ek özellikler

Align – Metnin, denetiminin yatay merkezine göre konumu.

AutoDisableOnSelect: OnSelect davranışı çalışıyorken denetimi otomatik olarak devre dışı bırakır.

BorderColor – Denetim kenarlığının rengi.

BorderStyle – Düz, Kesik Çizgili, Noktalı veya Hiçbiri değerleriyle Denetimin kenarlık stili.

BorderThickness – Denetimin kenarlık kalınlığı.

Color – Denetimdeki metnin rengi.

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).

DisabledBorderColor: DisplayMode özelliği Disabled olarak ayarlandığında denetimin kenarlık rengi.

DisabledColor: DisplayMode özelliği Disabled olarak ayarlandığında denetimdeki metin rengi.

DisabledFill: DisplayMode özelliği Disabled olarak ayarlandığında denetimin arka plan rengi.

FocusedBorderColor – Denetime odaklanıldığında denetim kenarlığının rengi.

FocusedBorderThickness – Denetime odaklanıldığında denetim kenarlığının kalınlığı.

Fill – Denetimin arka plan rengi.

Font – Metnin görüntülendiği yazı tipi ailesinin adı.

FontWeight: Denetimdeki metnin genişliği: Kalın, Yarı kalın, Normal veya Daha ince.

Height – Denetimin üst ve alt kenarları arasındaki uzaklık.

HoverBorderColor – Kullanıcı, fare işaretçisini denetim üzerinde tuttuğunda görüntülenecek olan kenarlık rengi.

HoverColor – Kullanıcı, fare işaretçisini denetimdeki metin üzerinde tuttuğunda görüntülenecek olan metin rengi.

HoverFill – Kullanıcı, fare işaretçisini denetim üzerinde tuttuğunda görüntülenecek olan arka plan rengi.

Italic – Denetimdeki metnin italik olup olmadığı.

PaddingBottom – Denetimdeki metin ile denetimin alt kenarı arasındaki uzaklık.

PaddingLeft – Denetimdeki metin ile denetimin sol kenarı arasındaki uzaklık.

PaddingRight – Denetimdeki metin ile denetimin sağ kenarı arasındaki uzaklık.

PaddingTop – Denetimdeki metin ile denetimin üst kenarı arasındaki uzaklık.

Pressed: Bir denetime basıldığında doğru, aksi halde yanlış olur.

PressedBorderColor – Kullanıcı, denetime dokunduğunda veya tıkladığında görüntülenecek kenarlık rengi.

PressedColor – Kullanıcı, denetime dokunduğunda veya tıkladığında görüntülenecek metin rengi.

PressedFill – Kullanıcı, denetime dokunduğunda veya tıkladığında görüntülenecek arka plan rengi.

RadiusBottomLeft – Denetimin sol alt köşesinin ne kadar yuvarlanacağı.

RadiusBottomRight – Denetimin sağ alt köşesinin ne kadar yuvarlanacağı.

RadiusTopLeft – Denetimin sol üst köşesinin ne kadar yuvarlanacağı.

RadiusTopRight – Denetimin sağ üst köşesinin ne kadar yuvarlanacağı.

Size – Denetimde görünen metnin yazı tipi boyutu.

Strikethrough – Denetimde görünen metnin üstü çizili olup olmadığı.

TabIndex – Diğer denetimlerle ilişkili olarak klavye ile gezinme sırası.

Tooltip – Kullanıcı bir denetimin üzerine geldiğinde görünen açıklama metni.

Underline – Denetimde görünen metnin altı çizili olup olmadığı.

VerticalAlign – Denetimdeki metnin, denetimin dikey merkezine göre konumu.

Visible – Denetimin gizli veya görünür olması.

Width – Denetimin sol ve sağ kenarları arasındaki uzaklık.

X – Denetimin sol kenarı ile ana kapsayıcısının (veya ana kapsayıcı yoksa ekranın) sol kenarı arasındaki uzaklık.

Y – Denetimin üst kenarı ile ana kapsayıcısının (veya ana kapsayıcı yoksa ekranın) üst kenarı arasındaki uzaklık.

İlgili işlevler

Navigate( ScreenName, ScreenTransitionValue )

Örnekler

Düğmelere temel formüller ekleme

1. Metin girişi denetimi ekleyin ve Kaynak olarak adlandırın.

   Denetimi ekleme, adlandırma ve yapılandırma işlemlerini bilmiyor musunuz?

2. Düğme denetimi ekleyin, Text özelliğini "Ekle" olarak ve OnSelect özelliğini şu formül olarak ayarlayın:
   UpdateContext({Total:Total + Value(Source.Text)})

   UpdateContext işlevi veya diğer işlevler hakkında daha fazla bilgi edinmek ister misiniz?

3. Etiket denetimi ekleyin, formül çubuğundaki Text özelliğini Value(Total) olarak ayarlayın ve ardından F5 tuşuna basın.

4. Kaynak'taki varsayılan metni temizleyin, bir sayı yazın ve ardından Ekle'ye tıklayın veya dokunun.

   Etiket denetiminde, girmiş olduğunuz sayı gösterilir.

5. Kaynak'taki sayıyı temizleyin ve ardından Ekle'ye tıklayın veya dokunun.

   Etiket denetiminde, girmiş olduğunuz iki sayının toplamı gösterilir.

6. (isteğe bağlı) Önceki adımları bir veya birçok kez tekrarlayın.

7. Varsayılan çalışma alanına dönmek için Esc tuşuna basın (Alternatif olarak, sağ üst köşedeki kapatma simgesine tıklayın ya da dokunun).

Düğmeyi birden fazla formülle yapılandırma

Girişler arasındaki Metin girişi denetimini temizleyen bir formül ekleyin.

1. Source öğesinin HintText özelliğini "Sayı girin" olarak ayarlayın.

2. Ekle'nin OnSelect özelliğini şu formül olarak ayarlayın:

   UpdateContext({Total:Total + Value(Source.Text)});
   UpdateContext({ClearInput: ""})

   Not

   Formülleri noktalı virgül ";" ile ayırın.

3. Source öğesinin Default özelliğini ClearInput olarak ayarlayın.

4. F5 tuşuna basın ve ardından birlikte birçok sayı ekleyerek uygulamayı test edin.

Toplamı sıfırlamak için başka bir düğme ekleme

Hesaplamalar arasındaki toplamı temizlemek için ikinci bir düğme ekleyin.

1. Başka bir Düğme denetimi ekleyin, Text özelliğini "Temizle" olarak ve OnSelect özelliğini şu formül olarak ayarlayın:

   UpdateContext({Total:0})

2. F5 tuşuna basın, birkaç sayı girin ve ardından toplamı sıfırlamak için Clear'ye tıklayın veya dokunun.

Düğmenin görünümünü değiştirme

Düğmenin şeklini değiştirme

Varsayılan olarak Power Apps, yuvarlak köşeli dikdörtgen bir Düğme denetimi oluşturur. Height, Width ve Radius özelliklerini ayarlayarak bir Düğme denetiminin şeklinde temel değişiklikler yapabilirsiniz.

1. Düğme denetimi ekleyin ve büyük bir kare düğme elde etmek için Height ve Width özelliklerini 300 olarak ayarlayın.

2. RadiusTopLeft, RadiusTopRight, RadiusBottomLeft ve RadiusBottomRight özelliklerini değiştirerek her bir köşedeki eğrilik miktarını ayarlayın. Aşağıda farklı şekillere ilişkin bazı örnekler bulabilirsiniz, bunların her biri için 300 x 300 kare düğme ile başlanmıştır:

   • Daire oluşturmak için dört Radius değerinin her birini 150 olarak ayarlayın.
   • Yaprak şeklinde bir Düğme oluşturmak için RadiusTopLeft ve RadiusBottomRight özelliklerini 300 olarak ayarlayın.
   • Sekme şeklinde bir düğme oluşturmak için RadiusTopLeft ve RadiusTopRight özelliklerini 300 olarak, RadiusBottomLeft ve RadiusBottomRight özelliklerini ise 100 olarak ayarlayın.

Düğmenin üzerine geldiğinizde görüntülenen rengi değiştirme

Varsayılan olarak Düğme denetiminin dolgu rengi, bir fare ile üzerine gelindiğinde %20 oranında soluklaşır. ColorFade işlevini kullanan HoverFill özelliğini değiştirerek bu davranışı ayarlayabilirsiniz. ColorFade formülünü pozitif bir yüzde değeri olarak ayarlarsanız düğmenin üzerine geldiğinizde renk daha açık, negatif bir yüzde değeri olarak ayarladığınızda ise daha koyu görünür.

• Oluşturduğunuz düğmelerden biri için HoverFill özelliğinin ColorFade yüzdesini değiştirin ve etkileri gözlemleyin.

Ayrıca HoverFill özelliğini, ColorFade yerine ColorValue işlevini içeren bir formül olarak ayarlayıp (örneğin, ColorValue("Red")) Düğme denetiminin rengini de belirtebilirsiniz.

• Oluşturduğunuz düğmede ColorFade işlevini bir ColorValue işlevi ile değiştirin ve etkileri gözlemleyin.

Erişilebilirlik yönergeleri

Renk karşıtlığı

• Standart renk karşıtlığı gereksinimleri geçerlidir.

Ekran okuyucusu desteği

• Text özelliği mevcut olmalıdır.

Klavye desteği

• Klavye kullanıcılarının gidebilmesi için TabIndex sıfır veya daha büyük olmalıdır.
• Odak göstergeleri açıkça görünür olmalıdır. Bunu sağlamak için FocusedBorderColor ve FocusedBorderThickness özelliklerini kullanın.