見出し画像

TouchDesigner Palette 紹介 パート11(UI編)

version 2020.25380

カテゴリの説明

・UIサンプル

画像1

displayList

画像2

ListCOMPの基礎的な使い方のサンプル
クリックなどのインタラクションはついていません

入力:DAT

gal

画像3

様々なタイプのUIサンプルが入っているサンプル
ここの中のUIを組み合わせるだけでもいい感じのUIを作れる

lister

画像4

ListCOMPの複雑な使い方をするもの

入力 :DAT
出力1:DAT(全リスト)
出力2:DAT(選択されている行)

popDialog

画像5

ポップアップダイアログのサンプル
ボタンの数や押された時の操作、EscやEnterを押したときの操作などをカスタマイズ可能

popMenu

画像6

ポップアップメニューのサンプル
ハイライトやチェックボックスなども設定できる

入力 :DAT
出力1:CHOP(選択された行番号)
出力2:DAT(選択された行)

radioList

画像7

List表示されたものをラジオボタンにするサンプル

入力:DAT
出力:DAT(選択されている行)

simpleList

画像8

これもListCOMPのサンプル
UIのカスタマイズが行える

treeLister

画像9

階層構造を持たせたリストサンプル

入力 :DAT
出力1:DAT(全リスト)
出力2:DAT(選択されている行)

Basic Widgets

画像10

WidgetsはUIを構築するための拡張コンポーネント

画像11

このようなUIになっており、
一つ一つのCOMPの中に入らず、パラメータから色やボタンが押されたときの動作など様々なことを設定でき、バージョン管理などにも適しているコンポーネント群です

数が多くて全部を乗せることができないので各自でご確認ください。
公式リンク→https://docs.derivative.ca/Widgets

ありがとうございます!! 少しでも役に立てたら嬉しいです!