Aracılığıyla paylaş


Fluent UI denetimlerini kullanma

Yeni bileşenlerimize Microsoft Teams'de güzel görünen uygulamalar oluşturmak daha kolay olacaktır. Fluent UI çerçevesi üzerinde oluşturulan yeni bileşenler, Teams stilleriyle harika görünür ve otomatik olarak Teams varsayılan temasına ayarlanır. Yeni denetimler şunlardır: Düğme, Onay kutusu, Birleşik giriş kutusu, Tarih seçici, Etiket, Radyo grubu, Derecelendirme, Kaydırıcı, Metin kutusu ve Geçiş düğmesi.

Her bir Fluent UI denetimine ve en yararlı özelliklerine bir bakalım. Power Apps'teki denetimlerin ve özelliklerin tam listesi için Power Apps'teki denetimler ve özelliklere gidin.

Düğme

Kullanıcının, uygulamayla etkileşime geçmek için seçebileceği bir denetimdir.

Düğme denetimi.

Açıklama

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

Temel özellikler

Type – Düğmenin gösterilecek stili, standart veya birincil. Varsayılan değer: Standart.

OnSelect: Kullanıcının bir denetimi seçmesinin ardından uygulamanın verdiği yanıt.

Text: Denetimde görünen veya kullanıcının denetime girdiği bir metin.

Onay kutusu

Kullanıcının, değerini doğru veya yanlış olarak ayarlamak için seçebileceği veya temizleyebileceği bir denetimdir.

Onay kutusu denetimi.

Açıklama

Kullanıcı, kullanıcı arabiriminde yaygın olarak kullanılan bu tanıdık denetimi kullanarak bir Boole değeri belirtebilir.

Temel özellikler

Box side – Denetimin onay kutusunun görüntülendiği tarafı.

Etiket – Denetimde görünen metin.

Checked - Denetimin denetlenip denetlenmediği.

Açılır kutu

Kullanıcıların sağlanan seçenekler arasından seçim yapmasına olanak sağlayan bir denetimdir. Aramayı ve birden fazla seçimi destekler.

Birleşik giriş kutusu denetimi.

Açıklama

Birleşik giriş kutusu denetimi, kullanıcının seçeceği öğeler için arama yapmasına olanak sağlar.

Tek veya çoklu seçim modu, SelectMultiple özelliği aracılığıyla yapılandırılır.

Temel özellikler

Items – Seçimlerin yapılabileceği veri kaynağı.

DefaultSelectedItems: Kullanıcı denetim ile etkileşime girmeden önce başlangıçta seçili olan öğeler.

SelectMultiple – Kullanıcının tek öğe veya birden çok öğe seçebildiği bilgisi.

IsSearchable – Kullanıcının seçmeden önce öğeler için arama yapıp yapamayacağı bilgisi.

Tarih seçici

Kullanıcının bir tarih belirtmek için seçebileceği bir denetimdir.

Tarih seçici denetimi.

Açıklama

Metin girişi denetimi yerine Tarih seçici denetimi eklerseniz kullanıcının doğru biçimde bir tarih belirtmesine olanak sağlarsınız.

Temel özellikler

Value: Bir tarih denetiminde mevcut durumda seçili olan tarih. Bu tarih yerel saat olarak gösterilir.

Etiket

Metin, sayı, tarih veya para birimi gibi verileri gösteren bir kutudur.

Etiket denetimi.

Açıklama

Bir etiket, belirttiğiniz verileri bir sabit metin dizesi olarak veya metin dizesi döndüren bir formül olarak gösterir. Etiketler genellikle diğer tüm denetimlerin dışında (bir ekranı tanımlayan başlık gibi), başka bir denetimi (derecelendirme veya ses denetimi gibi) tanımlayan bir etiket olarak veya bir öğeyle ilgili belirli bir bilgi türünü gösterecek şekilde galerilerde görünür.

Temel özellikler

Color – Denetimdeki metnin rengi.

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

Text – Denetimde görünen metin.

Radyo grubu

Birden fazla seçenek gösteren ve kullanıcıların bir kerede tek bir seçenek belirtebildiği giriş denetimi.

Radyo grubu denetimi.

Açıklama

Radyo grubu denetimi standart bir HTML giriş denetimidir ve yalnızca karşılıklı olarak birbirini dışlayan birkaç özel seçenekle kullanıldığında en iyi sonucu verir.

