次に下図のように、品目情報（「品目情報」レイヤー上）と、品目区分（「品目区分」レイヤー上）の入力レイアウトを作成します。
図5 - コンポーネントの配置
品目情報と品目区分の背景の緑色と紫色の部分は、左側のツールバーにある［矩形ツール］を使用して作成します。テキストボックス（TextInput）やコンボボックス（ComboBox）は、［ウィンドウ］-［コンポーネント］を選択すると表示される「コンポーネント」パネルから、目的のコンポーネントをステージにドラッグし、配置します（ともに「User Interface」グループにあります）。
図6 - テキストボックス・コンボボックスの配置
次に、品目情報と品目区分の背景の表示／非表示を切り替えられるように、それぞれ背景部分を右クリックして［シンボルに変換］を選択し、シンボルに変換します。シンボルのタイトルは［ムービークリップ］、名前はそれぞれ「品目情報背景」「品目区分背景」にしました。
図7 - 背景をシンボルに変換
背景をムービークリップに変換すると、そのムービークリップ固有のタイムラインに関して編集できるようになります。ムービークリップを右クリックし、［編集］を選択してタイムラインの編集画面を表示し、下図のようにキーフレームを追加して、背景のあるフレームと背景のないフレームを作成します。
図8a - 2コマ目にキーフレームを追加して...
図8b - 追加したキーフレームの背景を削除する
