Power Apps'te düğme denetimi

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

Description

Kullanıcı denetime tıkladığında veya dokunduğunda bir veya daha fazla formül çalıştırmak için Düğme denetiminin OnSelect özelliğini yapılandırın.

Önemli özellikler

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

Metin : Bir denetimde görünen veya kullanıcının denetime girdiği metin.

Ek özellikler

Hizala : Denetimin yatay merkezine göre metnin konumu.

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

BorderColor : Denetimin kenarlığı rengi.

BorderStyle : Denetimin kenarlarının Düz, Kesikli, Noktalı veya Hiçbiri olup olmadığı.

BorderThickness : Denetimin kenarlığının kalınlığı.

Color : Denetimdeki metnin rengi.

ContentLanguage - Denetimin kapsayıcısından farklıysa, denetimin içeriğinin dili.

DisplayMode : Denetimin kullanıcı girişlerine izin verip vermediği (Düzenle), yalnızca verileri görüntüleyip görüntülemediği (Görünüm) veya devre dışı bırakılıp bırakılmadığı (Devre dışı).

DisabledBorderColor : Denetimin DisplayMode özelliği Devre Dışı olarak ayarlandıysa, denetimin kenarlığı rengi.

DisabledColor : DisplayMode özelliği Devre Dışı olarak ayarlandıysa denetimdeki metnin rengi.

DisabledFill : DisplayMode özelliği Devre Dışı olarak ayarlandıysa denetimin arka plan rengi.

FocusedBorderColor : Denetim odaklandığında denetimin kenarlığı rengi.

FocusedBorderThickness : Denetim odaklandığında denetimin kenarlığının kalınlığı.

Dolgu : Denetimin arka plan rengi.

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

FontWeight : Denetimdeki metnin ağırlığı: Kalın, YarıBoyuk, Normal veya Daha Açık.

Yükseklik : Denetimin üst ve alt kenarları arasındaki mesafe.

HoverBorderColor : Kullanıcı fare işaretçisini bu denetimin üzerinde tuttuğunda denetimin kenarlığı rengi.

HoverColor : Kullanıcı fare işaretçisini denetim üzerinde tuttuğunda denetimdeki metnin rengi.

HoverFill : Kullanıcı fare işaretçisini üzerinde tuttuğunda denetimin arka plan rengi.

italik : 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.

Basıldı : Bir denetime basılırken true , aksi takdirde false .

PressedBorderColor : Kullanıcı bu denetime dokunduğunda veya tıkladığında denetimin kenarlığı rengi.

PressedColor : Kullanıcı bu denetime dokunduğunda veya tıkladığında denetimdeki metnin rengi.

PressedFill : Kullanıcı bu denetime dokunduğunda veya tıkladığında denetimin arka plan rengi.

RadiusBottomLeft : Denetimin sol alt köşesinin yuvarlanma derecesi.

RadiusBottomRight : Denetimin sağ alt köşesinin yuvarlanma derecesi.

RadiusTopLeft : Denetimin sol üst köşesinin yuvarlanma derecesi.

RadiusTopRight : Denetimin sağ üst köşesinin yuvarlanma derecesi.

Boyut : Denetimde görüntülenen metnin yazı tipi boyutu.

Üstü çizili : Bir çizginin denetimde görüntülenen metinde görünüp görünmediği.

TabIndex : Diğer denetimlere göre klavye gezinti sırası.

Araç ipucu : Kullanıcı bir denetimin üzerine geldiğinde görüntülenen açıklayıcı metin.

Altı çizili : Denetimde görüntülenen metnin altında bir çizginin görünüp görünmediği.

VerticalAlign : Denetimin dikey merkezine göre denetimdeki metnin konumu.

Visible : Denetimin görünüp görünmediği veya gizlendiği.

Genişlik : Denetimin sol ve sağ kenarları arasındaki mesafe.

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.

