MZ Platform開発チュートリアルL4（画面を作ってみよう）

コンポーネント追加

1. 追加するコンポーネントは以下の通りです。

コンポーネント名	必要数	カテゴリー
フレーム	1	画面構成部品＞ウィンドウ
ボタン	１	画面構成部品＞ボタン

2. ビルダー編集画面上で右クリックするとポップアップメニューが表示されます。
   1. ［コンポーネント追加］＞［画面構成部品］＞［ウィンドウ］＞［フレーム］を選択し、クリックします。
   2. ［コンポーネント追加］＞［画面構成部品］＞［ボタン］＞［ボタン］を選択し、クリックします。
3. 編集画面左側に追加されたコンポーネントが表示されます。

基本の接続処理の作成

コンポーネントを追加しただけでは画面は表示されません。
最初に、アプリケーション開始時にフレーム画面を表示する処理を設定します 。
また、フレーム画面を閉じたときには、その後画面操作ができなくなるので、必ずアプリケーションを終了することとします。

接続処理設定
1. フレームの表示
［アプリケーション］を開始したら［フレー ム］を表示する処理を作成します。
1. ［アプリケーション］にアプリケーション開始イベントを追加します。
［アプリケーション］コンポーネントを右クリック＞［イベント処理追加］＞［アプリケーション開始イベン ト］を選択します。
イベントを表す赤い丸が付いた線が表示され、イベント名が表示されます。
2. イベントを示す赤い丸の上で右クリック＞［起動メソッド追加］を選択します。
   右側に接続先を示す灰色の四角い枠が表示されます。
3. 接続先を示す枠の上で右クリック＞［接続コンポーネント選択］＞［フレーム］を選択します。
4. 接続先コンポーネント［フレーム］の上で右クリック＞［起動メソッド設定...］を選択します。
   起動メソッド情報窓が表示されます。
5. 起動メソッド情報窓の中央の▽をクリックして、メソッドを選択します。
メソッド「フレームを表示する（）」を選択し、「了解」ボタンを押します。
メソッド名が線の上に表示されます。
2. アプリケーションを終了する
1. ［フレーム］にアクションイベントを追加します。
   ［フレーム］コンポーネントを右クリック＞［イベント処理追加］＞［アクションイベン ト］を選択します。
2. イベントを示す赤い丸の上で右クリック＞［起動メソッド追加］を選択します。
3. 接続先を示す枠の上で右クリック＞［接続コンポーネント選択］＞［アプリケーション］を選択します。
4. 接続先コンポーネント［アプリケーション］の上で右クリック＞［起動メソッド設定...］を選択します。
5. 起動メソッド情報窓、中央の▽をクリックして、メソッドを選択します。
   メソッド「アプリケーションをする（）」を選択し、「了解」ボタンを押します。

確認接続先コンポーネントの選択や起動メソッド情報設定 窓の表示 の際には、ポップアップメニューを右クリックするだけでなく、複数の操作方法があります。

参考：基 本操作＞接続処理の作成＞接続先コンポーネントの設定
参考：基 本操作＞接続処理の作成＞起動メソッド設定

画面編集

画面編集
1. ビルダー画面下部のツールボタン「画面編集」を押して、画面編集画面を表示します。
2. 画面編集領域で右クリック＞コンポーネント追加を選択します。
   メニューに既にビルダー編集画面上に追加されているコンポーネント名の候補が表示されます。
   ［ボタン］を選択します。
3. ［フレーム］の上に［ボタン］が配置されたイメージが表示されます。
   左側ツリー領域に［フレーム］の下位に［ボタン］が表示されます。
4. 「閉じる」ボタン、または右上「×」で画面編集画面を閉じます。

ボタン名の変更　「実行（設定可）」ボタンで実行

確認［ボ タン］の テキストはツールボタン「実行（設定可）」を押して実行し、画面を確認しながら編集します。

1. ツールボタン「実行（設定可）」ボタンを押して、アプリケーションを実行します。
最初フレーム画面はスクリーン左上に表示されます。
フレームの上部タイトルバーをマウスで選択できる大きさに広げ、ドラッグして表示位置を変更します。

2. ボタンの上で右クリック＞［テキスト...］を選択します。
テキスト入力窓が表示されます。
3. テキストの入力窓にボタンのテキストを入力します。
ここでは「閉じる」と入力します。

確認 一部のコンポーネントではテキストやタイトルを変更するとコンポーネントキーも連動して変わるものがあります。
［ボタン］の テキストを変更すると、［ボタン］のコンポーネントキーも自動的に変更されます。