SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

ComponentZine(ComponentOne)

カラフルなラベルとツールチップを持った.NETアプリケーションを作る

SuperToolTip for .NETコンポーネントでHTMLコンテンツをプログラムに使用する

  • X ポスト
  • このエントリーをはてなブックマークに追加

C1SuperTooltipコンポーネントの文字列の設定

 これも、C1SuperLabelと同様に文字列エディタを使用して、ツールヒント内のコンテンツを作成しますが、エディタ以外にセパレータや画像を組み込むための機能が用意されています。

 ここでは、2つのC1SuperTooltipコンポーネントをフォームに組み込み、C1SuperLabelとButtonにツールヒントを設定しますが、それぞれ違うデザインのツールヒントを作成するようにします。

C1SuperTooltipのデザイン時の設定

 フォームにC1SuperTooltipコンポーネントを配置すると、フォーム上の他のコントロールやコンポーネントのプロパティウィンドウに、「C1SuperTooltip1のToolTip」というプロパティが追加されます。

C1SuperLabelに追加された「C1SuperTooltip1のToolTip」プロパティ
 C1SuperLabelに追加された「C1SuperTooltip1のToolTip」プロパティ

 このプロパティの値欄の[...]ボタンをクリックすると、ツールヒントのコンテンツを設定するエディタが起動しますので、これを使ってHTML文の入力やセパレータ・画像などの設定を行います。

 また、C1SuperTooltipコンポーネントのタスクメニューで、ツールヒントの背景のグラデーションを変えることができます。[Is Balloon]にチェックを入れると、角の丸いツールヒントにすることができます。

C1SuperTooltipエディタ
 C1SuperTooltipエディタ
タスクメニューで背景のグラデーションを設定する
 タスクメニューで背景のグラデーションを設定する

コードから文字列を設定する

 コードから、C1SuperTooltipコンポーネントにHTML文を設定する場合は、SetToolTipメソッドを使用します。引数は2つで、1つはツールヒントを設定するコントロール・コンポーネントを指定します。2番目の引数に、表示するコンテンツをHTML文で設定します。

Visual Basic
Private Sub Form1_Load(ByVal sender As System.Object, _
    ByVal e As System.EventArgs) Handles MyBase.Load
  Me.C1SuperTooltip1.SetToolTip(Me.Button1, _
    "<table><tr> <td><parm><img src=""res://PHONE16.ICO"">" & _
    "</parm></td><td><b><parm>連絡先を作成します。" & _
    "</parm></b></td>" & _
    "</tr></table><parm>" & _
    "<hr noshade size=1 style=""margin:2"" color=Darker></parm>" & _
    "<div style=""margin:1 12""><parm><p><font color=""#ff0080"">" & _
    "電話番号</font>を入力して<br>" & _
    "この<font color=""#008040"">ボタン</font>を押してください。" & _
    "</p></parm></div><parm></parm><table><tr><td><parm>" & _
    "</parm></td><td><b><parm></parm></b></td></tr></table>")
End Sub
C#
private void Form1_Load(object sender, EventArgs e)
{
  c1SuperTooltip1.SetToolTip(Button1, 
       "<table><tr> <td><parm><img src='res://PHONE16.ICO'>" 
    + "</parm></td><td><b><parm>連絡先を作成します。</parm></b></td>"
    + "</tr></table><parm>"
    + "<hr noshade size=1 style='margin:2' color=Darker></parm>"
    + "<div style='margin:1 12'><parm><p><font color='#ff0080'>" 
    + "電話番号</font>を入力して<br>"
    + "この<font color='#008040'>ボタン</font>"
    + "を押してください。</p></parm></div><parm></parm>"
    + "<table><tr><td><parm>"
    + "</parm></td><td><b><parm></parm></b></td></tr></table>");
}

まとめ

 C1SuperLabelとC1SuperTooltipコンポーネントは、HTMLでコンテンツを作成できる、とても魅力的なコンポーネントです。

 Webブラウザに依存することなく、コンポーネント自身に独自の軽量HTML パーサーおよびレンダラーを内蔵しており、カスケードスタイルシート、テーブル、画像表示などのほとんどのHTML機能を使うことができます。

 これらのコンポーネントを使えば、プログラム内にWebページと同等のコンテンツを表示させることができますので、ぐっと表現力が増しデザイン性の高いプログラムを開発できると思います。

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
ComponentZine(ComponentOne)連載記事一覧

もっと読む

この記事の著者

瀬戸 遥(セト ハルカ)

8ビットコンピュータの時代からBASICを使い、C言語を独習で学びWindows 3.1のフリーソフトを作成、NiftyServeのフォーラムなどで配布。Excel VBAとVisual Basic関連の解説書を中心に現在まで40冊以上の書籍を出版。近著に、「ExcelユーザーのためのAccess再...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/1650 2008/06/24 15:08

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング