Pages

Kontrol: Özel Giriş Adımlayıcı（Custom Input Stepper）

Custom Input Stepper (Özel Giriş Adımlayıcı), kullanıcıların + ve – düğmeleriyle sayısal bir değeri adım adım değiştirmesine olanak tanıyan sezgisel bir kontrol bileşenidir.
Birim görüntüleme, adım boyutu ayarı ve değer sınırları desteği ile gerçek zamanlı sistem parametresi ayarlamaları için idealdir.

Genel Bakış

Bu bileşen; sıcaklık, parlaklık veya basınç gibi parametrelerin hassas bir şekilde ayarlanmasını sağlar.
CODESYS veya MQTT gibi dış sistemlere bağlantı desteği sayesinde değer değişimleri anlık olarak yansıtılır.

Temel Özellikler

Artır/Azalt Kontrolleri

  • Kullanıcılar + ve – düğmeleriyle değeri değiştirir
  • Manuel giriş hatalarını önler, kullanım kolaylığı sağlar

Gerçek Zamanlı Veri Bağlantısı

  • CODESYS, MQTT gibi veri kaynaklarıyla entegre çalışır
  • Her adım değişiminde güncel değer gönderilir

Adım Boyutu Ayarı

  • 0.5, 1, 5 gibi özel adım aralıkları tanımlanabilir
  • Hem ince hem kaba ayarlama modları desteklenir

Min/Maks Değer Sınırları

  • Güvenli kullanım için minimum ve maksimum sınırlar belirlenebilir
  • Geçersiz veya riskli değerlerin ayarlanması engellenir

Birim Gösterimi

  • °C, bar, % gibi birim etiketleri değerin yanında gösterilebilir
  • Daha iyi anlaşılırlık ve bağlam sağlar

Kompakt ve Görsel Tasarım

  • Değişimlerin görsel olarak net bir şekilde iletildiği kompakt yapı
  • Ayar menülerine veya kontrol panellerine kolayca entegre edilir

Kullanım Senaryoları

Sıcaklık Kontrolü

  • Örnek: Bir ısıtıcı elemanın değerini güvenli aralıkta ayarlamak

Parlaklık Ayarları

  • Örnek: Ekran ya da oda parlaklığını belirli adımlarla ayarlamak

Basınç veya Hız Ayarları

  • Örnek: Pompa basıncını veya konveyör hızını hassas şekilde ayarlamak

SVG ID Referans Tablosu

[img_1]

Aşağıdaki SVG ID’lerini kullanarak görsel öğeleri ve veri bağlantısını tanımlayabilirsiniz:

# Öğe SVG ID
1 Eksi Butonu [code_block_4]
2 Değer [code_block_5]
3 Birim (isteğe bağlı) [code_block_6]
4 Artı Butonu [code_block_7]

Kod Örneği（Code Snippet Example）

[code_block_8]
–
+