今回から第3章に突入です。この章では医薬品の検索画面を作成していきます。
第2章で覚えたことを基本に、ちょっと手を加えれば医薬品の検索システムを作ることができます。
では早速いきましょう。
スポンサーリンク
ユーザーフォームにコントロールを配置する
復習も兼ねて。まずは「挿入 → ユーザーフォーム」。オブジェクト名は「frmDSearch」、captionは「医薬品検索画面」として下さい。
ユーザーフォームのサイズですが、第2章で作成した医薬品新規登録画面をちょっと下に大きくした感じにして下さい。後で修正できますので大体で結構です。
ユーザーフォーム上部の無地のラベルは既に2回やっていますのでここでは省略します。色は黄色にしました。
・ラベル4つ(薬品名検索、一般名検索、識別記号検索、検索結果)
・テキストボックス4つ(txtDSearch、txtGSearch、txtKSearch、btnDSearch、btnGSearch、btnKSearch)
・リストボックス1つ(lstKouho)
黒い横線から下の部分(医薬品情報)は、まだ配置しないで下さい!
初めて見るのがlstKouho。これはリストボックスというコントロールです。今回のように検索候補などのリストを表示する時に使用します。
リストボックスはツールボックスの上段、真ん中位にあります。配置の仕方はラベルやテキストボックスなどと同じなので省略させて頂きます。
ここで黒線の下の部分をよーく見て下さい。これどっかで見たことありませんか?
そう、2章で作成した医薬品新規登録画面とそっくりじゃないですか。これを利用しない手はありません!
医薬品新規登録画面のコントロールをまんまコピーして再利用
医薬品新規登録画面のユーザーフォームを開き、ラベルより下のコントロールを全て選択します。ショートカットキー「ctrl+A」で全て選択できます。
その後「医薬品引用ボタン」だけチェックを外し(ctrl+左クリック)、コピーしましょう。
医薬品検索画面のユーザーフォームを開き、適当な場所で「右クリック → 貼り付け」。
ちょっとずれて貼り付けられた方はマウスで微調整して下さい。いや~楽ですね(笑)。
一つだけ変更しましょう。登録ボタンのオブジェクト名を「btnDecide」に、captionを「決定」に変更して下さい。
全体的なバランスとして、同効薬のテキストボックスの場所が上のリストボックスとずれているとイマイチなので合わせます。
また最初に配置したテキストボックスと後から貼り付けたテキストボックスの大きさが同じになるように設定して下さい。
使う側にとっては見た目もとても大事です。上の画像を参考にして設定してみて下さい。
スポンサーリンク
レイアウトを見やすくするために区切り線を配置しよう
続いて上下を分ける黒い横線を配置したいと思います。
どのようにやると思いますか?勘の良い人なら既にわかっている方もいらっしゃるかもしれませんね。
実はこれ、無地のラベルを細くしただけなんですよ。適当にラベルを配置して、captionを削除。色はパレットから黒を選択し、Heightを1にします。
線になりました。
識別記号検索のラベルの下くらいにもっていって…右に引っ張って伸ばしましょう。
lstKouhoをちょっと過ぎたくらいでストップ。これでコントロールの配置は完了です。
テキストボックスを編集できなくする方法
最後に今回作成したのはあくまで検索画面であり、医薬品情報の修正・削除画面ではありません。
勝手に中身を編集されては困ります。そこで行うのが以下です。
黒線の下のテキストボックス(どれでもOK)のプロパティウィンドウを見て下さい。Lockedという項目がありますね。これを「False → True」にします。
これを設定されたテキストボックスは一切編集できなくなります。黒線の下のテキストボックス、コンボボックス全てに設定しましょう。
コントロールの配置は以上で終了です。お疲れ様でした。
次回はタブオーダーを設定します。