inSCADA
Version 2022
Version 2022
  • inSCADA Version 2022
    • inSCADA 2022
    • Başlarken
    • Kullanıcı Arayüzü
      • Dashboards
      • Development
        • Projeler
        • Bağlantılar
        • Cihazlar
        • Variables
        • Cihaz Kütüphanesi
        • Animasyonlar
          • Pipe
          • Get
          • Click
          • Color
          • Rotate
          • Move & Move Line
          • Opacity
          • Bar
          • Tooltip
          • Visibility
          • Slider
          • Chart
          • Data Table
          • Get Symbol
          • Input
          • QR Code
          • All in One
        • Alarmlar
          • Alarm Grupları
          • Alarmlar
        • Grafikler
        • Scriptler
          • Scriptler
          • Script Editor
        • Expressions
        • Raporlar
          • Custom Reports
          • Raporlar
          • Jasper Reports
        • Custom Table
          • Custom Table
          • SQL Editor
        • Gas Ölçüm
        • Süreçler
        • Veri Transferi
        • Anahtar Kelimeler
        • Languages
        • Info
      • Runtime
        • Kontrol Panel
        • Visualization
        • Trend Grafik
        • Rapor
        • Variable Tracking
          • Değişken Geçmişi
          • Değişken İzleme
          • Variable Trace
        • Alarm Tracking
          • Alarm Geçmişi
          • Alarm Monitor
        • Proje Haritası
        • Akış
        • Süreç
        • Job
      • Kullanıcı Menüsü
        • Kullanıcılar
        • Space
        • Roller
      • Bildirimler
        • E-Posta
        • SMS
        • Chat
      • Yedekle / İçe Aktar
        • Meta Data
        • Data
      • Settings
        • General Settings
        • Custom Table
        • Akış
        • E-posta
        • SMS
        • Harita
      • Logs
        • Log
        • Auth Log
      • Yardım
        • Online Yardım
        • Lisans
        • Hakkında
    • Mimik Tasarım
    • Haberleşme Protokolleri
      • MODBUS
        • Modbus TCP
        • Modbus UDP
        • Modbus RTU Over TCP
        • Modbus TCP Server
        • Modbus RTU Slave Over TCP
      • DNP3
        • DNP3 Master
        • DNP3 Outstation
      • S7 Protokol
      • IEC-104-Master
      • OPC
        • OPC DA Client
        • OPC UA Client
      • MQTT
    • Programlama
      • API's
        • Variable Functions
        • Connection Functions
        • Project Functions
        • Alarm Functions
        • Script Functions
        • In-Memory DB Functions
        • System Functions
        • User Funcitons
        • Date-Time Functions
        • String Functions
        • Notification Functions
        • Confirmation Functions
        • Database Functions
        • Other Functions
    • Veritabanı
    • Faydalı Özellikler
    • Mimari ve Uygulamalar
    • Geliştirme Yol Haritası
    • inSCADA' ya Geçiş
    • Lisanslandırma Politikaları
    • SSS
    • Videolar
    • Örnek Ekranlar
    • Yardımcı Araçlar
      • VSTO Excel Add-In
      • S7-PLCSim Connector
      • Modbus TCP/UDP Client
  • KURULUMLAR
    • Gereksinimler
    • Windows Kurulum
    • Linux'a Kurulum
    • Başlangıç Parametreleri
Powered by GitBook
On this page
  1. inSCADA Version 2022
  2. Kullanıcı Arayüzü
  3. Development
  4. Animasyonlar

Tooltip

PreviousBarNextVisibility

Last updated 3 years ago

Tooltip, nesneler üzerine mouse imlecinin getirilmesi ile açıklayacı mesaj kutuları açılmasını sağlar.

Tooltip hazırlanması üç farklı şekilde yapılabilinmektedir.

  • Animation Tooltip Type - Expression :

Title : Ekranda görüntülenecek bilgi mesaj kutusunun başlığını göstermektedir.

Size : Ekranda görüntülenecek bilgi mesaj kutusu içindeki mesajın fontunu ayarlamaktadır.

Color : Ekranda görüntülenecek bilgi mesaj kutusu içindeki mesajın yazı rengini göstermektedir.

Delay : Mesaj kutusunun bekleme süresini belirtmektedir.

Expression alanı ile kendi java script kodlarınızı kullanarak dilediğiniz koşul / şarta göre tooltip özelliğinin çalışmasını sağlayabilirsiniz. Örneğinizde sadece tooltip özelliği eklenen animasyonun üzerine geldiğinizde başlığı " Tooltip " olan , kırımızı ve 12 punto yazı büyüklüğü ile " Tooltip Test " yazılması sağlayan basit bir script yazılmıştır.

  • Animation Tooltip Type - Tag :

Tooltip özelliği eklenirken Tag seçeneği ile hazırlamak , bilgi mesajı içerisinde dilediğiniz bir değişken / tag ' ınızın değerinin atanması ve gösterilmesi sağlamaktadır. Resim 3 'te gösterilen örneğinizde tooltip , " G1_Reactive_Power " değişkenine bağlanmıştır. Değişken önüne " power " yazılması , arka ekine " kW " yazılması ayarlanmıştır. Bağlantı sırasında değişkenden veri gelmemesi durumunda "0 " gösterilmesi belirtilmiştir. Ekranda " Power0kW " olarak görüntülenecektir.

  • Animation Tooltip Type - Text :

Tooltip özelliği eklenirken Text seçeneği ile hazırlamak , bilgi mesajı içerisinde dilediğiniz metnin görüntülenmesini sağlayacaktır. Resim 4'te gösterildiği gibi " text " alanına dilediğiniz metni yazmanız yeterli olacaktır.

ToolTip Visualization, Preview

ToolTip tasarım işlemlerini tamamladığınızda " animation preview " ekranında veya ikonu yardımı ile açılan preview ekranında , " visualization " ekranında ilgili animasyonun mouse imleci ile üzerine geldiğiniz zaman ilgili alanda belirlediğiniz kural / şart' lara göre hazırladığınız bilgi mesajınız resim1 de gösterildiği gibi ekran üzerinden görüntülenebilinecektir.

Animasyonunuzu hazırladıktan sonra tooltip özelliği eklemek istediğiniz mimiği animasyon sayfasının "ctrl " özelliğini aktif hala getirdikten sonra yine animasyon sayfası üzerinden seçilerek ikonu yardımı ile edit animation element sayfası açılmaktadır. Resim 1 'de gösterilen örneğimizde mimiğimiz kırmızı ile gösterilmiştir.

Resim 1 : Animation Tooltip
Resim 2 : Animation Tooltip Type - Expression
Resim 3 : Animation Tooltip Type - Tag
Resim 4 : Animation Tooltip Type - Text