Spinner kontrol

Yükleme deneyimi oluşturmak için kullanılan bir denetim.

Not

Tüm belgeler ve kaynak kodu GitHub kod bileşenleri deposunda bulunabilir.

Tanım

Spinner, kendi çevresinde dönen bir daire şeklidir ve kullanıcıya işlemin yapılmakta olduğunu belirtir. İşlemin görevin ne kadar süreceğinden emin olamadığı durumlarda gösterilir. Bu nedenle, ProgressIndicator denetiminin belirsiz versiyonudur.

Çarkların boyutu değişebilir ve içerikte satır içinde veya orta konumda yer alabilir. Çarklar, genellikle bir eylem işlenirken veya işlenmeye başlandıktan sonra görüntülenir. Çarklar belirgin değildir ve genellikle çok yer kaplamaz. Tamamlanmış göreve geçiş aşamasıdır.

Bu kod bileşeni, tuval uygulamalarında ve özel sayfalarda kullanılmak üzere Fluent UI Değer Değiştirici için sarmalayıcı sağlar. En iyi uygulamalar için bileşen belgelerine bakın.

Önemli Özellikler

Özellik	Tanım
Label	Değer değiştirici için isteğe bağlı etiket.
SpinnerSize	İşlenecek değer değiştiricinin boyutu. Seçenekler: xSmall, Small, Medium, Large
SpinnerAlignment	Değer değiştiricinin denetim sınırları içinde hizalaması. Seçenekler: Left, Center, Right
LabelPosition	Değer değiştirici etiketinin isteğe bağlı olarak belirli bir konuma yerleştirilmesi. Seçenekler: Bottom, Top, Left, Right

Stil özellikleri

Özellik	Tanım
Theme	Fluent UI Tema Tasarımcısı (windows.net) kullanılarak oluşturulan bir JSON dizesini kabul eder. Bu alan boş bırakıldığında Power Apps tarafından tanımlanan varsayılan tema kullanılır. Yapılandırma kılavuzu için teme ayarlama bölümüne bakın.
AccessibilityLabel	Ekran okuyucu aria etiketi

Örnek

Yüklerken değer değiştiriciyi görüntüleme

Bir işlem başladığında Spinner denetimini görünür duruma getirin ve işlem tamamlandığında gizleyin.

Çarkın görünürlüğünü denetlemek ve işlemin kod bloğundan önce ve sonra değerleri güncelleştirin.

UpdateContext({ var_showLoader: true });

/* Some code ... */

UpdateContext({ var_showLoader: false });

Ardından çarkın IsLoading özelliğinin değeri olarak var_showLoader değişkenini girin.

Sınırlamalar

Bu kod bileşeni yalnızca tuval uygulamalarında ve özel sayfalarda kullanılabilir.