![]() |
解説実例で学ぶWindowsプログラミング第2回 継承と属性プログラミングで実現するRAD開発デジタルアドバンテージ2004/12/11 |
|
|
|
Back Issue
|
||
|
今回は、前回作成したMDIインターフェイスを持つWindowsアプリケーションをさらに機能拡張する。今回作成するのは、Windowsアプリケーションのユーザー・インターフェイスとして、業務系アプリケーションではよく実装されている「スタート・メニュー画面(メイン・メニュー画面)」だ。
ここでいうスタート・メニュー画面とは、アプリケーションの実行開始時に最初に表示されるボタン形式のメニュー画面のことで、ボタンをマウスでクリックして実行するか、もしくは方向キー(矢印キー)でフォーカスを移動させて[Enter]キーで実行するような、操作が比較的単純な画面のことである。
通常のWindowsアプリケーションでは、そのフォーム上部にメニュー・バーを配置することが一般的だが、パソコンにそれほど詳しくない一般的なユーザーが利用するような業務処理アプリケーションでは、そのようなメニュー・バーよりも、ボタン形式のメニューの方が扱いやすい場合が多い。
このようなボタン形式のアクセスが容易なメニュー画面は、読者も身近に接しているはずだ。例えば、Visual Studio .NET(以降、VS.NET)でもボタン・メニュー形式の[スタート ページ]画面が用意されており、この画面にある項目をワン・クリックするだけで簡単にVS.NETの機能を使い始めることができるようになっている。実際に、この[スタート ページ]画面にある、ソリューション項目(下の画面例では「Kokyaku.NET」など)や[新しいプロジェクト]ボタンをクリックして、ソリューションを開いたり、プロジェクトを新規作成したりしている開発者も多いだろう。
![]() |
| Visual Studio .NETの[スタート ページ]画面 |
| このようなボタン形式のメニュー画面は、ワン・クリックするだけでアプリケーション機能にアクセスできるという利便性がある。なお、VS.NETで[スタート ページ]画面を表示するには、IDEのメニュー・バーから[ヘルプ]−[スタート ページの表示]を選択すればよい。 |
今回は、そのようなボタン形式のメニュー画面を構築していく。
■本稿で作成するスタート・メニュー画面
本稿では、サンプル・アプリケーションとして(実装をより単純にするため)比較的シンプルで、なおかつ見栄えの良い(と思われる)メニュー画面を構築してみた。実際に筆者が考えたスタート・メニュー画面は次のとおりだ。
![]() |
||||||
| 今回作成するスタート・メニュー画面 | ||||||
| アプリケーション起動時に表示されるスタート・メニュー画面。マウスによるワン・クリック、もしくは方向キーで移動して[Enter]キーを押すことで、アプリケーションの業務処理機能を開始できる。 | ||||||
|
スタート・メニュー画面には、複数のボタンを配置する。これらのボタンは、見栄えを良くするために、また操作性を良くするために、次のようなカスタマイズを行っている。
| ● | 優しい印象を与えるためのWindows XPライクな角の丸いボタン |
| ● | クリックしやすい大きなボタン(かつ、見やすい大きなフォント) |
| ● | 立体的に見えるように薄い色(上)〜濃い色(下)へのグラデーションがかかったボタン |
| ● | ボタンの状態に合わせた表示の変化 |
| ・通常の状態:白色〜濃い青色へのグラデーション ・フォーカス状態:白色〜濃い紺色へのグラデーション ・ホーバー※状態:黄色〜濃い紺色へのグラデーション ・押下状態:黒色〜濃い紺色へのグラデーション ※ホーバー(Hover):マウス・カーソルがボタン上にある状態のこと。 |
またボタンを分類(グループ化)するパネルも、このボタンのインターフェイスに合わせて、次のようにカスタマイズしている。
| ● | ボタンに似合うように濃い色(左上)〜薄い色(右下)へのグラデーションをかけたパネル |
| ● | ボタンと同じような色使い:濃い青色〜白色へのグラデーション |
| ● | 左上のパネル・タイトル文字列の描画 |
今回は、これらのコントロール仕様に基づいてカスタマイズされた、拡張ボタン・コントロールと拡張パネル・コントロールを実装し、さらにそれをツールボックスに登録して、VS.NETでのフォーム・デザイン時にも使えるようにする。そして、作成したこれらのボタンやパネルを使ってWindowsフォームによる「スタート・メニュー」画面を構築する。
■Windowsコントロールを作成するには?
拡張ボタン・コントロールや拡張パネル・コントロールなどを作成するために、コントロールを拡張する方法としては、次のような3つの手段がある。
- 拡張Windowsコントロール(既存のWindowsフォーム・コントロールを継承したコントロール)
- ユーザー・コントロール(UserControlクラスを継承したクラス)
- カスタム・コントロール(Controlクラスを継承したクラス)
1は既存のコントロールのクラスを継承して、その派生クラスで拡張機能を実装する方法である。これに対して、2と3は新たなコントロール・クラスを作成して、そのクラスに独自のコントロールを構築する方法である。
2のUserControlクラスはコンテナ・クラスとなっているので、複数のコントロールを容易にまとめることができる。2と3の違いは、2はWindowsフォームのコントロールとして十分な基本機能があらかじめ備わっているが、3はそのままではコントロール固有機能などを持たない(例えば3は、コントロール自身を描画して表示する機能を持たないので、コントロール自身の描画を行うOnPaintメソッドの実装が必須となる)。
コントロールを「機能拡張」するような場合には1の方法を用い、それ以外の「一般的なコントロール作成」の場合には2の方法を使用する。どうしても1や2の方法では実装できない場合などで3の方法を使うようにすればよいだろう。コントロールの拡張についてより詳しくは、MSDN「コントロールの種類に関するアドバイス」を参照してほしい。
本稿では、既存のButtonコントロールやPanelコントロールを少し機能拡張するだけなので、1の「拡張Windowsコントロール」という方法を用いる。2や3の方法によるコントロール作成手順は、今後の連載の中で紹介する予定だ。
■本稿で開発するサンプル・アプリケーションのダウンロード
今回作成するVS.NETプロジェクトは、次のリンクよりダウンロードできる。
それでは、スタート・メニュー画面の構築に取り掛かろう。
なお、本稿のサンプル・アプリケーションのソース・コードの分量の多さからみて、そのすべてのコードを逐一解説するのは不可能である。よって、実装上の重要ポイントに焦点を絞って解説していく。あらかじめご了承いただきたい。
| INDEX | ||
| 解説:実例で学ぶWindowsプログラミング | ||
| 第2回 継承と属性プログラミングで実現するRAD開発 | ||
| 1.スタート・メニュー画面の構築について | ||
| 2.拡張Windowsコントロールの作成 | ||
| 3.属性プログラミングの実践 | ||
| 4.拡張Windowsコントロールの利用方法 | ||
| 「解説:実例で学ぶWindowsプログラミング」 |
ホワイトペーパー(TechTargetジャパン)
- .NET TIPS - .NET開発のテクニックとヒント集 - (2010/3/18)
− GridViewコントロールを階層表示させるには?
− Windowsフォームのボタンに画像を表示するには?
− C#でnullチェックを簡潔に行うには? - Chapter15:LINQとクエリ式 (2010/3/17)
C# 3.0の目玉機能であるLINQについて、さまざまな記述例を交えながら徹底解説。書籍『[完全版]究極のC#プログラミング』より転載 - VBラムダ式 基礎文法最速マスター (2010/3/16)
今度はVB。ラムダ式の基礎文法を、短い説明と簡単なコードでまとめる。「ラムダ式、どう書くんだっけ?」という場合の簡易リファレンスとして活用できる - ASP.NET MVC 2がリリース (2010/3/15)
ASP.NET MVC 2の正式版(VS 2008のASP.NET 3.5向け、VS 2010には標準で含まれる予定)のリリースについてのお知らせ
|
|
スキルアップ/キャリアアップ(JOB@IT)
は.NET開発者中心に生まれ変わりました
スポンサーからのお知らせ
.NET開発者中心コーナー
- - PR -
| 「いつかは壊れるサーバ」そんな故障に 迅速で安価に手軽に対応する方法とは? New! |
| 「特権ユーザー」の事件を防げ! 万能権限を持つユーザーの管理方法とは? New! |
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
- - PR -
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | TomcatやJBossなどAPサーバ環境に関する 情報を集約! “業務”用APサーバ大百科 New! |
| ◆ | 一気に解説! 最新のクラスタストレージ 「RAIDを超えたストレージ基準」……など New! |
| ◆ | クラウド的ユーザー体験の変化は脅威か? 仮想化技術を使いこなす運用管理術を紹介 New! |

| ◆ | 上司や部下、部署内メンバーとの情報共有 を“ガラッ”と変えるコラボツールとは? New! |
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |

| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |
| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |

| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |
| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |

| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |









