MergenHub Ekran Editörü
Sürükle-bırak görsel ekran editörü (WinCC benzeri endüstriyel HMI tarzı). Tasarım ve Çalıştır modları vardır.
| Tuval | World-space SVG + ekran-uzayı overlay; zoom/pan, hizalama kılavuzları, eşit dağıt, Undo/Redo. |
| Snap / Grid | Izgara ve nesne yapışması; Ctrl basılıyken geçici serbest hareket. |
| Çoklu seçim | Taşı / resize / döndür (grup). |
| Ekranlar | Alt-ekranlar (üst tab şeridi), export/import. |
Fare & klavye
| Ctrl + tekerlek | İmleç etrafında yakınlaş/uzaklaş |
| Boşluk / Alt + sürükle | Tuvalde gez (pan) |
| Ctrl (sürüklerken) | Geçici serbest hareket (snap kapalı) |
| Ctrl+Z / Ctrl+Y | Geri al / yinele |
| "Fit" / "100%" | Sayfayı görünür alana ortala + sığdır |
Çizim (SVG) içinde seçim — Illustrator akışı
| Çift tık (çizime) | Çizimin içine girer; imlecin altındaki en üst grup seçilir. |
| Tek tık | O seviyedeki objeyi seçer (turuncu çerçeve + ad etiketi). |
| Çift tık (gruba) | Grubun bir kat içine girer; üstte yol çubuğu görünür (ör. normal-hat › baglac). |
| Dışarı tık | Tıklanan obje görünene kadar kat kat yukarı çıkar ve onu seçer. |
| Esc | Bir kat yukarı; en üstteyse seçimden çıkar. |
| Sağ tık (parçaya) | Parça menüsü: animasyon ekle, öne/arkaya al, renk, boyut/konum, üst gruba çık. |
Widget'lar
Yerleşik widget'lar (varyantlı):
| Temel | Etiket, dikdörtgen, gösterge, kadran, grafik, trend-log, lamba, buton, switch, giriş, ayar-alanı. |
| Endüstriyel | Tank/Depo, 3B Depo, Pompa, Vana, Boru (düz / yuvarlak 3B / dirsek ┌┐└┘). |
| Harita | Harita/İstasyon (tile + istasyon pini, canlı renk/nav/popup). |
| Bağlantı | Pipe Link (iki nesneyi ortogonal, köşe-sabit boru ile bağlar). |
Dirsek boru: köşe sabit kalır, kollar kutuyla uzar — bozulmadan yol çizme.
SVG Objeler (inline)
İçe aktarılan/kütüphane SVG'leri inline vektör olarak çizilir (raster değil): her zoom/döndürmede keskin kalır. Kusursuz davranış için SVG:
viewBoxiçermeli; sabitwidth/heightolmamalı.- Animasyona bağlanacak parçalar
id/classalmalı (WinCC "SVG dynamization" — ör. dolumid="fill", iğneid="needle"). - İçinde gömülü raster (PNG) olmamalı; Illustrator/Inkscape "Optimized/Plain SVG".
Format standardı SVG'dir (WinCC Unified de native SVG kullanır).
Animasyon & Tag Binding
Her widget bir tag'e bağlanır; canlı değere göre animasyon uygulanır. Bir widget'a birden çok animasyon eklenebilir (koşullu).
| Renk | Değer eşiğine göre dolgu/çizgi rengi (ör. >8 kırmızı). |
| Görünürlük | Değere göre göster/gizle (ör. arıza lambası). |
| Seviye | Tank/depo dolum yüksekliği (min–max ölçekli). |
| Akış | Boru akış animasyonu — değer ≠ 0 iken akar. |
| Döndürme | Pompa/motor rotoru döndürme (çalışırken). |
| Metin / değer | Sayısal değeri birim + ondalıkla gösterme. |
Animasyon listesi (⚡)
Araç çubuğundaki ⚡ düğmesi ekrandaki tüm animasyonları tek panelde listeler: kullanıcı kuralları, basit widget animasyonları ve şablon bağlamaları ("şablon" rozeti — Koru1000 altlığının su seviyesi/akış/durum rengi bağları). Satıra tıklayınca obje tuvalde ortalanır ve parlar; üzerine gelince hedef parça vurgulanır; kullanıcı kuralları satırdan silinebilir.
Önizleme (▶): tasarımda tüm kuralları koşulsuz oynatır — Çalıştır'a geçmeden animasyonları görürsünüz (kaydedilen ekranı değiştirmez).
Çalıştır Modu (Runtime)
Çalıştır modu temiz operatör görünümüdür: üst barlar gizlenir, tuval tam ekran, kontroller sağ üstte yüzen panelde.
| Fit | Tasarlanan ekranın tamamını viewport'a sığdırır ve ortalar (oran korunur). Önerilen. |
| Stretch | Ekranı viewport'u tamamen dolduracak şekilde gerer (oran korunmaz). |
| 1:1 | Gerçek boyut; tekerlek/pan ile gezilir. |
Widget tıklama aksiyonları: ekran değiştir, faceplate (yüzen pencerede tasarlanan ekranı canlı aç). Alt sekmeler: Alarmlar, Grafik (loglanan tag geçmişi).