８．ボタンや文字表示の枠を作ってみよう！（ＧＵＩ部品）
今日はボタンや文字表示の枠を作ってみます。
ボタンをクリックするとかめ太が動いたり、数値を入力したりします。
８-1.ボタンオブジェクト
ボタンを押すとかめ太が前に進むプログラムを作ってみましょう。
かめ太＝タートル！作る。
歩くボタン＝ボタン！ ”歩く” 作る。
歩くボタン！ −２００ １００ 位置 １２０ ５０ 大きさ。
歩くボタン：動作＝「かめ太！ １０ 歩く」。
（解説）
「歩く」と表記された（−２００，１００）の位置に縦横（１２０×５０）の大きさのボタンを作ります。
クリックされると１０歩くように動作を定義しています。
|
＊「歩く」ボタンをクリックするたびにかめ太が前に歩きます。
 |
これに、「戻るボタン」、「右を向くボタン」、「左を向くボタン」等を作るとペイントソフトのようなプログラムができます。
かめ太＝タートル！作る。
歩くボタン＝ボタン！ ”歩く” 作る。
歩くボタン！ −２００ １００ 位置 １２０ ５０ 大きさ。
歩くボタン：動作＝「かめ太！ １０歩 歩く」。
戻るボタン＝ボタン！ ”戻る” 作る。
戻るボタン！ −２００ ４０ 位置 １２０ ５０ 大きさ （黄） 色。
戻るボタン：動作＝「かめ太！ １０歩 戻る」。
右向くボタン＝ボタン！ ”右向く” 作る。
右向くボタン！ −２００ −２０ 位置 １２０ ５０ 大きさ （赤） 色。
右向くボタン：動作＝「かめ太！ ５度 右回り」。
左向くボタン＝ボタン！ ”左向く” 作る。
左向くボタン！ −２００ −８０ 位置 １２０ ５０ 大きさ （青） 色。
左向くボタン：動作＝「かめ太！ ５度 左回り」。
|
 |
８-２.文字を表示してみる。
次に画面に文字を表示してみましょう。
次の２行を書き加えて見てください。
タイトル＝ラベル！ 作る。
タイトル！ ”ボタンによる実行” 書く −１００ ２００ 位置 ２００ ５０ 大きさ。
かめ太＝タートル！作る。
歩くボタン＝ボタン！ ”歩く” 作る。
歩くボタン！ −２００ １００ 位置 １２０ ５０ 大きさ。
歩くボタン：動作＝「かめ太！ １０歩 歩く」。
戻るボタン＝ボタン！ ”戻る” 作る。
戻るボタン！ −２００ ４０ 位置 １２０ ５０ 大きさ （黄） 色。
戻るボタン：動作＝「かめ太！ １０歩 戻る」。
右向くボタン＝ボタン！ ”右向く” 作る。
右向くボタン！ −２００ −２０ 位置 １２０ ５０ 大きさ （赤） 色。
右向くボタン：動作＝「かめ太！ ５度 右回り」。
左向くボタン＝ボタン！ ”左向く” 作る。
左向くボタン！ −２００ −８０ 位置 １２０ ５０ 大きさ （青） 色。
左向くボタン：動作＝「かめ太！ ５度 左回り」。
タイトル＝ラベル！ 作る。
タイトル！ ”ボタンによる実行” 書く −１００ ２００ 位置 ２００ ５０ 大きさ。
|
＊タイトルが表示されました。
 |
８-３.文字の入出力
次に「歩く」 何回押されたかをカウントするようにしてみましょう。
「歩く」ボタンが押されるたびに回数をプラス１して、表示させます。
歩いた回数＝フィールド！ 作る −６０ １００ 位置 ５０ ５０ 大きさ。
歩くボタン：動作＝「かめ太！ １０歩 歩く。歩いた回数！ （（歩いた回数！読む）＋１）書く。」。
と追加、改変をしてみてください。
かめ太＝タートル！作る。
歩くボタン＝ボタン！ ”歩く” 作る。
歩くボタン！ −２００ １００ 位置 １２０ ５０ 大きさ。
歩いた回数＝フィールド！ 作る −６０ １００ 位置 ５０ ５０ 大きさ。
歩くボタン：動作＝「かめ太！ １０歩 歩く。歩いた回数！ （（歩いた回数！読む）＋１）書く。」。
戻るボタン＝ボタン！ ”戻る” 作る。
戻るボタン！ −２００ ４０ 位置 １２０ ５０ 大きさ （黄） 色。
戻るボタン：動作＝「かめ太！ １０歩 戻る」。
右向くボタン＝ボタン！ ”右向く” 作る。
右向くボタン！ −２００ −２０ 位置 １２０ ５０ 大きさ （赤） 色。
右向くボタン：動作＝「かめ太！ ５度 右回り」。
左向くボタン＝ボタン！ ”左向く” 作る。
左向くボタン！ −２００ −８０ 位置 １２０ ５０ 大きさ （青） 色。
左向くボタン：動作＝「かめ太！ ５度 左回り」。
タイトル＝ラベル！ 作る。
タイトル！ ”ボタンによる実行” 書く −１００ ２００ 位置 ２００ ５０ 大きさ。
|
＊歩くを押すたびに数値が１ずつ増えていきます。
 |
８-４.その他のＧＵＩ部品
ドリトルは他に「テキストリスト」、「選択メニュー」というGUI部品があります。
マニュアルを見て、テキストリスト、選択メニューも試してみましょう。
これらの機能を使うと普段、使っているアプリケーションソフトやゲーム等の簡単なものを作ることができます。
次へ
前へ
(c) 2003 長谷川元洋 All rights researved. ghase@logob.com