ボタンとテキスト

 ■部品を配置する　ボタンとテキスト


前回は、何もないウィンドウを作成しました。続いて、このウィンドウの中に、部品を配置していきます。

まずは、ボタンとテキストを配置していくことにします。この二つの部品は、最も基本的な部品で、皆さんもおなじみだと思いますので。


●ボタン … これを Spaceキー または Enterキーで押すことによって、さまざまな処理（手順）が行なわれます。形は、横長の長方形が普通です。

PC-Talkerでは「○○のプッシュボタン　確認」とガイドされます。


●テキスト … 一行の文字列を入力するボックスです。形は、横長の長方形です。

PC-Talkerでは「○○のエディット　文字入力」とガイドされます。


前回の、何もないウィンドウに、ボタンとテキストを配置したプログラムを、下に掲載します。そして、部品の配置の仕方について説明していきます。


────────────────────

ウィンドウ1を表示する

待機する


ウィンドウ1とは

ウィンドウを継承する


はじめの手順

初期化する

終わり


初期化する手順

//この手順は自動生成されたものです。編集しないでください

この内部領域大きさを｛292、271｝に変える

この内容を「ウィンドウ1」に変える


テキスト1というテキストを作る

その位置と大きさを｛54、98、180、19｝に変える


ボタン1というボタンを作る

その内容を「OK」に変える

その位置と大きさを｛110、168、75、23｝に変える


終わり


ボタン1がクリックされた時の手順

テキスト1の内容を表示する

終わり


終わり

────────────────────


■テキストとボタンの配置についての説明


行の先頭に　ーー　の付いている行が、説明です。


テキスト1というテキストを作る

ーーウィンドウに部品を配置する時は、

ーーこのように部品の種類の後に連番を付けるか、

ーーまたは、その部品に名前を付けます。

ーー名前を付ける例：パスワード欄というテキストを作る


その位置と大きさを｛54、98、180、19｝に変える

ーー「その」は「テキストの」という意味で、

ーーこの場合は、「テキスト1の」ということを示しています。

ーー｛54、98、180、19｝

ーーウィンドウ内の部品の位置と、部品の大きさを指定しています。

ーー位置と大きさの指定については、この後の方で説明します。


ボタン1というボタンを作る

その内容を「OK」に変える

ーー内容 というのは、ボタンに表示する文字列のことです。

ーーここでは「OK」という文字を表示するように指定しています。

ーー標準の幅 75 では、半角＝12文字　全角＝6文字までが

ーー一行で指定することが出来ます。

ーー文字数がそれを越える場合は、幅か高さを大きくします。


その位置と大きさを｛110、168、75、23｝に変える

ーーこの下で説明します。


■部品の位置と大きさの指定


部品の位置と大きさは　｛54、98、180、19｝　という形で指定します。

はじめの二つの数値　54、98　が、縦と横の位置を表す数値です。

数値の単位は、ピクセルです。１ピクセルは、標準的なパソコンのディスプレイでは、約0.3528ミリとなります。100ピクセルなら、約35ミリです。


54 は、ウィンドウの左端から 54ピクセル 右の位置 

98 は、ウィンドウのタイトルバーの下端から 98ピクセル 下の位置 


となります。


後の　180、19　で、部品の大きさを指定します。

順番は　幅、高さの順になります。したがって、この部品＝テキストの大きさは、

幅＝180ピクセル　高さ＝19ピクセル　ということになります。


■部品に対する手順の指定


次に、ウィンドウ内に配置した部品に対する手順を指定します。

この手順は、プロデルでは「イベント手順」と呼ばれます。


────────────────────

ボタン1がクリックされた時の手順

ーークリックは、マウスの左シングルクリックを指します。

ーー右クリック・ダブルクリックは、別のイベント手順になります。

ーーキーボードではSpaceキー または Enterキーが押された時に

ーー実行される処理を（次の行に）記述します。


テキスト1の内容を表示する

ーーこの場合の「内容」は、テキストに入力された内容を指します。


終わり

ーー手順には、必ず この「終わり」が必要です。

ーーこの一行によって、イベント手順が完了します。


終わり

ーーウィンドウ1で行なわれる 全ての手順が、ここで終わり

ーーということを示しています。


参考：

リファレンス > 基本ウィンドウ部品 > テキスト

http://rdr.utopiat.net/docs/reference/core/control/textbox.htm


リファレンス > 基本ウィンドウ部品 > ボタン

http://rdr.utopiat.net/docs/reference/core/control/button.htm


コメント

コメントを投稿

このブログの人気の投稿

