# 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://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2FDGzCzXKvN3cLGCYCRoFT%2FResim%201%20click%20type%20expression.jpg?alt=media\&token=e61cf874-00da-4151-85b6-2362ab9b9135)

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](../expressions "mention") )

![Resim 2 : Animation Click - Collection](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2FfwQ97bvZxOYzanl6YJY8%2FResim%202%20click%20type%20collection.jpg?alt=media\&token=0b70d35f-2bcc-473d-82bf-4bf11cfbca8c)

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://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2FNnwQGcHtM6MKN7QJ9hrE%2FResim%203%20click%20type%20set.jpg?alt=media\&token=944b492f-af9f-4da5-8cab-98da5ac5e73e)

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://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2F8ZoUGx90qtO2FuwssjXG%2FResim%204%20click%20type%20animation.jpg?alt=media\&token=e91ad667-9404-4ce2-be35-7409e2ec93e7)

* **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 sayfasının açılması sağlanmaktadır.

![Resim 5 : Animation Click - URL](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2F7xhjdgu91SdWdtQPy7BR%2FResim%205%20click%20type%20url.jpg?alt=media\&token=9cfc5e99-20ae-4628-b6b3-49b96ffadcc3)

* **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://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2F8wOhvh5IqkLy9nZ3X8tK%2FResim%206%20click%20type%20alarm%20sayfa.jpg?alt=media\&token=30a2b99c-db37-4041-93cc-fb0a00b2f88a)

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://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2F7hLZtKotn0rF0vBSn9vm%2Fedit.jpg?alt=media\&token=2657457f-94d8-44a9-9e39-6e86711d2d2c) "edit animation element " ikonu yardımı ile element ayarları sayfasına ulaşılır.

![Resim 7 : Animation Click - Alarm](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2Frwfk1kZBzKQdRlOWrgwc%2FResim%207%20click%20type%20alarm.jpg?alt=media\&token=d7b77260-46f0-4cd7-bc93-63c3aa97beb0)

Resim 7 de açılan ekranımızda alarm ve alarm grupları otomatik olarak ekrana gelmektedir. Burada ![](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2F5cuW7R5ikgVXI6GgpJab%2Fmonitor.jpg?alt=media\&token=a8d09e92-9e19-409d-ad56-eaf45f1226ff) ve ![](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2Fg3mlAYidG43DlYobcqve%2Fhistory.jpg?alt=media\&token=1cd5a5af-434d-426e-ad1c-2f9ae237c8ed) 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.
