ボタンとテキスト

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


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

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


●ボタン … これを 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
続きを読む

「キュー」と「スタック」　その２

 再度「キュー」を使ったプログラムです。ウィンドウに、テキスト領域をふたつ配置して、一方のテキスト領域でコピー（選択）した文字列を、連続して「キュー」に入れていき、もう一つのテキスト領域に、まとめて表示するプログラムです。 拙作「FIFO」では、クリップボードを監視して「キュー」に入れていますが、クリップボードを使うと少しプログラムが複雑になるため、ここでは、選択した文字列を「キュー」に入れています。 ■プログラムの例と説明 ────────────────────────────── FIFOというキューを作る ウィンドウ１を表示する 待機する ウィンドウ１とは ウィンドウを継承する はじめの手順 初期化する ーー貼り付けた部品に対する操作をここに書きます 終わり 初期化する手順 ーーこの手順は自動生成されたものです。編集しないでください この内部領域大きさを｛435、396｝に変える この内容を「ウィンドウ１」に変える この部品キーイベントを○に変える テキスト領域1というテキスト領域を作る その位置と大きさを｛13、13、410、213｝に変える ボタン1というボタンを作る その内容を「表示」に変える その位置と大きさを｛267、359、75、23｝に変える テキスト領域2というテキスト領域を作る その位置と大きさを｛13、243、410、100｝に変える ボタン2というボタンを作る その内容を「閉じる」に変える その位置と大きさを｛348、359、75、23｝に変える 終わり キーが押された時の手順 もし、イベントのコントロールキーが○かつイベントのキー名が「C」なら テキスト領域1の選択内容を、FIFOに並ばせる ーーここでは、コピーコマンドの Ctrl+C をキーイベントに ーー使っていますが、他のキー、例えば F5 や、Ctrl+F1 など、 ーー任意のキーの組み合わせを指定することが出来ます。 もし終わり 終わり ボタン1がクリックされた時の手順 配列は、FIFOの全要素 結果は、配列を［改行］で繋げたもの ーー配列の区切りを、改行に置き換えます。 ーー改行記号も含めて選択した場合は、間に空行が出来ます。 テキスト領域2の内容を、結果に変える テキスト領域2にフォーカスする FIFOをすべて消す ーー同じウィンドウを起動したまま、次の作業をする場合の
続きを読む