Görsel & Akıllı Görsel (Smart Image)

Genel Bakış

Image ve Smart Image bileşenleri, kullanıcı arayüzünü görsel olarak zenginleştirmek için kullanılır — sabit veya duruma bağlı görsellerle.

Kullanım örnekleri:

İkonlar ve semboller
Logolar veya arka planlar
Durum bazlı görsel göstergeler (ör. makine durumu)

1. Görsel (Sabit)

Açıklama

Image bileşeni sabit bir resmi gösterir — örneğin bir logo veya arka plan.
Sistem durumu veya değişkenlere tepki vermez — her zaman aynı resmi gösterir.

Temel Özellikler

Image URL – Gösterilecek resmin bağlantısı
Pozisyon / Boyut – % cinsinden konum ve boyut ayarı
Değişken veya mantıksal bağlantı içermez

2. Akıllı Görsel (Smart Image)

Açıklama

Smart Image, değişkenin değerine bağlı olarak farklı resimler göstermenizi sağlar.

Koşullar JavaScript mantığı ile tanımlanır (ör. [code_block_0])
Her koşula uygun bir görsel atanır. Şart sağlandığında o resim gösterilir.

Birden fazla koşul tanımlanabilir – ilk eşleşen çalıştırılır.

Temel Özellikler

Connection String – Bir değişken veya veri kaynağına bağlantı
Conditions – Koşul ekleyerek farklı durumlar oluşturma
Script – Bağlı değeri kontrol eden JavaScript koşulu
Image URL – Koşul sağlandığında gösterilecek görsel

Örnek: Makine Durumu

Diyelim ki bağlantı [code_block_1] isimli değişkenle yapılmış.

Durum Değeri	Anlamı	Görsel
[code_block_2]	Durduruldu	red_icon.svg
[code_block_3]	Çalışıyor	green_icon.svg
[code_block_4]	Hata	yellow_warning.svg

Aşağıdaki şekilde üç koşul tanımlanabilir:

[code_block_5]

Bu sayfada: