Pages
Kontrol: Özel Durumlar（Custom States）
Custom States（Özel Durumlar） kontrolü, sistem durumlarını harici girişe göre gerçek zamanlı olarak görüntülemek için kullanılan yalnızca gösterim amaçlı bir bileşendir.
Kullanıcı etkileşimi sağlamaz ve CODESYS veya MQTT gibi kaynaklardan gelen canlı verileri pasif olarak izlemek için tasarlanmıştır.
Genel Bakış
Custom States, bağlı sistemlerin çalışma durumunu görsel olarak göstermek için kullanılır.
Basit bir LED göstergesi veya karmaşık bir makine diyagramı olabilir.
Bu kontrol, durumu gösterir ancak kullanıcıdan giriş almaz – bu nedenle izleme odaklı arayüzler için idealdir.
Temel Özellikler
Yalnızca Görsel İzleme
- Kullanıcı etkileşimi yoktur, sadece izleme içindir
- Yanlışlıkla yapılan müdahaleleri önler
Gerçek Zamanlı Geri Bildirim
- Değişken bağlantısı (örn. CODESYS, MQTT) ile makinelerin veya süreçlerin anlık durumu yansıtılır
- Operatörün kritik durumları fark etmesini sağlar
Esnek Durum Gösterimi
- Birden fazla durum simge, metin veya renk ile görselleştirilebilir
- Basit durum ışıklarından animasyonlu makine illüstrasyonlarına kadar uzanır
Özel Grafikler
- SVG ile sistem veya makine düzeni görsel olarak sunulabilir
- Sistem durumu değiştikçe öğeler güncellenebilir
Gözetim Arayüzlerinde Kullanım
- Kontrol panelleri ve tesis izleme ekranları için uygundur
Kullanım Senaryoları
Fabrika İzleme
- Örnek: Konveyör bandının çalışıp çalışmadığını, durakladığını veya sıkıştığını gösterin
Ekipman Durumu
- Örnek: Doldurma, kapatma veya paketleme istasyonlarının çalışıp çalışmadığını gösterin
Güvenlik İzleme
- Örnek: Güvenlik kapılarının açık veya kilitli olup olmadığını görsel olarak teyit edin
SVG ID Referans Tablosu
[img_1]
Aşağıdaki SVG ID’lerini kullanarak sistem durumlarını görsel öğelere bağlayabilirsiniz：
| # | Öğe | SVG ID |
|---|---|---|
| 1 | Varsayılan Durum | [code_block_0] |
| 2 | Durum 1 | [code_block_1] |
| 3 | Durum 2 | [code_block_2] |
| 4 | Durum n | [code_block_3] |
Eğer kullanıcı etkileşimi gerekiyorsa (örneğin bir şeyin açılıp kapanması), Custom Toggle veya Custom Slider kullanmanız önerilir.
Kod Örneği（Code Snippet Example）
[code_block_4]