Navigate( ScreenName, ScreenTransitionValue )

Örnekler

Düğmeye temel formül ekleme

  1. Text input denetimi ekleyin ve Kaynak olarak adlandırın.

    Denetimi eklemeyi, adlandırmayı ve yapılandırmayı bilmiyor musunuz?

  2. Düğme denetimi ekleyin, Text özelliğini "Ekle" olarak ayarlayın 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 mi istiyorsunuz?

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

  4. Kaynak'tan varsayılan metni temizleyin, içine bir sayı yazın ve ekle'ye tıklayın veya dokunun.

    Etiket denetimi, yazdığınız sayıyı gösterir.

  5. Kaynaktaki sayıyı temizleyin, içine başka bir sayı yazın ve ekle'ye tıklayın veya dokunun.

    Etiket denetimi, yazdığınız iki sayının toplamını gösterir.

  6. (isteğe bağlı) Önceki adımı bir veya daha fazla kez yineleyin.

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

Birden çok formül içeren düğme yapılandırma

Girdiler arasında Metin girişi denetimini temizleyen bir formül ekleyin.

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

  2. Bu formüle ekle'ninOnSelect özelliğini ayarlayın:

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

    Uyarı

    Birden çok formülü noktalı virgülle ";" ayırın.

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

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

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

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 ayarlayın ve OnSelect özelliğini şu formül olarak ayarlayın:

    UpdateContext({Total:0})

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

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

Düğmenin şeklini değiştirme

Power Apps varsayılan olarak yuvarlatılmış köşeleri olan dikdörtgen bir Düğme denetimi oluşturur. Yükseklik, Genişlik ve Radius özelliklerini ayarlayarak Düğme denetiminin şekli üzerinde temel değişiklikler yapabilirsiniz.

Uyarı

Simgeler ve Şekiller çok çeşitli tasarımlar sağlar ve Düğme denetimlerinin yaptığı temel işlevlerin bazılarını gerçekleştirebilir. Ancak Simgeler ve Şekiller'inText özelliği yoktur.

  1. Bir Düğme denetimi ekleyin ve büyük bir kare düğme oluşturmak için Yükseklik ve Genişlik özelliklerini 300 olarak ayarlayın.

  2. Her köşedeki eğrilik miktarını ayarlamak için RadiusTopLeft, RadiusTopRight, RadiusBottomLeft ve RadiusBottomRight özelliklerini değiştirin. Aşağıda, her biri 300 x 300 karelik bir düğmeden başlayan farklı şekillere bazı örnekler verilmiştir:

Üzerine geldiğinizde düğmenin rengini değiştirme

Varsayılan olarak, düğme denetiminin üzerine fareyle geldiğinizde dolgu rengi 20% kadar soluk olur. ColorFade işlevini kullanan HoverFill özelliğini değiştirerek bu davranışı ayarlayabilirsiniz. ColorFade formülünü pozitif bir yüzde olarak ayarlarsanız, düğmenin üzerine geldiğinizde renk daha açık hale gelirken negatif bir yüzde rengi koyulaştırır.

  • Oluşturduğunuz düğmelerden birinin HoverFill özelliğindeki ColorFade yüzdesini değiştirin ve efektleri gözlemleyin.

Ayrıca, Button denetiminin HoverFill özelliğini ColorFade işlevi yerine ColorValue işlevini içeren bir formül olarak ayarlayarak ColorValue("Kırmızı") değerini belirtebilirsiniz.

Uyarı

Renk değeri bir ad veya onaltılık değer olmak üzere herhangi bir CSS renk tanımı olabilir.

  • Oluşturduğunuz düğmelerden birinde ColorFade işlevini ColorValue işleviyle değiştirin ve efektleri gözlemleyin.

Erişilebilirlik yönergeleri

Renk karşıtlığı

Ekran okuyucusu desteği

  • Metin mevcut olmalıdır.

Klavye desteği

  • Last updated on