English | French | Russian | Italian | Korean | Mandarin

このチュートリアルは、既にチュートリアルIIIのSpread them Dataを読んでいるものとして進めます。

データ型ごとのIOBox

Hello Worldのチュートリアルでは、右ダブルクリックからデータ型が数値のIOBox (Value Advanced)を作りました。このIOBoxは、他の全てのデータ型にも用意されています：

• IOBox (String)
• IOBox (Color)
• IOBox (Enumerations)
• IOBox (Node)

名前から想像できると思いますが、IOBoxのIOとは入出力（Input/Output）を示しています。これらのノードは2つの場面で役に立ちます。１つは実行中のプログラムへユーザがデータを入力する手段として、もう１つは実行中のプログラムからデータを取り出す、または表示するかです。

共通の特徴

こちらをやってみましょう：全てのIOBoxを選択して、マウスカーソルが変化するまでどれか１つの下か右端まで移動します。これでウィンドウの大きさを変えるようにIOBoxの大きさを変更できます。全てのIOBoxの大きさが同時に変わります。CTRLキーを押しながらドラッグすると一方向の大きさだけが変化します。

IOBox (Node)（少しだけ特殊なIOBox）を除いて、全てのIOBoxはいくつかの共通項目があります。IOBox (Node)以外のIOBoxを選択し、inspektorを見てください。

ここでは表示するフォントの種類とサイズを変更できます。ただ、もっと興味を引くのは、Columns（列）, Rows（行）, Pages（ページ）のピンです。Rowsに3を入力して、３行にしてみましょう。おや、入力箇所（スライス）が2つ分増えたようですが、何も見えません。なぜなら、SliceCount ModeがInputのままになっているからです。これはIOBox自身の入力データのスライス数に合わせることを指しています。何もつながっていない初期状態のIOBoxのスライス数は１です。

SliceCount ModeをColsRowsPagesに変更すると、新たに2つのスライスが表示され、個別に編集できることがわかります。IOBoxの出力ピンにカーソルを重ねると、ツールチップの右端に(3)という表示が確認できます。これは、IOBoxから3つのスライスを持ったspreadが出力されていることを表します。

Inspektor上で、Show SliceIndexとShow Gridを有効にし、列やページをいくつか追加してみましょう。

行と列は確認できますが、ページは見えないことに気づくでしょう。ただし、IOBoxの出力ピンにカーソルを重ねるとページの数もカウントされているように見えます。IOBoxにおいて、SliceCount ModeがColsRowsPagesの場合のスライス数は常に行x列xページです。他のページの値を見るにはSliceOffsetを変更します。sliceindexを使えばspreadの見ている場所を知るのに役立ちます。

IOBoxでspreadの中身を表示する場合、SliceCount Modeは初期値のInputのままで大丈夫です。ColumnsとRowsのピンを使って表示したいスライスの最大数をセットします。

このスクリーンショットでは、ランダムに生成した100色のスライスを４列２５行のIOBox (Color)で表示しています。

ビデオチュートリアルには関連する2つのチュートリアル（Tutorial 10とTutorial 11）があります。

スライダー、ボタン、リスト、...

もしもスライダーやボタンといったインタフェースの要素を探しているなら、IOBoxがそれらの役割を果たしてくれます。

たとえば、IOBox (Value Advanced)だけを選んでInspektorを見ると、もっとたくさんのピンで構成されているのがわかります。これらの全てを説明するにはこのチュートリアルだけでは足りないので、IOBoxのヘルプパッチ（HelpPatch）を見ると良いでしょう。

ただし、スライダーやボタンで遊ぶよりも人生でもっと重要なことに集中すべきと考えるのであれば、Spread them Data IIに進みましょう。