■アクセシブルな開発環境「日本語プログラミング言語・プロデル」の紹介

                                             こんにちは。yanikunです。                     このページにアクセスしていただき、ありがとうございます。 このブログでは、日本語プログラミング言語「プロデル」について書いていきます。…と言っても、私が「プロデル」を完全にマスターしているわけではありません。まだまだ勉強中で、わからないことの方が多いくらいです。 それでもこの無謀な試みを決行するのは、プログラム作りの面白さを、より多くの音声ユーザーの皆さんに知ってほしいと思ったからです。 プログラム作りの目的は、もちろん 自分で自分の欲しい機能を持ったプログラムを作ることです。特に音声ユーザーの場合は、音声とキーボードで操作できるのが必須条件となりますから、使えるソフトの数や種類が大きく限定されてしまいます。 インターネットで検索して、自分の目的にぴったりのソフトを見つけたが、いざダウンロードして使おうと思ったら、全く音声が出ず、キーボードでの操作も出来ない、という悔しい経験は、多くの音声ユーザーがお持ちだと思います。 プログラム作りのもう一つの効用は、プログラムというものがどんな仕組みで動いているのか、そして OS（Windows）とプログラムの関係が どうなっているのか、などがだんだんわかってくることです。これは、他のプログラムを使う時にも役に立ちます。 さて、能書きはこのくらいにして、ここで「プロデル」の特長を挙げていきます。 １．日本語でプログラムが書ける。 このページを開いた人の中には、これまでプログラム作りに挑戦し、途中で挫折してしまった経験をお持ちの人も少なくないと思います。 挫折の原因はいろいろあるでしょうが、ひとつにはプログラムが英語（アルファベット）で書かなければいけないということも挙げられると思います（← はい　それは私です）。 プログラムで使われる言葉（文字）は、もちろん意味があって使われているわけですが、最初のうちは、訳のわからない横文字の羅列に面食らってしまうことでしょう。 その点「プロデル」は、命令や変数などプログラムの用語が、普段使っている日本語に近い言葉で記述するようになっているため、はじめから意味を理解しながらプログラムを書くことが出来ます。 また、音声ユーザーの場合は
続きを読む

ドキュメント検索 と 掲示板

 プロデルでのプログラム作りをしていると、いろいろな疑問が出て来ます。自分のやりたいことは、どのオブジェクトや手順を使えばいいのだろうか、プログラムは正しいはずなのに、何度やってもエラーになる、というような疑問です。 また、ある程度慣れてくると、こういう機能があったらいいのに…という要望も、徐々に出て来ます。 そういう疑問や要望に応えるために、プロデルには、「ドキュメント検索」と、各種の掲示板が用意されています。ここでは、その二つについて紹介します。 ■ドキュメント検索  プロデルのドキュメント  http://rdr.utopiat.net/docs/index.html このページの、「プロデルのドキュメント」のエディットボックスに、キーワードを入力して、「検索」のボタンを押して下さい。 NetReaderや、Internet Explorer＋最新のPC-Talkerなら、E のキーを押せば、エディットボックスにカーソルがジャンプします。 ■掲示板 プロデルには、目的に応じて、以下の各種の掲示板が用意されています。 ●プロデル質問掲示板  http://rdr.utopiat.net/cgi/bbs/wforum-rdr.cgi プロデルでのプログラム作り全般に関する質問のための掲示板です。 ●プロデル不具合報告掲示板  http://rdr.utopiat.net/cgi/bbs2/wforum-rdr.cgi 自分のプログラムではなく、プロデル自体、またはプロデルデザイナの不具合についての報告と確認のための掲示板です。 ●プロデル雑談掲示板  http://rdr.utopiat.net/cgi/bbs0/board-rdr.cgi プロデルに対する要望を、作者に伝えるための掲示板です。また、名前のとおり、プロデルやプログラム作りに関する雑談的な話題も扱っています。 ●作品一覧 - プロデル プログラム掲示板  http://rdr2.utopiat.net/cgi/progbbs/forump.php プロデルのユーザーが自作したプログラムを投稿するための掲示板です。 ※投稿するためには、ユーザー登録が必要になります。 ■掲示板のルール 掲示板の利用についての具体的な注意事項が、下記の所にありますので、投稿する前にお読み下さい。 掲示板のルール  htt
続きを読む

命令文の書き方　その１：動詞と引数

                                                ■命令文の書き方 プロデルでは、コンピューターに何かの処理を実行させる時には、「命令文」の形で書いていきます。そして、この命令文は、書かれた順番どおりに実行されていきます。 例えば、デザイナで１行目に、 「おはよう」を表示する ２行目に、 「さようなら」を表示する と書いて（F5キーで）実行すると、最初に「おはよう」というダイアログボックスが現れ、次に「さようなら」というダイアログボックスが現れます。 ■動詞と引数 さて、ここからいきなりプログラムの専門用語が出てきちゃいます。最初はあまりよく理解できないかもしれません。とりあえず、ざっと読みながら、実際にプログラムを書いたり実行したりしてみて下さい。だんだんわかってくると思います。私はいまだによくわかっていませんけど。 ●動詞 「動詞」は、コンピューターに「あれをやれ」「この処理をしろ」という命令のことで、前の例で挙げた「表示する」とか「起動する」などが「動詞」です。 こちらは何となくわかると思いますので、「引数（ひきすう）」について簡単に説明しておきます。 ●引数（ひきすう） 「引数」というのは、10から3を引いた数、つまり引き算の結果…ではありません。引き出物の数のこと…でもありません。地球の引力の数値…でも、もちろんありません。 そもそもこの「数」という言葉が、プログラミングの用語を（特に初心者に）わかりにくくしている原因の一つだと思います。 ここで言う「数」というのは、簡単に言えば、情報を入れるための箱のようなものです。器・入れ物と言ってもいいかもしれません。したがって、この箱の中には、数値だけでなく、文字列などの情報も入れることが出来ます。 そして、引数の「引」は、引き渡す・引き当てるというような意味で使われています。まとめると、ユーザーがコンピューターに何らかの命令をするときに、コンピューターに渡す情報を入れるための箱、ということになります。 ちなみに、引数は、英語で言うと「argument」となり、これは「議論」とか「やり取り」というような意味です。 先ほどの命令文の例で説明します。 「おはよう」を表示する ここでは、「表示する」が動詞になります。そして　「　」　で囲われた文字列＝おはよう　が引数＝情報にな
続きを読む