# Visibility

Visibility, mimik ekranlar üzerinde nesneleri görünür / görünmez yapılmasını sağlar.

Mimiklerin görünmezliği iki farklı seçenek ile yapılabilinmektedir.

* **Animation Visibility Type - Tag :**

Animasyonunuzu hazırlarken görünmez özelliği eklemek istediğiniz nesneyi bir butona bağlayarak , buton yardımı ile görünmezlik özelliğini açıp kapatabilirsiniz. Bunun için resim 1 'de sarı ile gösterildiği  gibi animasyonunuzun tasarım aşamasında on/off butonu eklenmeli ve animation ekranında ilgili buton seçilerek ekranın sağ üst köşesinde bulunan ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/kJg10hjkPGLh1203ky6R/edit.jpg) " edit animation element " ikonu yardımı ile resim 2 'de gösterilen " animation element " menüsü açılır.

![Resim 1 : Animation Visibility](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/Sbs7kiD1PBymQyU8sJmj/Resim%201%20visibility%20ana%20g%C3%B6r%C3%BCnt%C3%BC.jpg)

Öncelikle oluşturduğunuz butona on / off özelliği eklemek için resim 2 'de gösterildiği gibi " click " özelliğinden aşağıda belirtilen kodlama eklenir. 

```
var a=ins.getVariableValue("BUTTON_TAG_001").value;
ins.setVariableValue("BUTTON_TAG_001",{value:!a});
```

![Resim 2 : Animation Visibility- Click Add](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/1WVqlJUnXgGzEV6WMKuH/Resim%202%20visibility%20click%20ekleme.jpg)

Daha sonra " ctrl " ile ekranda detay mimik seçim özelliği aktive edilerek gizlemek istediğimiz nesne, değişken vb seçilir ve ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/kJg10hjkPGLh1203ky6R/edit.jpg) " edit animations element " ikonu yardımı ile " animation element menüsü açılır. Resim 3 'te gösterildiği gibi " visibility " menüsünden ilgili nesne için oluşturduğumuz buton değişkeni seçilir ve kaydedilir. 

![Resim 3 : Animation Visibility Type - Tag](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/td4OERN6D3htHUtFQaJR/Resim%203%20visibility%20add.jpg)

* **Animation Visibility Type - Expression :** 

Animasyonumuzda görünmez olmasını istediğimiz mimiği " crtl " özelliğini açarak seçip ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/kJg10hjkPGLh1203ky6R/edit.jpg) ikonu yardımı ile Resim 4 'te gösterildiği gibi " expression " alanına  aşağıda gösterilen kodların isteğe bağlı olarak birisinin yazılması ile , ilgili nesnenin " visualization " ekranında görünmez olması veya görünür olması manuel olarak sağlanmış olacaktır. Aynı zamanda bu alanda kodlama yaparken dilediğiniz şarta bağlı olarakta kodlamalarınızı yazabilirsiniz.

```
return true // Seçili nesne görünmez olur.
return false // Seçili nesne görünür olur.
```

![Resim 4 : Animation Visibility Type - Expression](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/wTIpqyw5L5cf9QTfXKkB/Resim%204%20visibility%20expression.jpg)

## Visibility Visualization, Preview

Visibility 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 animasyon seçilerek ilgili alanda belirlediğiniz kural / şart' lara göre seçtiğiniz mimiğin / tagın , görünür veya görünmez olduğunu görüntüleyebileceksiniz.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://inscada.gitbook.io/ins/inscada-version-2025/kullanici-arayuzu/development/animasyonlar/visibility.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.