Temel özellikler

Items – Bir denetimde görünen verilerin kaynağı (galeri, liste veya grafik gibi).

Selected – Seçili öğeyi temsil eden veri kaydı.

Derecelendirme

Kullanıcıların 0 ile belirlediğiniz maksimum sayı arasında değer belirtebildiği bir denetimdir.

Derecelendirme denetimi.

Açıklama

Bu denetimde kullanıcılar, belirli sayıda yıldız seçerek bir şeyi ne kadar beğendiklerini gösterebilir.

Temel özellikler

Value - Bir denetimin, kullanıcı tarafından değiştirilmeden önceki başlangıç değeri.

Max – Kullanıcının bir kaydırıcıyı veya derecelendirmeyi ayarlayabileceği maksimum değer.

Kaydırıcı

Kullanıcının, tutamacı sürükleyerek değer belirtebildiği bir denetimdir.

Kaydırıcı denetimi.

Açıklama

Kullanıcı, kaydırıcı tutamacını, seçtiğiniz yöne bağlı olarak soldan sağa veya yukarıdan aşağıya sürükleyerek; belirttiğiniz minimum ve maksimum değer arasında bir değer belirtebilir.

Temel özellikler

Max – Kullanıcının bir kaydırıcıyı veya derecelendirmeyi ayarlayabileceği maksimum değer.

Min – Kullanıcının bir kaydırıcıyı ayarlayabileceği minimum değer.

Value - Bir giriş denetiminin değeri.

Layout – Denetimin yatay veya dikey olarak görüntülenmesi.

Show value – Denetimin değeri görüntülemesi gerekip gerekmediği.

Metin kutusu

Kullanıcının metin, sayı ve diğer verileri girebildiği bir kutudur.

Metin kutusu denetimi.

Açıklama

Kullanıcı, Metin kutusu denetimine yazarak veri belirtebilir. Uygulamayı nasıl yapılandıracağınıza bağlı olarak söz konusu veriler, geçici bir değer hesaplamak için kullanılan bir veri kaynağına eklenebilir veya başka biçimlerde dahil edilebilir.

Temel özellikler

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

Text: Denetimde görünen veya kullanıcının denetime girdiği bir metin.

Geçiş düğmesi

Tutamacı hareket ettirilerek kullanıcı tarafından açılıp kapatılabilen bir denetimdir.

Geçiş düğmesi denetimi.

Açıklama

Geçiş düğmesi denetimi modern kullanıcı arabirimi için tasarlanmıştır, ancak bir onay kutusuyla aynı şekilde davranır.

Temel özellikler

Checked - Denetimin denetlenip denetlenmediği.

OffText – Kapalı durumunun metni.

OnText – Açık durumunun metni.

Fluent UI ve klasik denetimler arasındaki fark

Denetimlerin özellikleri, kullanım kolaylığı için basitleştirilmiştir. Aşağıdaki tabloda, Fluent UI denetimleri ve klasik denetim özellik adları arasındaki farklar listelenmiştir.

Denetim türü Klasik Fluent UI
Düğme Fill
Background
TabIndex
ColorFill
ColorBackground
AcceptsFocus
Onay kutusu Varsayılan
TabIndex
Checked
AcceptsFocus
Birleşik giriş kutusu InputTextPlaceholder
TabIndex
Metin
AcceptsFocus
Tarih seçici SelectedDate
TabIndex
Value
AcceptsFocus
Etiket Size FontSize
Radyo grubu TabIndex AcceptsFocus
Derecelendirme Varsayılan
TabIndex
Value
AcceptsFocus
Kaydırıcı Varsayılan
TabIndex
Value
AcceptsFocus
Metin kutusu Color
Varsayılan
Fill
SpellCheck
TabIndex
ColorText
Value
ColorBackground
EnableSpellCheck
AcceptsFocus
Geçiş düğmesi Size
Varsayılan
TabIndex
FontSize
Checked
AcceptsFocus

Ayrıca bkz.

Ek uygulama oluşturma
Power Apps Studio'yu anlama

Not

Belge dili tercihlerinizi bizimle paylaşabilir misiniz? Kısa bir ankete katılın. (lütfen bu anketin İngilizce olduğunu unutmayın)

Anket yaklaşık yedi dakika sürecektir. Kişisel veri toplanmaz (gizlilik bildirimi).