Stopwatch
Stopwatch, genellikle kullanıcıya belirli bir süreyi ölçme ve izleme olanağı sunan bir Datetime elementidir. Bu elementi uygulama içinde kullanacağınız bir kronometre olarak düşünebilirsiniz.
Stopwatch elementi genellikle başlat, duraklat ve sıfırla gibi temel işlevlere sahiptir. Bir uygulama içinde kullanıcının belirli bir etkinlik veya süre zarfında geçen süreyi takip etmesine yardımcı olmaktadır. Örneğin, bir spor uygulamasında kullanıcı kendi koşu süresini izleyebilir veya bir mutfak uygulamasında bir süre ölçümü yaparak yemek pişirme süresini kontrol edebilir. Veya bir çalışanın bir görevde harcadığı zamanı belirlemek için Stopwatch elementi kullanılabilir.
Stopwatch elementi aşağıda belirtilen temel özelliklere sahiptir:
Başlat/Duraklat:
Kullanıcı, ölçümü başlatmak için için yeşil üçgen ikona duraklatmak için de gelen turuncu ikona tıklar.
Sıfırla:
Kullanıcı, süreyi sıfırlamak için kırmızı kare ikona tıklar.
Zaman Gösterimi:
Kullanıcıya geçen süreyi gösteren bir sayı veya gösterge olarak adlandırılan bu element, genellikle kullanıcı etkileşimi ile birlikte gelir. Uygulama geliştiricileri, kullanıcıların belirli bir süreyi doğrudan uygulama içinde takip etmelerine olanak tanıyan bu tür öğeleri entegre etmek için kullanılabilir.
Stopwatch Elementini Ekleme
Stopwatch elementini uygulamanız içerisine eklemeniz oldukça kolay. Stopwatch elementini eklemek için aşağıdaki adımları izlemeniz gerekmektedir.
Stopwatch elementini ekrana sürükleyin ve bırakın.
Stopwatch elementini Properties paneli içerisinden özelleştirebilirsiniz.
Stopwatch elementi mobil ve web uygulamaları desteklemektedir.
Stopwatch Elementi Properties Paneli
Stopwatch elementi seçildiğinde, Properties panelinde Authorization (Yetkilendirme), Visibility (Görünürlük) ve Actions (Aksiyonlar) alanları ile görüntülenir. Bu alanlar, Stopwatch elementi ile ilgili özel yetkilendirme ayarlarını ve görünürlük tercihlerini düzenlemenizi sağlar.
Stopwatch elementinde Preview almadan elementte ölçüm değerlerini görüntülemek mümkündür.
Stopwatch elementi için yetkilendirme seçeneklerini kullanabilirsiniz.
Elementlerde Authorization ekleme işlemlerini detaylı incelemek için tıklayın.
Kullanıcı rollerine göre veya ekran rollerine göre Authorization işlemlerini detaylı incelemek için tıklayın.
Elementler de visibility yani görünürlük, belirli bir durumda görünürlük veya erişilebilirliğini düzenlemenizi sağlar. Elementin görünür olduğunu kontrol etmek için kullanılan bir özelliktir. Bu özellik genellikle uygulama tasarımında veya işlevselliğinde kullanılır.
Stopwatch elementi için her zaman görünür olmasını, gizli olmasını veya bir koşula bağlı olarak görünüp gizlenmesini visibility seçeneklerini kullanabilirsiniz.
Elementlerde Visibility ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Seçimler doğrultusunda Stopwatch görünürlüğü ayarlanmış olacaktır.
Stopwatch elementinin genellikle bir zaman ölçer (stopwatch) olarak kullanıldığı durumda, belirli aksiyonları tetikleyen dört önemli olay (event) vardır. Bu olaylar, genellikle bir kronometrenin çalışma durumuyla ilişkilidir ve uygulama durumu değiştikçe çalıştırılabilir. Stopwatch elementine özgü onPause, onStart, onStop, onResume aksiyonları bulunmaktadır.
onStart (Başlatma):
onStart aksiyonu, kronometre başlatıldığında (start) tetiklenir. Kullanıcı bir kronometreyi başlatmak istediğinde bu olay gerçekleşir. Kronometre, zamanı ölçmeye başlar.
onPause (Durdurma):
onPause aksiyonu, kronometre duraklatıldığında tetiklenir. Kullanıcı bir kronometreyi duraklattığında bu olay gerçekleşir. Kronometre duraklatıldığında, ölçülen zaman durur.
onStop (Durdurma ve Sıfırlama):
onStop aksiyonu, kronometre tamamen durdurulduğunda tetiklenir. Kullanıcı bir kronometreyi durdurduğunda ve ardından sıfırlamak istediğinde bu olay gerçekleşir. Bu aksiyon, ölçülen zamanı sıfırlamak ve kronometreyi hazır duruma getirmek için kullanılabilir.
onResume (Devam Etme):
onResume aksiyonu, duraklatılmış bir kronometreyi tekrar devam ettirdiğinizde tetiklenir. Kullanıcı bir kronometreyi duraklattıktan sonra tekrar başlatmak istediğinde bu olay gerçekleşir.
StopWatch Styling Paneli
Styling paneli içerisinden Stopwatch elementinin Layout (Düzen),Text (Metin), Border (Kenarlık) veya Fill (Dolgu) düzenlemelerini yapabilirsiniz. Bu özellikler doğrultusunda Stopwatch elementinin stilini özelleştirebilirsiniz.
Stopwatch elementinin Styling panelinde Shadow (Gölge) desteklenmemektedir; bu nedenle, bu elemente Shadow (Gölge) eklenemez.
Stopwatch elementinde Layout (Düzen) ile çevresel iç boşluklar (Padding) ve boyutlandırma (Size) gibi görsel düzenlemeleri yapabilirsiniz.
Stopwatch elementinde Layout (Düzen) alanında Align desteklenmemektedir.
Elementlerde Layout ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Stopwatch elementi içerisinde metinsel düzenleme olarak Family, Style, Size/Color propertyleri desteklenmektedir.
Stopwatch elementinde Text (Metin) alanında Spacing alanı desteklenmemektedir. Size/Color ve Options alanı kısmi olarak desteklenmektedir.
Elementlerde Text ayarları ile ilgili detaylı bilgi edinmek için tıklayın.
Stopwatch elementinin arka planına (Background) renk veya görseli Fill (Dolgu) ile ekleyebilirsiniz.
Elementlere Fill (Dolgu) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Stopwatch dış kenarlarına kenarlık (Border) ekleyebilir, köşe eğimleri (Radius) verebilirsiniz.
Elementlere Border (Kenarlık) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Last updated
