# Click

Click animasyon mimik ekran üzerinde kullanıcıların mouse olaylarının programlandığı animasyon tipidir. Bu animasyon türünde mimik ekran üzerinde mouse on-click, click-down, click-up, mouse over olaylarına bağlı script'ler yazabilir, set operasyonları bağlayabilirsiniz.

Mimik ekran üzerinde seçili bir nesne için click animasyonunuzu dört adet mouse olayı için tanımlayabilirsiniz. Bunlar ;

* Mouse on-Click
* Mouse on-Down
* Mouse on-Up
* Mouse over

{% hint style="info" %}
On-Click olayı içerisinde on-Down ve on-Up olaylarınıda barındırır. On-Down ve On-Up olaylarını beraber kullanarak push buttonlar yapabilirisiniz.
{% endhint %}

* **Animation Click Type - Expression :**&#x20;

Click-Expression ile bir nesnenin mouse olayına bağlı olarak custom bir expression yazabilirsiniz.

![Resim 1 : Animation Click - Expression](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/2Dt9irnoPANDMJj37DCc/Resim%201%20click%20type%20expression.jpg)

Resim 1'de görüldüğü gibi bir nesne üzerinde mouse-click yapıldığında çalışmasını istediğimiz bir javascript yazılmıştır. Örneğimizdeki bu script nesneye tıklandığında, "Test Mouse Click!" yazısını bilgilendirme mesajı olarak tüm kullanıcılara gönderir. (Bakınız Notification)

* **Animation Click Type - Collection:**

Click-Collection ile bir nesnenin mouse olayına bağlı olarak expression kütüphanesinde hazır bir expression'ının çalıştırılmasını sağlayabilirsiniz. ( Bakınız [expressions](https://inscada.gitbook.io/ins/inscada-version-2025/kullanici-arayuzu/development/expressions "mention") )

![Resim 2 : Animation Click - Collection](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/QWQLHYnn0zZb8HT1n73i/Resim%202%20click%20type%20collection.jpg)

Resim 2'te görüldüğü gibi mouse olayımıza bağlamak için expression kütüphanemizden hazır expressionlardan birini seçebiliriz.

* **Animation Click Type - Set:**

Click-Set ile bir nesneye bağlı olarak set operasyonu çalıştırabilirsiniz.\\

![Resim 3 : Animation Click - Set](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/ttoWsaWG1Z94Du9pSdpb/Resim%203%20click%20type%20set.jpg)

Resim 3'te görüldüğü gibi bir nesneye tıkladığınızda çalıştırmak istediğiniz set operasyonunu seçebiliyorsunuz.&#x20;

**Set-Auto** : Bir değişkene default olarak girilen değerin set edilmesini sağlar.

**Set-Manuel** : Bir değişken değerinin Num-Pad aracılığı ile değiştirilmesini sağlar.

**Set-Yes/No** : Bir değişken değerinin default değer olarak set edilmeden önce kullanıcıdan onay (confirmation) alınmasını sağlar.

**Set-Slider :** Bir değişken değerinin, mimiğe clicklediğiniz zaman slider ile gösterilmesini sağlamaktadır. Min/Max değerleri, Step slider'ın kaç adım da bir ilerleyeceği, horizonal yatay görünüm olarak ayarlanabilinmektedir.

**Set-Toggles** :&#x20;

**Set-Auto Toggle** :&#x20;

* **Animation Click Type - Animation:**

Click-Animation ile bir nesnenin mouse olayına bağlı olarak daha önce hazırlanmış bir animasyon sayfasının açılmasını sağlamaktasınız.

![Resim 4 : Animation Click - Animation](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/lvVD3uBJHFjmx5UtS2UR/Resim%204%20click%20type%20animation.jpg)

* **Animation Click Type - URL :**&#x20;

Click-Animation ile bir nesnenin mouse olayına bağlı olarak belirlenen URL'nin açılmasını sağlamaktadır. Resim 5'teki örneğimizde mimiğimize tıklandığı zaman [www.google.com](http://www.google.com) sayfasının açılması sağlanmaktadır.

![Resim 5 : Animation Click - URL](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/mKfgeJEUQA5xUJ2NGMNu/Resim%205%20click%20type%20url.jpg)

* **Animation Click Type - Alarm :**&#x20;

Click Alarm ile animasyonlarınıza alarmlarınızı anlık izleyebilmek veya historisini görebilmek için kullanabilirsiniz.

![Resim 6 : Animation Click - Alarm](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/3OHR5QsnMoxTsSdZvlPZ/Resim%206%20click%20type%20alarm%20sayfa.jpg)

Resim 6 de görüldüğü gibi animation ekranımıza kırmızı ile işaretlediğimiz alanda alarm elementini görmekteyiz. " Ctrl "  tuşu yardımıyla elgili elementi seçerek ekranın sağ üst köşesinde bulunan ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/kJg10hjkPGLh1203ky6R/edit.jpg) "edit animation element " ikonu yardımı ile element ayarları sayfasına ulaşılır.

![Resim 7 : Animation Click - Alarm](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/ilwT1hGqpnjA5236rLLh/Resim%207%20click%20type%20alarm.jpg)

Resim 7 de açılan ekranımızda alarm ve alarm grupları otomatik olarak ekrana gelmektedir. Burada ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/kyzTUEW6ZfZv9MFXVHo9/monitor.jpg) ve ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/naLysWOZmAJ7UPNpXCby/history.jpg) ikonları ile ilgili elementi seçtiğimizde hangi özelliğin pop-up olarak açılıp görüneceğini seçiyoruz.&#x20;

## Click Visualization, Preview

Click 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 ilgili alanında belirlediğiniz kural / şart' lara göre hazırladığınız tasarımında ki mimiğinize tıkladığınızda ekran üzerinden veya pop-up olarak görüntülenebilinecektir.
