Edition」の初級から中級のチュートリアルです。このチュートリアルは、中学・高校生からプログラミングが始めての方達を対象にして、Mac&Winのアプリを同時に作ります。テキスト・フィールドこの章の概略スタックがリサイズされた時に、オブジェクトのサイズやポジションを変えるジオメトリー・マネージャーで、フィールド、ボタンが1つづつと、それぞれ2つづつの場合の設定について学びます。フィールドからキャラクター、ワード、ライン等のデータを得て、他のフィードに移し替えたり、フォントやカラーを変化させたりします。テキストがロックされているフィールドを、マウス・クリックでキャラクター、ワード、ライン等の情報を得ます。英語のテキストを保存します。ジオメトリー・マネージャーを使わない、スクリプトによるリサイズ・スタック。ジオメトリー:フィールド1つ、ボタン1つ。始めにスタックとフィールドのビジュアルな関連から入ります。スタックのサイズが変化した時に、フィールドも同時にそれに合わせて大きさが変わる、ジオメトリー・マネージャーの扱いです。ニュー・メイン・スタックをFileメニューから作ります。Field」にします。Field」をカードにドラッグ&ドロップしてください。これは普通にテキストが打ち込めて、右側に縦のスクローリング・バー(vScrollbar)があるフィールドです。プロパティ「vScrollbar」が「true」です。プロパティ「vScrollbar」を「false」にすると、スクロールバーが消えます。フィールドを下の図のようにカード上に広げます。左下にボタンを置くので、そのスペースも少し見てください。Button」を置きます。Position」を開けます。Position」とは違っていて、一番上のプロパティが「Resizable(リサイズできる)」になっています。Height」はどちらも「400」にしてください。ユーザーがスタック(ウインドウ)のサイズを変えられる最小の大きさです。このサイズ以下にはできません。次に「フィールド1」をセレクトして、インスペクターの「Geometry」を開きます。これでユーザーがスタック右下をドラッグして、ウインドウ・サイズが変わった時に「フィールド1」も同時に大きさが変わるようにセットします。セレクトしているオブジェクトのサイズを変える」が選ばれているのを確認します。object」から右サイドまで伸びている斜線をクリックすると、下の図のようにオレンジに変わります。object」から下に伸びている斜線をクリックしてください。下の図のようにオレンジに変わります。これでウインドウ・サイズに比例してフィールドのサイズも変わります。図:フィールドのジオメトリー設定ウインドウとフィールドに合わせて、ボタンの位置が動くようにしないといけません。ボタンをセレクトして、ボタンのインスペクターから「Geometry」を開きます。object」を選びます。object」から、下に伸びている斜線をクリックしてください。下の図のようにオレンジに変わります。オレンジ色のベタ帯は、いつも変わらないピクセル数のアキを示しています。図:左下ボタンのジオメトリー設定これでブラウズ・ツールに持ち替えたら、スタック右下を動かしてウインドウの大きさを変えてみましょう。うまくリサイズしていますか。ジオメトリー:フィールド2つ、ボタン2つ。今度はフィールド2つと、ボタン2つでやってみます。フィールドもボタンも「Geometry」を全て解除してください。All」をクリックします。スタックをもう少し横長にします。