dl-breadcrumbs__homedl-breadcrumb-item__separatorYapılandırma ve programlamadl-breadcrumb-item__separatorCODESYS ile pogramlamadl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorÖğelerle bir görselleştirme tasarlamadl-breadcrumb-item__separatorRenk atama
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Renk atamadl-permalink__symbolPermalink

Bir görselleştirme öğesinin rengini ya «Renk» özelliği aracılığıyla statik olarak ya da «Renk değişkenleri» özelliği aracılığıyla bir uygulama değişkeni atayarak dinamik olarak yapılandırabilirsiniz. Elemana bağlı olarak, renk atamaları diğer özelliklerde de mevcuttur. Örneğin, yazı tipi rengi için bu, etiketli bir öğenin «Text» özelliğinde sağlanır.

Bir renk değerinin statik olarak atanması için her zaman özellikler düzenleyicisindeki renk iletişim kutusunu kullanabilirsiniz; bu iletişim kutusunda aralarından seçim yapabileceğiniz renk paletleri bulunur.

Rengi stil rengi olarak belirleyebilirsiniz. Stil renkleri, aktif olarak uygulanan stildeki renk tanımları için renk adlarıdır. Karşılık gelen bir özelliği yapılandırırken, size mevcut stil renklerinin bir listesi sunulur. Stil renklerini kullanmanızı öneririz çünkü böylece renkleri bir stil seçimi veya stil özelleştirmesi yoluyla merkezi olarak değiştirebilirsiniz. Renk paletlerinden bir değer seçmek için «Renk» iletişim kutusunu da açabilirsiniz.

Ayrıca, bir öğenin dolgu rengini «Gradient» olarak tanımlayabilirsiniz. Daha sonra renk doğrusal, radyal veya eksenel olarak ilk renkten son renge doğru değişir. «Gradyan ayarını» « Gradyan Düzenleyici» iletişim kutusunda yapılandırırsınız.

Stil rengi veya sabit renk değeri olan bir görselleştirme öğesi tasarlama

NOT

NOT
NOT
NOT

NOT

NOT

Stil rengiyle renk ataması, kolay global renk değişikliklerine olanak tanır.

Gereklilik: Görselleştirme düzenleyicisi açıktır.

  1. Bazı ‎Rectangle‎ öğeleri ekleyin.

  2. Bir öğe seçin.

    «Özellikler» görünümü etkindir.

  3. «Renkler  Normal durum  Dolgu rengi» özelliğine tıklayın.

    Bir liste kutusu ve _cds_icon_button_threedots düğmesi görünür.

  4. Dikdörtgene bir stil rengi atayın. Örneğin, liste kutusundan «Elementfillcolor» öğesini seçin.

  5. Şeffaflık derecesini «Renkler  Normal durum  Dolgu rengi  Şeffaflık» özelliğinde tanımlayın. Değeri seçmek için kaydırıcıyı kullanın «136».

  6. Başka bir dikdörtgen seçin. «Renkler  Normal durum  Dolgu rengi» özelliğine tıklayın.

    Bir liste kutusu ve _cds_icon_button_threedots düğmesi görünür.

  7. Dikdörtgene bir sabit renk değeri atayın. Bunu yapmak için _cds_icon_button_threedots adresine tıklayın.

    «Color» iletişim kutusu açılır.

  8. Seçiminize ince ayar yapmak için standart bir renk seçin veya «Define Custom Colors» adresini ziyaret edin. Ardından «OK» adresini tıklayın.

    Renk sabit bir değer olarak ayarlanır. Renk küçük bir dikdörtgen olarak görüntülenir. RGB değerleri de yanında gösterilir.

  9. «Renkler  Normal durum  Dolgu rengi  Şeffaflık» özelliğine tıklayın.

  10. Değeri seçmek için kaydırıcıyı kullanın «136».

    Renk yarı saydamdır.

Renk gradyanlı bir görselleştirme öğesi tasarlama

Gereklilik: Görselleştirme düzenleyicisi açıktır.

  1. Bir «Dikdörtgen» öğesini görselleştirmeye sürükleyin.

  2. «Colors  Use gradient color» özelliğini seçin.

  3. «Colors  Gradient setting» özelliğine tıklayın.

    «Gradient Editor» iletişim kutusu açılır.

  4. Eleman için renk gradyanını tanımlayın:

    • «Gradyan tipi»: «Radyal»

    • «Standart radyal»: «Merkez»

    Elemanın dolgu rengi radyal olarak beyazdan siyaha değişir.

    _visu_img_viscolor_gradient

Renk animasyonu için bir görselleştirme öğesini yapılandırma

Belirli öğelerin sahip olabileceği «Renk değişkenleri» özelliği, öğenin renk animasyonu için kullanılır. Buraya bir değişken atarsanız, uygulama kodunda renk değişikliklerini programlayabilir veya renk değişikliğine neden olan bir kullanıcı girdisi yapılandırabilirsiniz.

"Görselleştirme Öğelerini Canlandırma" bölümünde bir örnek görebilirsiniz.