SuperTooltip for WinForms

Transcription

1 更 新 グレープシティ 株 式 会 社

2 1 目 次 1. 目 次 1-2 はじめに 3 コンポーネントをプロジェクトに 組 み 込 む 方 法 3-4 コンポーネントのランタイムファイル 4 製 品 の 概 要 5 主 な 特 長 6-7 クイックスタート 8 手 順 1:プロジェクトへの C1SuperLabel の 追 加 8-11 手 順 2:コントロールの Vista スタイル C1SuperTooltip の 作 成 手 順 3:HTML コードによる C1SuperTooltip の 作 成 13 手 順 4:ボタン 用 のコードの 追 加 とプロジェクトの 実 行 設 計 時 サポート 16 C1SuperTooltip のメニュー 16 C1SuperTooltip のタスクメニューとコンテキストメニュー C1SuperLabel のタスクメニューとコンテキストメニュー 17 C1SuperErrorProvider のタスクメニューとコンテキストメニュー C1SuperTooltip のエディタ 18 C1SuperTooltip エディタ Office タブ Html タブ プロパティ タブ 21 プレビューペイン C1SuperLabel エディタ 22 画 像 コレクションの 編 集 エディタ C1SuperTooltip の 要 素 24 ToolTip の 要 素 ラベル 要 素 25 ErrorProvider の 要 素 25 C1SuperTooltip の 外 観 26 C1SuperTooltip の 背 景 のグラデーション C1SuperTooltip の 形 状 27 1 Copyright GrapeCity inc. All rights reserved.

3 C1SuperTooltip の 影 タスク 別 ヘルプ 29 C1SuperTooltips の 作 成 29 デザイン 時 における C1SuperTooltips の 作 成 プログラムによる C1SuperTooltip の 作 成 カスケードスタイルシートを 使 用 した C1SuperTooltip の 作 成 HTML を 使 用 した C1SuperTootip の 追 加 35 複 数 の C1SuperTooltips の 追 加 C1SuperTooltip の 外 観 と 動 作 の 設 定 の 変 更 C1SuperTooltip への 画 像 の 追 加 C1SuperLabels の 作 成 38 デザイン 時 における C1SuperLabels の 作 成 プログラムによる C1SuperLabel の 作 成 C1SuperLabel への 画 像 の 追 加 40 C1SuperErrorProvider エラーメッセージの 作 成 41 エラーメッセージの 作 成 41 エラーメッセージアイコンの 変 更 エラーメッセージの 点 滅 スタイルの 変 更 42 エラーアイコンの 上 にカーソルを 置 いたときに 画 像 を 表 示 する 42 C1SuperErrorProvider でのデータソースの 使 用 Copyright GrapeCity inc. All rights reserved.

4 はじめに SuperTooltip for WinForms により HTML コンテンツを 表 示 できる Vista スタイルのツールチップとラベルで 視 覚 的 効 果 を 高 めた WinForms アプリケーションを 作 成 できます SuperTooltip for WinForms は 標 準 のものよりはるかに 速 いスピー ドで HTML コンテンツをロードして 表 示 し さらに Internet Explorer に 依 存 しないため WebBrowser コントロールによく 付 随 するセキュリティ 上 の 問 題 もありません SuperTooltip for WinForms は カスケードスタイルシート 混 在 したフォントやテキスト 色 書 式 付 きテキスト 表 箇 条 書 き / 番 号 付 きリストなど ほとんどすべての HTML コンストラクタをサポートします SuperTooltip for WinForms では カスタ マイズされたツールチップとラベルの 可 能 性 は 無 限 です コンポーネントをプロジェクトに 組 み 込 む 方 法 コンポーネントの 組 み 込 み Visual Studio では ツールボックスにコンポーネントを 追 加 しただけでは プロジェクトにコンポーネントを 追 加 したことにはな りません プロジェクトの 参 照 設 定 へ 追 加 された 時 点 でコンポーネントが 組 み 込 まれます 以 下 のいずれかの 操 作 を 行 うとプロジェクトへコンポーネントが 組 み 込 まれます 1. フォームにコンポーネントを 配 置 する 2. ソリューションエクスプローラ 上 で 参 照 の 追 加 を 行 う プロジェクトに 組 み 込 まれているコンポーネントの 一 覧 は ソリューションエクスプローラで 確 認 できます また 各 コンポーネン トが 使 用 している DLL もソリューションエクスプローラに 登 録 される 場 合 があります 詳 細 については Visual Studio の 製 品 ヘ ルプを 参 照 してください 本 製 品 で 使 用 しているコンポーネントの 一 覧 を 以 下 に 示 します ファイル C1.C1SuperTooltip.2.dll C1.C1SuperTooltip.4.dll C1.C1SuperTooltip.4.Design.dll 内 容 本 体 アセンブリ 本 体 アセンブリ( ) デザイナアセンブリ( ).NET Framework 4 以 上 でご 利 用 いただけます フォームにコンポーネントを 配 置 する 方 法 以 下 に C1SuperTooltip コントロールをツールボックスに 追 加 し フォームに 配 置 する 方 法 を 示 します これにより コンポー ネントがプロジェクトに 組 み 込 まれます 配 置 手 順 1. [ツール]メニューから[ツールボックス アイテムの 選 択 ]を 選 択 します 2. [ツールボックス アイテムの 選 択 ]ダイアログの.NET Framework コンポーネント タブを 選 択 します 3. 使 用 するコンポーネントのチェックボックスを ON にして OK ボタンをクリックしてください ツールボックスに 指 定 したコ ントロールのアイコンが 表 示 されます 3 Copyright GrapeCity inc. All rights reserved.

5 4. ツールボックスから 指 定 したコントロールのアイコンを 選 択 してフォームに 配 置 します ソリューションエクスプローラの 参 照 設 定 に 指 定 したコントロールの 名 前 空 間 が 追 加 されます コンポーネントのランタイムファイル SuperTooKit for WinForms のランタイムファイルは C:\Program Files\ComponentOne\Studio for WinForms\bin\ フォル ダにインストールされる 次 のファイルです ファイル C1.C1SuperTooltip.2.dll C1.C1SuperTooltip.4.dll 内 容 本 体 アセンブリ 本 体 アセンブリ( ).NET Framework 4 以 上 でご 利 用 いただけます 注 意 : 本 製 品 に 含 まれているファイルのうち 上 記 以 外 のファイルは 配 布 できません 4 Copyright GrapeCity inc. All rights reserved.

6 製 品 の 概 要 SuperToolTip for WinForms は C1SuperLabel と C1SuperTooltip の2つのコンポーネントを 含 むライブラリです C1SuperLabel は 標 準 の Label コントロールに 似 ており C1SuperTooltip は 標 準 の ToolTip コンポーネントに 似 ています 主 な 違 いは C1SuperLabel と C1SuperTooltip はプレーンテキストではなく HTML コンテンツを 表 示 できるため アプリケー ションをビジュアルに 拡 張 できます C1SuperTooltip は Microsoft Internet Explorer (IE)を 使 用 せず IE には 依 存 しません すべて C# で 記 述 された 独 自 の 軽 量 HTML パーサーおよびレンダラーを 備 えています C1SuperTooltip レンダラーは カスケードスタイルシート テーブル 画 像 などのほとんどの HTML 機 能 をサポートします C1SuperTooltip は IE を 使 用 しないため C1SuperTooltip で 表 示 される HTML コンテンツは IE で 表 示 される HTML コンテ ンツとは 多 少 異 なる 場 合 があります その 一 方 で コンテンツの 読 み 込 みと 表 示 が 高 速 になり 一 般 にブラウザコントロールに 関 連 するセキュリティの 問 題 には 影 響 されません 5 Copyright GrapeCity inc. All rights reserved.

7 主 な 特 長 SuperToolTip for WinForms を 使 用 すると アプリケーションの C1SuperTooltip コンポーネントまたは, C1SuperLabel ン ポーネント 内 に 次 の 項 目 を 作 成 できます ネストされた <div> 要 素 <span> タグを 使 用 した 異 なるフォントおよびテキスト 色 <pre> タグを 使 用 した 書 式 設 定 済 みテキス 段 落 の 配 置 テーブルの 書 式 設 定 テーブルのネスト 行 および 列 の 結 合 6 Copyright GrapeCity inc. All rights reserved.

8 リストのネスト 箇 条 書 きリスト 番 号 付 きリスト アプリケーションリソースから 読 み 込 んだ 画 像 書 式 設 定 された HTML エラーメッセージ プレーンテキストおよびカスケーディング スタイル シート 7 Copyright GrapeCity inc. All rights reserved.

9 クイックスタート クイックスタートでは Microsoft Vista スタイルの C1SuperTooltip と C1SuperLabel を フォーム 上 に 追 加 する 方 法 につい て 説 明 します 手 順 1:プロジェクトへの C1SuperLabel の 追 加 プロジェクトに C1SuperLabel コントロールを 追 加 し それにいくつかの HTML コードを 追 加 することから 開 始 します プロジェクトに C1SuperLabel を 追 加 するには 以 下 の 手 順 を 実 行 します 1. 新 しいプロジェクトを 作 成 し 2つのボタンコントロールをフォームに 追 加 します 2. Button1 コントロールを 右 クリックし [プロパティ] [プロパティ]を 選 択 して プロパティウィンドウを 表 示 します 3. Text プロパティの 横 に C1SuperLabel の 表 示 と 入 力 し テキストが 表 示 されるようにボタンのサイズを 変 更 します 4. Button2 コントロールを 選 択 し Text プロパティの 横 に C1SuperLabel の 非 表 示 と 入 力 します テキストが 表 示 されるようにボタンのサイズを 変 更 します 5. ツールボックスに C1SuperTooltip for WinForms のコンポーネントを 追 加 します 6. ツールボックス 内 の C1SuperLabel コントロールをダブルクリックしてフォームに 追 加 します フォームは 次 のように 表 示 されます 7. プロパティウィンドウで C1SuperLabel の Text プロパティの 横 にある 省 略 符 ボタンをクリックします C1SuperLabel エディタが 表 示 されます 8 Copyright GrapeCity inc. All rights reserved.

10 8. エディタのテキストボックスに HTML コードを 追 加 します (ここをクリックをするとコードが 表 示 されます) これらは<b>C1SuperTooltip</b>を 用 いて 表 示 できるものの 例 です: <ol> <li>lists:</li> <ul> <li>ネストされたリスト</li> <li> 番 号 付 きおよび 箇 条 書 きリスト</li> </ul> <li>テーブル:<p> 下 の 表 はいくつかの 売 上 高 をリストアップしたものです:</p> <table border='1' bordercolor='black' cellpadding='2' cellspacing='0' style='border:solid 1 black;'> <tr bgcolor='lightsteelblue'> <th style="width:150px; text-align: center;" rowspan='3'> <p> 三 行 をまたぐ 結 合 セル </p></th> <th align='center' colspan='6'>semester 1</th> </tr> <tr bgcolor='lightsteelblue'> <th align='center' colspan='3'>quarter 1</th> <th align='center' colspan='3'>quarter 2</th> </tr> <tr bgcolor='lightsteelblue'> <td align='center'> 一 月 </td> <td align='center'> 二 月 </td> <td align='center'> 三 月 </td> <td align='center'> 四 月 </td> <td align='center'> 五 月 </td> <td align='center'> 六 月 </td> 9 Copyright GrapeCity inc. All rights reserved.

11 </tr> <tr> <td align='right' style='width: 150px'><strong>Widgets</strong></td> <td>12</td> <td>23</td> <td>23</td> <td>43</td> <td>23</td> <td>34</td> </tr> <tr> <td align='right' style='width: 150px'><strong>Sprockets</strong></td> <td>45</td> <td>32</td> <td>23</td> <td>23</td> <td>34</td> <td>43</td> </tr> </table> </li> <li> 画 像 :C1SuperLabel の 背 景 として 画 像 が 設 定 されています </li> <li> 境 界 線 :<p style='border: # thick'>ボールド 境 界 線 p> </li> <li> 整 形 済 みテキスト: <pre style="background-color:#dddddd; margin:0 20pt 0 20pt;"> string tiptext = "Hello <b>world</b>"; <b>c1supertooltip</b>.settooltip(control, tiptext); </pre> </li> <li>ネスト 化 : <div style="background-color:#ffaaaa;border:solid thin black;margin:10px;padding:4px"> 赤 いセクションです <div style="background-color:#aaffaa;border:solid thin black;margin:10px;padding:4px"> This is a nested green div. <div style="background-color:#aaaaff;border:solid thin black;margin:10px;padding:4px"> ネストされた 青 いセクションです </div> </div> 10 Copyright GrapeCity inc. All rights reserved.

12 </li> </div> </ol> 9. プロパティウィンドウで BackColor プロパティの 横 にあるドロップダウン 矢 印 をクリックし [ [Web]タブを 選 択 して [ 白 ]を 選 択 します 10. C1SuperLabel コントロールに 画 像 を 追 加 します BackgroundImage プロパティの 横 にある 省 略 符 ボタンをクリックします [リソースの 選 択 ]ダイアログボックスが 表 示 されます [ローカルリソース]を 選 択 し インポート インポート ボタンをクリックします [[ 開 く]ダイアログボックスが 表 示 されます TipBackground.png を 検 索 して 選 択 するか 別 のグラフィックを 選 択 し [ 開 く]をクリックします デフォルトでは C1SuperTooltip サンプル と 共 に TipBackground.png 画 像 がインストールされ <ユーザフォルダ >\Samples\WindowsForms\C1WindowsForms_Samples_CS\C1SuperTooltip\SuperTooltips\Resources フォルダに 置 かれていま す OK をクリックします 11. BackgroundImageLayout プロパティの 横 にあるドロップダウン 矢 印 をクリックし [ 拡 大 ]を 選 択 します 12. Visible プロパティを False に 設 定 します 手 順 2:コントロールの Vista スタイル C1SuperTooltip の 作 成 l 次 に C1SuperTooltip エディタの Office タブを 使 用 して Microsoft Vista スタイルe C1SuperTooltip を 作 成 します これ を 行 うには 以 下 の 手 順 を 実 行 します 1. ツールボックスの C1SuperTooltipコントロールをダブルクリックしてフォームに 追 加 します 2. iまず ツールチップの 画 像 コレクションに 画 像 を 追 加 します ツールチップのサブ 画 像 として 使 用 される 小 さなヘルプグ ラフィックを 使 用 します 1. C1SuperTooltip1 を 選 択 し プロパティウィンドウで Images プロパティの 横 にある... ボタンをクリックしま す 画 像 の 編 集 コレクションエディタが 表 示 されます 2. 追 加 ボタンをクリックし 希 望 する 画 像 ファイルを 見 つけて 選 択 します 3. 画 像 をコレクションに 追 加 したら OK をクリックします 少 し 後 で この 画 像 をツールチップに 指 定 します 3. Button1 コントロールを 右 クリックして[プロパティ] [プロパティ]を 選 択 し プロパティウィンドウを 表 示 します 4. C1SuperTooltip1 プロパティのツールチップの 横 の... ボタンをクリックすると C1SuperTooltip エディタが 表 示 さ れます 5. Office タブで タイトルのテキストボックスに C1SuperLabel の 表 示 を 入 力 します 6. [ 本 文 ]テキストボックスに 以 下 のテキストを 入 力 します C1SuperTooltip の 幾 つかの 素 晴 らしい 機 能 を 示 す C1SuperLabel を 表 示 するにはここをクリックしてください C1SuperTooltipのプレビューがプレビュー プレビューウィンドウに 表 示 されることに 注 意 してください 11 Copyright GrapeCity inc. All rights reserved.

13 7. ツールチップを 複 数 行 に 表 示 させるには 本 文 に 表 示 する 単 語 の 後 ろにカーソルを 置 き [ [Enter]キーを 押 します 8. Office タブから 本 文 を 書 式 設 定 することもできます C1SuperLabel を 選 択 して 右 クリックし コンテキストメニュー から[ [ 太 字 ]を 選 択 するか キーボードで Ctrl + B を 押 します 同 じ 操 作 を C1SuperTooltip に 対 して 実 行 します 9. [ 下 部 セパレータ]チェックボックスを ON にします 10. [サブタイトル]テキストボックスに 以 下 のテキストを 入 力 します ヘルプを 表 示 するには [F1]キーを 押 してください 11. サブ 画 像 ドロップダウン 矢 印 をクリックし 上 記 手 順 2 でコレクションに 追 加 した 画 像 を 選 択 します C1SuperTooltipはツールチップの 書 式 設 定 に 使 用 する HTML を 自 動 的 に 作 成 するので 作 成 する 必 要 はないことに 注 意 してください HTML コードを 表 示 するには Html タブをクリックします このクイックスタートの 手 順 3:HTML 12 Copyright GrapeCity inc. All rights reserved.

14 コードによる C1SuperTooltip の 作 成 トピックでは HTML コードのみを 使 用 してツールチップを 作 成 します 12. エディタで プロパティ プロパティ タブをクリックします 13. BackgroundGradient プロパティの 横 のドロップダウン 矢 印 をクリックして Vista を 選 択 します ツールチップの 背 景 とレイアウトが Microsoft Vista ツールチップスタイルに 変 更 されました 14. OK をクリックし C1SuperTooltip エディタを 閉 じます 手 順 3:HTML コードによる C1SuperTooltip の 作 成 C1SuperTooltip エディタで HTML コードのみを 使 用 してa C1SuperTooltip を 作 成 します 以 下 の 手 順 を 実 行 します 1. Button2 コントロールを 選 択 します 2. C1SuperTooltip1 プロパティのツールチップの 横 の... ボタンをクリックして C1SuperTooltip エディタを 開 きま す 3. Html タブをクリックし 以 下 の HTML マークアップを 入 力 します <table><tr> <parm></parm> <th><parm>c1superlabelの 非 表 示 </parm></th> </table> <parm></parm> <div style='margin:1 12'><parm> <b>c1superlabel</b>を 非 表 示 にするには ここをクリックしてください </parm></div> <parm><hr noshade size=1 style='margin:2' color=darker></parm> <table><tr> <th><parm><img src='helpbutton.png'></parm></th> <th><parm>ヘルプを 表 示 するには [F1]キーを 押 してください </parm></th> </table> 4. OK をクリックし C1SuperTooltip エディタを 閉 じます ツールチップが 次 のように 表 示 されることに 注 意 してくださ い 手 順 4:ボタン 用 のコードの 追 加 とプロジェクトの 実 行 C1SuperLabel と C1SuperTooltips を 作 成 すると フォーム 上 のボタンに 使 用 するコードを 追 加 し プロジェクトを 実 行 できま す これを 行 うには 以 下 の 手 順 を 実 行 します 1. Button1 をダブルクリックし 以 下 のコードを Button1_Click イベントに 追 加 します Visual Basic コードの 書 き 方 Visual Basic 13 Copyright GrapeCity inc. All rights reserved.

15 C1SuperLabel1.Visible = True C# コードの 書 き 方 C# c1superlabel1.visible = true; 2. Button2 をダブルクリックし Button2_Click イベントにコードを 追 加 します Visual Basic コードの 書 き 方 Visual Basic C1SuperLabel1.Visible = False C# C# コードの 書 き 方 c1superlabel1.visible = False; 3. プロジェクトを 実 行 し Button1 の 上 にポインタを 置 きます ツールチップが Vista 形 式 の C1SuperTooltip になって いることを 確 認 してください 4. Button1 をクリックします The C1SuperLabel が 表 示 されます. 14 Copyright GrapeCity inc. All rights reserved.

16 5. Button2. の 上 にポインタを 置 きます Vista 形 式 の C1SuperTooltip が 次 のように 表 示 されます Button2 のツールチップ 内 のテキストは HTML マークアップを 通 じて 適 用 されましたが C1SuperTooltip Vista の 背 景 スタイルは 両 方 のツールチップに 表 示 されることに 注 意 してください C1SuperTooltip エディタを 使 用 して 設 定 した プロパティは その C1SuperTooltipに 関 連 付 けられたコントロールのすべてのツールチップと 同 じです. 6. C1SuperLabel の 非 表 示 をクリックすると C1SuperLabel が 非 表 示 になります 15 Copyright GrapeCity inc. All rights reserved.

17 設 計 時 サポート SuperTooltip for WinForms は ツールチップを 簡 単 に 作 成 できるビジュアル 編 集 機 能 を 提 供 します 以 下 のセクションで は C1SuperTooltip のデザイン 時 環 境 を 使 用 して SuperTooltip for WinForms コントロールの 設 定 方 法 について 説 明 し ます タスクメニュー スマートタグは 各 コントロールで 最 もよく 使 われるプロパティにアクセスできるショートカットタスクメニューを 表 します コント ロールの 右 上 端 のスマートタグ()をクリックして 各 コントロールのタスクメニューを 呼 び 出 すことができます 詳 細 について は C1SuperTooltip のメニューを 参 照 してください コンテキストメニュー また タスクメニューのショートカットの 一 部 は 各 コントロールのコンテキストメニューからアクセスすることもできます 各 コン トロールのコンテキストメニューは コントロールを 右 クリックすることで 呼 び 出 せます プロパティウインドウ また Visual Studio のプロパティウィンドウを 使 用 して デザイン 時 に 簡 単 に C1SuperTooltip を 設 定 できます プロパ ティウィンドウを 開 くには コントロールを 右 クリックして [プロパティ] [プロパティ]を 選 択 します エディター また C1SuperTooltip エディタを 使 用 して デザイン 時 に C1SuperTooltip を 簡 単 に 設 定 することもできます エディタは プ ロパティウィンドウから 開 けます 詳 細 についてはまた C1SuperTooltip エディタを 使 用 して デザイン 時 に C1SuperTooltip を 簡 単 に 設 定 することもできます エディタは プロパティウィンドウから 開 けます 詳 細 については C1SuperTooltip のエ ディタ を 参 照 してください C1SuperTooltip のメニュー 以 下 のセクションでは C1SuperTooltip のタスクメニューとコンテキストメニューを 使 用 して SuperTooltip for WinForms コントロールを 設 定 する 方 法 について 説 明 します C1SuperTooltip のタスクメニューとコンテキストメニュー C1SuperTooltip タスク メニュー C1SuperTooltip タスク メニューにアクセスするには C1SuperTooltip コントロール 右 上 のスマートタグをクリックします C1SuperTooltip タスク メニューが 表 示 されます C1SuperTooltip タスク メニューから IsBalloon プロパティと BackgroundGradient プロパティを 設 定 できます 吹 き 出 し 型 このチェックボックスは ツールチップを 四 角 いボックスではなく 吹 き 出 し 型 で 表 示 したいときに ON にします Background Gradient ツールチップの 背 景 のグラデーションを 指 定 します [ 自 動 ]( 現 在 のシステム 視 覚 スタイル) [ 青 ] [ 金 ] [なし] [オ リーブ] [ 銀 ] [Vista](Microsoft Vista スタイル)から 選 択 できます 16 Copyright GrapeCity inc. All rights reserved.

18 C1SuperTooltip について C1SuperTooltip ダイアログボックスが 開 き バージョン 番 号 ライセンス 登 録 および 購 入 情 報 その 他 のオンライ ンリソースが 表 示 されます C1SuperTooltip Context Menu C1SuperTooltip のコンテキストメニューにアクセスするには C1SuperTooltip コンポーネントを 右 クリックします C1SuperTooltip コンテキストメニューが 表 示 されます C1SuperLabel のタスクメニューとコンテキストメニュー C1SuperLabel タスク メニュー C1SuperLabel タスク メニューにアクセスするには C1SuperLabel コントロール 右 上 のスマートタグをクリックします C1SuperLabel タスク メニューが 表 示 されます ラベルを 編 集 をクリックすると C1SuperLabel エディタが 開 きます C1SuperLabel について C1SuperTooltip について ダイアログボックスが 開 き バージョン 番 号 ライセンス 登 録 および 購 入 情 報 その 他 の オンライン 情 報 が 表 示 されます ラベルを 編 集 C1SuperLabel エディタが 開 き HTML コードを 追 加 して C1SuperLabel を 作 成 できます C1SuperTooltip のコンテキストメニュー C1SuperTooltip のコンテキストメニューにアクセスするには C1SuperTooltip コンポーネントを 右 クリックします C1SuperTooltip コンテキストメニューが 表 示 されます ラベルを 編 集 を 選 択 すると C1SuperLabel エディタが 開 きます C1SuperErrorProvider のタスクメニューとコンテキストメニュー C1SuperErrorProvider タスク メニュー C1SuperErrorProvider タスク メニューにアクセスするには C1SuperErrorProvider コントロール 右 上 のスマートタグをク リックします The C1SuperErrorProvider タスクメニュー が 表 示 されます データソースを 選 択 このドロップダウンを 使 用 して コントロールに 接 続 し エラーを 監 視 するデータソースを 選 択 します C1SuperTooltip を 選 択 このドロップダウンをクリックし C1SuperTooltip を 選 択 して エラープロバイダコンポーネントに 関 連 付 けます C1SuperTooltip はエラー 説 明 テキストの 表 示 に 使 用 されます マウスポインタをエラーアイコンの 上 に 置 いたときに 17 Copyright GrapeCity inc. All rights reserved.

19 エラーメッセージが 表 示 されるようにするには この 設 定 が 必 要 です ただし 内 容 は 空 でも 構 いません 空 の 場 合 エ ラーアイコンはツールチップに 関 連 付 けられません 点 滅 スタイル デフォルトエラーメッセージアイコンの 表 示 方 法 を BlinkIfDifferentError, AlwaysBlink, NeverBlink から 選 択 しま す C1SuperErrorProvider について C1SuperTooltip について ダイアログボックスが 開 き バージョン 番 号 ライセンス 登 録 および 購 入 情 報 その 他 の オンラインリソースが 表 示 されます C1SuperErrorProvider Context Menu C1SuperErrorProvider のコンテキストメニューにアクセスするには C1SuperErrorProvider コンポーネントを 右 クリックしま す C1SuperErrorProvider コンテキストメニューが 表 示 されます C1SuperTooltip のエディタ 以 下 のセクションでは C1SuperTooltip のエディタを 使 用 して C1SuperToolTip コントロールを 設 定 する 方 法 について 説 明 します C1SuperTooltip エディタ C1SuperTooltip エディタにアクセスするには ツールチップを 配 置 するコントロールのプロパティウィンドウを 開 き 次 の 図 の ようにC1SuperTooltip 上 のツールチップ の 横 の ボタンを 選 択 します C1SuperTooltip エディタが 表 示 されます C1SuperTooltip エディタは 左 側 にタブ 型 デザインペインがあり ツールチップの 外 観 とコンテンツを 変 更 できます 右 側 に はプレビューペインがあり ツールチップに 加 えられた 変 更 を 確 認 できます 18 Copyright GrapeCity inc. All rights reserved.

20 デザイン 時 にツールチップのコンテンツを 作 成 する 方 法 は2つあります Office タブを 使 用 する 方 法 と Html タブを 使 用 して 独 自 の HTML コードを 手 動 で 入 力 する 方 法 です プロパティ タブでは ツールチップの 外 観 と 動 作 の 設 定 を 変 更 できます Office タブ C1SuperToolTip エディタでは Office タブを 使 用 して タイトルの 画 像 タイトル サブツールチップ および 本 文 を 追 加 でき ます ツールチップの 背 後 にあるすべての HTML コードは C1SuperTooltip によって 自 動 的 に 作 成 され 時 間 と 作 業 を 節 約 できます 次 の 図 に 示 すように Office タブのさまざまな 要 素 を 使 用 して ツールチップのコンテンツをカスタマイズできま す タイトル これはツールチップの 一 番 上 に 表 示 されるテキストです HTML コードを 追 加 して タイトルテキストの 外 観 をカスタマイズでき ます 19 Copyright GrapeCity inc. All rights reserved.

21 画 像 タイトルの 左 側 に 表 示 される 画 像 です 画 像 を 追 加 するには ドロップダウン 矢 印 をクリックして 画 像 の 追 加 を 選 択 します 画 像 コレクションの 編 集 エディタ を 使 用 して 追 加 した 画 像 がリストされ ツールチップに 追 加 できます 上 部 セパレータ このチェックボックスを ON にすると ツールチップに 上 部 セパレータが 追 加 されます 上 部 セパレータは ツールチップのタイ トルと 本 文 の 間 に 表 示 される 暗 いグレーの 横 線 です 本 文 本 文 は ツールチップの 主 要 コンテンツです HTML を 追 加 して 本 文 の 外 観 をカスタマイズできます 下 部 セパレータ このチェックボックス ON にすると ツールチップに 下 部 セパレータが 追 加 されます 下 部 セパレータはツールチップの 本 文 と サブタイトルテキストの 間 に 表 示 される 暗 いグレーの 横 線 です サブタイトル ツールチップの 本 文 の 下 に 表 示 されるテキストです HTML コードを 追 加 して タイトルテキストの 外 観 をカスタマイズできま す サブイメージ サブイメーサブタイトルの 左 に 表 示 される 画 像 です 画 像 を 追 加 するには ドロップダウン 矢 印 をクリックして 画 像 の 追 加 を 選 択 します 画 像 コレクションの 編 集 エディタ を 使 用 して 追 加 した 画 像 がリストされ ツールチップに 追 加 できます Office タブを 使 用 したタイトルの 作 成 の 詳 細 については デザイン 時 における C1SuperTooltips の 作 成 トピックを 参 照 してく ださい Html タブ C1SuperToolTip エディタの Html タブでは Office タブで 加 えた 変 更 を 反 映 する HTML コードを 表 示 編 集 できます また エディタによる 自 動 化 を 求 めない 場 合 は Html で 独 自 の HTML コードをすべて 入 力 してツールチップを 作 成 することもできま す Html タブでツールチップを 作 成 することで ツールチップの 各 行 をより 細 かく 制 御 できます Html タブでは 切 り 取 り コピー コピー 貼 り 付 け 太 字 斜 体 下 線 箇 条 書 きリスト 番 号 付 きリスト 画 像 の 挿 入 の 各 ボタンを 使 用 してツールチップの 書 式 を 設 定 できます 20 Copyright GrapeCity inc. All rights reserved.

22 Html タブを 使 用 したツールチップの 作 成 の 詳 細 については HTML を 使 用 した C1SuperTootip の 追 加 トピックを 参 照 して ください プロパティ タブ C1SuperToolTip エディタの プロパティ タブでは ツールチップの 全 体 的 な 外 観 と 動 作 をカスタマイズできます 設 定 はツー ルチップが 関 連 付 けられているすべてのコントロールに 適 用 されます エディタの プロパティ タブで 使 用 できる 設 定 は C1SuperTooltip, のプロパティウィンドウのものと 同 じですが プロパティ タブのメリットは プレビューペインプレビューペイン でコンテンツと 外 観 の 変 更 をすばやくプレビューできる 点 です Properties タブを 使 用 したツールチップの 外 観 と 動 作 の 設 定 の 変 更 の 詳 細 については C1SuperTooltip の 外 観 と 動 作 の 設 定 の 変 更 トピックを 参 照 してください トピックを 参 照 してください トピックを 参 照 してください プレビューペイン C1SuperToolTip エディタのプレビューペインでは ツールチップをプレビューできます プレビューペイ ンは C1SuperToolTip エディタの 右 側 に 表 示 され ツールチップに 加 えた 変 更 がすべて 反 映 されます ツールチップのコンテ ンツと 外 観 が 視 覚 化 され 簡 単 に 変 更 できます 21 Copyright GrapeCity inc. All rights reserved.

23 C1SuperLabel エディタ C1SuperLabel エディタ にアクセスするには C1SuperLabel タスク メニューから ラベルを 編 集 を 選 択 します C1SuperLabel エディタが 表 示 されます C1SuperLabel エディタ を 使 用 して C1SuperLabel のコンテンツと 外 観 を 制 御 できます 次 の 図 に 示 すよう に C1SuperLabel エディタの 左 側 のテキスト 領 域 にテキストや HTML コードを 入 力 し 右 側 のプレビュー 領 域 でコンテンツを プレビューします The C1SuperLabel エディタ には 切 り 取 り コピー コピー 貼 り 付 け 太 字 斜 体 下 線 箇 条 書 きリスト 番 号 付 きリスト 画 像 の 挿 入 の 各 ボタンを 使 用 して ラベルの 書 式 を 設 定 できます 画 像 コレクションの 編 集 エディタ C1SuperTooltip コンポーネントで 使 用 する 画 像 は 画 像 コレクションの 編 集 エディタから 追 加 できます 画 像 コレクションの 編 集 エディタは C1SuperTooltip コンポーネントと C1SuperLabel コントロールのプロパティウィンドウからアクセスできま す C1SuperTooltip から 画 像 コレクションの 編 集 エディタへのアクセス 画 像 コレクションの 編 集 エディタを 開 くには C1SuperTooltip コントロールを 選 択 し プロパティウィンドウの Images プロパ ティの 横 にある ボタンをクリックします 画 像 コレクションの 編 集 エディタが 表 示 されます C1SuperLabel から 画 像 コレクションの 編 集 エディタへのアクセス 画 像 コレクションの 編 集 エディタを 開 くには C1SuperTooltip コントロールを 選 択 し プロパティウィンドウで Images プロパ 22 Copyright GrapeCity inc. All rights reserved.

24 ティの 横 の ボタンをクリックします 画 像 コレクションの 編 集 エディタが 表 示 されます 画 像 コレクションの 編 集 エディタの 左 ペインでは どの 画 像 メンバが 追 加 されたかを 確 認 し コレクションに 画 像 を 追 加 / 削 除 できます 右 ペインでは 次 の 図 に 示 すように 各 画 像 のプロパティを 表 示 し 変 更 することができます エディタの 左 ペインで は どの 画 像 メンバが 追 加 されたかを 確 認 し コレクションに 画 像 を 追 加 / 削 除 できます 右 ペインでは 次 の 図 に 示 すよう に 各 画 像 のプロパティを 表 示 し 変 更 することができます C1SuperTooltip コントロールへの 画 像 の 追 加 は 簡 単 です 詳 細 については C1SuperTooltip への 画 像 の 追 加 と C1SuperLabel への 画 像 の 追 加 を 参 照 してください 23 Copyright GrapeCity inc. All rights reserved.

25 C1SuperTooltip の 要 素 このセクションでは C1SuperToolTip コントロールと C1SuperLabel コントロールを 構 成 している 各 要 素 について 概 要 を 図 解 します ToolTip の 要 素 C1SuperTooltip コントロールは 複 数 の 要 素 で 構 成 され C1SuperTooltip エディタの Office タブから 変 更 できます C1SuperTooltip エディタとその 要 素 の 詳 細 については Office タブ タブを 参 照 してください 注 意 : HTML コードを 直 接 C1SuperTooltip に 入 力 するか C1SuperTooltip をプログラムで 追 加 する 場 合 要 素 は 自 動 的 に 追 加 されないため HTML コードを 使 用 して 手 動 で 書 式 設 定 する 必 要 があります( 横 線 タグ で 区 切 り 線 を 入 れる など) タイトル ツールチップの 一 番 上 に 表 示 されるテキストです HTML コードを 追 加 して タイトルテキストの 外 観 をカスタマイズすることが できます 画 像 タイトルの 左 に 表 示 される 画 像 です 画 像 は C1SuperTooltip エディタから 追 加 するか 画 像 コレクションの 編 集 エディタを 使 用 してコレクションに 追 加 します 上 部 セパレータ 上 部 セパレータは ツールチップのタイトルと 本 文 の 間 に 表 示 される 横 線 です 上 部 セパレータは C1SuperTooltip エディ タの Office タブから 追 加 できます または <hr> タグを 使 用 して HTML コードに 横 線 を 追 加 します 本 文 本 文 は ツールチップの 主 要 コンテンツです HTML を 追 加 して 本 文 の 外 観 をカスタマイズすることができます 下 部 セパレータ 下 部 セパレータは ツールチップの 本 文 とサブタイトルの 間 に 表 示 される 横 線 です 下 部 セパレータは C1SuperTooltip エ ディタの Office タブから 追 加 できます または <hr> タグを 使 用 して HTML コードに 横 線 を 追 加 します サブタイトル ツールチップの 本 文 の 下 に 表 示 されるテキストです HTML コードを 追 加 して サブタイトルテキストの 外 観 をカスタマイズする ことができます 24 Copyright GrapeCity inc. All rights reserved.

26 サブ 画 像 サブタイトルの 左 に 表 示 される 画 像 です 画 像 は C1SuperTooltip エディタから 追 加 するか 画 像 コレクションの 編 集 エディ タを 使 用 してコレクションに 追 加 します Office タブを 使 用 したタイトルの 作 成 の 詳 細 については デザイン 時 における C1SuperTooltips の 作 成 トピックを 参 照 して ください ラベル 要 素 C1SuperLabel コントロールは HTML コンテンツを 追 加 できる1 個 の 本 体 から 構 成 されています 次 の 図 では HTML を 使 用 して ラベルに 表 を 追 加 しています 詳 細 については C1SuperLabels の 作 成 トピックを 参 照 してください また C1SuperLabel エディタを 使 用 してすばやくコンテンツを 追 加 し プレビューすることができます エディタの 詳 細 につい ては C1SuperLabel エディタ トピックを 参 照 してください ErrorProvider の 要 素 C1SuperErrorProvider コントロールは 1つのアイコン 画 像 と エラーを 示 すために 表 示 する 任 意 の 書 式 付 き HTML から 構 成 されています エラーメッセージの 提 供 の 詳 細 については C1SuperErrorProvider エラーメッセージの 作 成 トピックを 参 照 してください 25 Copyright GrapeCity inc. All rights reserved.

27 C1SuperTooltip の 外 観 このセクションでは SuperTooltip for WinForms コントロールの 外 観 をカスタマイズに 使 用 できる 設 定 について 概 要 を 図 解 します C1SuperTooltip の 背 景 のグラデーション C1SuperTooltip の 外 観 はBackgroundGradient プロパティを 変 更 することですばやく 簡 単 にカスタマイズできます BackgroundGradient プロパティは デザイン 時 にプロパティウィンドウから 簡 単 にアクセスできます また は C1SuperTooltip タスク メニューから 背 景 のグラデーション ドロップダウンボックスを 選 択 します デフォルトで は BackgroundGradient プロパティは 自 動 に 設 定 されています C1SuperTooltip では 次 の 背 景 のグラデーションを 使 用 できます 背 景 のグラデーション プレビュー なし 自 動 銀 色 青 金 26 Copyright GrapeCity inc. All rights reserved.

28 オリーブ Vista C1SuperTooltip の 形 状 IsBalloon プロパティと RoundedCorners プロパティを 使 用 することで C1SuperToolTip の 外 観 をカスタマイズできます IsBalloon プロパティと RoundedCorners プロパティは プロパティウィンドウからアクセスできます また IsBalloon プロパ ティは C1SuperTooltip タスク メニューからもアクセスできます C1SuperTooltip では 次 の 形 状 設 定 を 使 用 できます 形 状 設 定 プレビュー IsBalloon = False RoundedCorners = False IsBalloon = False RoundedCorners = True IsBalloon = True RoundedCorners = False IsBalloon プロパティと RoundedCorners プロパティの 両 方 が False に 設 定 されている 場 合 (デフォルト) ツールチップは 矩 形 として 表 示 されます RoundedCorners が True に 設 定 されている 場 合 ツールチップは 角 丸 の 四 角 形 として 表 示 されます IsBalloon が True に 設 定 されている 場 合 ツールチップは 吹 き 出 し 型 で 表 示 されます C1SuperTooltip の 影 Shadow プロパティを 設 定 することで C1SuperTooltip の 下 に 影 を 付 けるかどうかを 決 定 できます デフォルトでは Shadow プロパティは True に 設 定 されています Shadow プロパティには プロパティウィンドウからアクセスできます C1SuperTooltip には 次 の 影 設 定 を 使 用 できます 形 状 設 定 プレビュー Shadow = True 27 Copyright GrapeCity inc. All rights reserved.

29 Shadow = False 28 Copyright GrapeCity inc. All rights reserved.

30 タスク 別 ヘルプ タスク 別 ヘルプは Visual Studio でのプログラミングに 精 通 し コントロールをバインドする/バインドを 解 除 する 一 般 的 な 方 法 を 理 解 していることが 前 提 となります SuperTooltip for WinForms 製 品 の 初 心 者 の 場 合 は クイックスタート を 先 にお 読 みください 各 トピックでは SuperTooltip for WinForms 製 品 を 使 用 した 特 定 のタスクのソリューションを 示 します ヘルプで 概 説 され ている 手 順 に 従 うことによって さまざまな SuperTooltip for WinForms 機 能 を 利 用 したプロジェクトを 作 成 できるようになり ます タスク 別 ヘルプの 各 トピックでは 読 者 が 新 規.NET プロジェクトを 作 成 した 経 験 を 持 っていることも 前 提 となります C1SuperTooltips の 作 成 以 下 のトピックでは デザイン 時 の C1SuperTooltips の 各 種 の 作 成 方 法 について 説 明 します C1SuperTooltip エディタを 使 用 する 方 法 コードで 作 成 する 方 法 カスケードスタイルシートを 使 用 する 方 法 および HTML を 使 用 する 方 法 を 示 します また 複 数 のツールチップを 追 加 する 方 法 C1SuperTooltip の 外 観 と 動 作 設 定 の 調 整 方 法 ツールチップに 画 像 を 追 加 す る 方 法 も 示 します デザイン 時 における C1SuperTooltips の 作 成 C1SuperTooltip にはデザイン 時 エディタの C1SuperTooltip エディタがあり アプリケーションのツールチップを 簡 単 に 作 成 できます 以 下 のトピックでは このエディタを 使 用 して ツールチップを 作 成 し 外 観 と 動 作 を 変 更 する 方 法 を 示 します ツー ルチップは アプリケーション 内 でマウスカーソルを 項 目 の 上 に 置 いたときにヘルプ 情 報 を 表 示 するために 使 用 されます 通 常 ツールチップにはプレーンテキストのみが 含 まれます C1SuperTooltip を 使 用 すると 画 像 表 番 号 付 きリスト 箇 条 書 きリスト ネストされたリストを 含 む HTML コンテンツを 表 示 できます C1SuperTooltip は 任 意 の System.Windows.Forms コントロールまたは System.Windows.Forms.ToolStripItem と 関 連 付 け ることができます C1SuperTooltip をアプリケーションに 追 加 するには 次 の 手 順 に 従 います 1. ツールボックスで C1SuperTooltip コンポーネントをダブルクリックし フォームに 追 加 します 2. C1SuperTooltip を 関 連 付 けるコントロールを 選 択 します 3. プロパティウィンドウで C1SuperTooltip1 の ToolTip プロパティの 横 の ボタンをクリックします 29 Copyright GrapeCity inc. All rights reserved.

31 デザイン 時 にツールチップのコンテンツを 作 成 する 方 法 は2つあります Office タブを 使 用 する 方 法 と Html タブを 使 用 して 独 自 の HTML コードを 手 動 で 入 力 する 方 法 です この 例 では Office タブを 使 用 しますが お 望 みであれば Html タブをクリックしてコードを 入 力 しても 構 いません Office タブを 使 用 する 場 合 ツールチップの 背 後 で C1SuperTooltip によって 自 動 的 に HTML コードが 作 成 されます 4. ツールチップをセットアップするには 次 の 手 順 に 従 います 1. タイトル フィールドにツールチップのタイトルを 入 力 します タイトルは 画 像 があればその 右 に 表 示 されます 2. 画 像 プロパティの 横 のドロップダウン 矢 印 をクリックして ツールチップタイトルの 横 に 表 示 する 画 像 を 選 択 しま す 3. タイトルテキストの 下 に ツールチップのタイトルと 本 文 を 分 割 する 線 を 引 きたい 場 合 は 上 部 区 切 り 線 チェック ボックスを ON にします 4. 本 文 フィールドにC1SuperTooltip のテキストを 入 力 します 5. 本 文 の 下 に 本 文 とサブタイトルを 分 割 する 線 を 引 きたい 場 合 下 部 セパレータ チェックボックスを ON にしま す. 6. サブタイトル フィールドにツールチップのサブタイトルを 入 力 します サブタイトルは サブ 画 像 があればその 右 に 表 示 されます 7. サブ 画 像 プロパティの 横 のドロップダウン 矢 印 をクリックして サブタイトルの 横 に 表 示 する 画 像 を 選 択 します ツールチップのプレビューがプレビュー プレビューウィンドウに 表 示 されます 5. プロパティ タブを 選 択 し C1SuperTooltip1 に 必 要 なプロパティを 設 定 します たとえば ツールチップのテキストと 背 景 色 の 変 更 背 景 画 像 の 追 加 ツールチップウィンドウを 表 示 する 時 間 の 長 さや 表 示 するまでの 時 間 の 変 更 などを 行 えます プロパティの 完 全 なリストについては C1SuperTooltip プロパティ を 参 照 してください アプリケーションを 実 行 し C1SuperTooltip が 関 連 付 けられたコントロールの 上 にマウスカーソルを 置 くと ツール チップが 表 示 されます. 30 Copyright GrapeCity inc. All rights reserved.

32 プログラムによる C1SuperTooltip の 作 成 以 下 のトピックでは C1SuperTooltip をコードで 作 成 する 方 法 について 説 明 します SetToolTip メソッドを 使 用 し て C1SuperTooltip テキストを 指 定 し それをコントロールに 関 連 付 けることができます SetToolTip メソッドでは 先 にツールチップを 関 連 付 けるコントロールまたは Windows.Forms.ToolStripItem を 指 定 してか ら ツールチップテキストの 作 成 に 使 用 する 文 字 列 または HTML コードを 追 加 します SetToolTip メソッドのコードは 次 のようになります C1SuperTooltip1.SetToolTip(Control, String) または C1SuperTooltip1.SetToolTip(ToolStripItem, String) 注 意 : 次 の 例 では 画 像 の 含 まれている 埋 め 込 みリソースを 使 用 します リソースを 埋 め 込 むには プロジェクト プロジェ クト 名 のプロパティ を 選 択 します リソースの 追 加 を 選 択 し この 例 では 既 存 のファイル NewDoc.png を 選 択 して 追 加 しま す(または 新 しいファイルを 追 加 します) 次 にソリューションエクスプローラで リソースファイルを 選 択 し プロパティウィンド ウで Build Action プロパティを Embedded Resource に 設 定 します コントロールの C1SuperTooltip をプログラムで 作 成 するには 次 の 手 順 に 従 います 1. C1SuperTooltip コントロールを 追 加 し それをフォームに 関 連 付 けます この 例 では Button1 コントロールを 使 用 し ます 2. 次 のコードを Form_Load イベントに 追 加 します このコードでは 画 像 NewDoc.png の 含 まれる 埋 め 込 みリソースを 使 用 しますが 他 の 画 像 を 使 用 しても 構 いません Visual Basic コードの 書 き 方 Visual Basic C1SuperTooltip1.SetToolTip(Button1, "<table><tr>" + _ "<td><img src='newdoc.png'></td>" + _ "<th>new Document</th>" + "</tr></table>") C# C# コードの 書 き 方 c1supertooltip1.settooltip(button1, "<table><tr>" + "<td><img src='newdoc.png'></td>" + "<th>new Document</th>" + "</tr></table>"); 31 Copyright GrapeCity inc. All rights reserved.

33 3. プロジェクトを 実 行 します コードから 次 の 図 のような C1SuperTooltip が 作 成 されます ToolStripItem の C1SuperTooltip をプログラムで 作 成 するには 次 の 手 順 に 従 います 1. C1SuperTooltip コントロールと System.Windows.ToolStrip コントロールをフォームに 追 加 します この 例 では ボ タンを ToolStrip に 追 加 しています 2. 次 のコードを Form_Load イベントに 追 加 します このコードでは 画 像 NewDoc.png の 含 まれる 埋 め 込 みリソースを 使 用 しますが 他 の 画 像 を 使 用 しても 構 いません Visual Basic コードの 書 き 方 Visual Basic ' デフォルトツールチップを 隠 し C1SuperTooltip のみ 見 えるようにします ToolStripButton1.AutoToolTip = False C1SuperTooltip1.SetToolTip(ToolStripButton1, "<table><tr>" + _ "<td><img src='newdoc.png'></td>" + _ "<th>new Document</th>" + "</tr></table>") C# C# コードの 書 き 方 // デフォルトツールチップを 隠 し C1SuperTooltip のみ 見 えるようにします toolstripbutton1.autotooltip = false; c1supertooltip1.settooltip(toolstripbutton1, "<table><tr>" + "<td><img src='newdoc.png'></td>" + "<th>new Document</th>" + "</tr></table>"); 3. プロジェクトを 実 行 します コードから 次 の 図 のような C1SuperTooltip が 作 成 されます 詳 細 については SetToolTip メソッドを 参 照 してください カスケードスタイルシートを 使 用 した C1SuperTooltip の 作 成 以 下 のトピックでは カスケードスタイルシートをツールチップに 適 用 し ツールチップがアプリケーション 内 でどこにどのように 表 示 されるかを 完 全 に 制 御 する 方 法 を 説 明 します SuperTooltip for WinForms では カスケードスタイルシートを 含 むほ 32 Copyright GrapeCity inc. All rights reserved.

34 とんどの HTML 機 能 をサポートしており アプリケーション 内 でツールチップがどこにどのように 表 示 されるかを 詳 細 に 制 御 で きます 単 純 にコード 内 にカスケードスタイルシートを 作 成 し ツールチップを 作 成 し スタイルシートのスタイルをツールチップ に 適 用 します 以 下 のトピックでは カスケードスタイルシートをツールチップに 適 用 し ツールチップがアプリケーション 内 でど こにどのように 表 示 されるかを 完 全 に 制 御 する 方 法 を 説 明 します SuperTooltip for WinForms では カスケードスタイル シートを 含 むほとんどの HTML 機 能 をサポートしており アプリケーション 内 でツールチップがどこにどのように 表 示 されるかを 詳 細 に 制 御 できます 単 純 にコード 内 にカスケードスタイルシートを 作 成 し ツールチップを 作 成 し スタイルシートのスタイル をツールチップに 適 用 します 次 の 例 では デザイン 時 における C1SuperTooltips の 作 成 トピックで C1SuperTooltip エディタを 使 用 して 作 成 したのと 同 じ Microsoft Vista スタイルのツールチップを 作 成 しています ただし このツールチップはカスケードスタイルシートを 使 用 し てコードで 作 成 しています 以 下 の 手 順 に 表 れるコードは Form_Load イベントに 配 置 してあります 1. カスケードスタイルシートを 作 成 します Visual Basic コードの 書 き 方 Visual Basic Dim mycss As String カスケードスタイルシートを 作 成 mycss = "<style type='text/css'>" + _ ".header{font-family: tahoma; font-weight: bold; margin-left: 2px; vertical-align:middle}" + _ ".body{font-family: tahoma; margin-left: 8px}" + _ "img{vertical-align: middle}" + _ "td{vertical-align:middle}" + _ "p{border-bottom: medium solid #999999; border-bottom-width:1px}" + _ "</style>" C# C# コードの 書 き 方 string mycss; //カスケードスタイルシートを 作 成 mycss = "<style type='text/css'>" + ".header{font-family: tahoma; font-weight: bold; margin-left: 2px; vertical-align:middle}" + ".body{font-family: tahoma; margin-left: 8px}" + "img{vertical-align: middle}" + "td{vertical-align:middle}" + "p{border-bottom: medium solid #999999; border-bottom-width:1px}" + "</style>"; 2. ツールチップのヘッダーと 本 文 を 作 成 し カスケードスタイルシートからスタイルを 適 用 します Visual Basic コードの 書 き 方 Visual Basic Dim TipBuilder, TipBody, TipHeader As String 'ツールチップのヘッダーまたはタイトルを 作 成 TipHeader = "<div class='header'>" + "Copy" + "</div>" 'ツールチップの 本 文 を 作 成 TipBody = "<table width=160px>" + _ "<tr>" + _ 33 Copyright GrapeCity inc. All rights reserved.

35 "<td>" + _ "<div class='body'>" + "Copy the selection and put" + "it<br>on the Clipboard." + "</div>" + _ "</td>" + _ "</tr>" + _ "</table>" + _ "<p></p>" + _ "<table cellpadding=0>" + _ "<tr>" + _ "<td>" + _ "<img src='helpbutton.png'>" + _ "</td>" + _ "<td>" + _ "<div class='header'>" + _ "Press F1 for help." + _ "</div>" + _ "</tr>" + _ "</table>" C# C# コードの 書 き 方 string TipBuilder, TipBody, TipHeader; // ツールチップのヘッダーまたはタイトルを 作 成 TipHeader = "<div class='header'>" + "Copy" + "</div>"; //ツールチップの 本 文 を 作 成 ToolTip TipBody = "<table width=160px>" + "<tr>" + "<td>" + "<div class='body'>" + "Copy the selection and put" + "it<br>on the Clipboard." + "</div>" + "</td>" + "</tr>" + "</table>" + "<p></p>" + "<table cellpadding=0>" + "<tr>" + "<td>" + "<img src='helpbutton.png'>" + "</td>" + "<td>" + "<div class='header'>" + "Press F1 for help." + "</div>" + "</tr>" + "</table>"; 注 意 : この 例 では 画 像 の 含 まれている 埋 め 込 みリソースを 使 用 します リソースを 埋 め 込 むには プロジェクト プ ロジェクト 名 のプロパティ を 選 択 します リソースの 追 加 を 選 択 し この 例 では 既 存 のファイル HelpButton.png を 選 択 して 追 加 します(または 新 しいファイルを 追 加 します) 次 にソリューションエクスプローラで リソースファイルを 選 択 し プロパティウィンドウで Build Action プロパティを Embedded Resource に 設 定 します 34 Copyright GrapeCity inc. All rights reserved.

36 3. バラバラのツールチップの 部 品 を 組 み 上 げ カスケードスタイルシートを 適 用 します Visual Basic コードの 書 き 方 Visual Basic 'ツールチップのヘッダーと 本 文 を 組 み 合 わせ カスケードスタイルシートを 適 用 します TipBuilder = mycss + TipHeader + TipBody C# C# コードの 書 き 方 // ツールチップのヘッダーと 本 文 を 組 み 合 わせ カスケードスタイルシートを 適 用 します TipBuilder = mycss + TipHeader + TipBody; 4. Vista の 書 式 設 定 を 適 用 し ツールチップをボタンコントロールに 関 連 付 けます Visual Basic コードの 書 き 方 Visual Basic ' Vista の 背 景 のグラデーションを 適 用 し ツールチップを Button1 に 関 連 付 け C1SuperTooltip1.BackgroundGradient = C1.Win.C1SuperTooltip.BackgroundGradient.Vista C1SuperTooltip1.SetToolTip(Button1, TipBuilder) C# C# コードの 書 き 方 // Vista の 背 景 のグラデーションを 適 用 し ツールチップを Button1 に 関 連 付 け c1supertooltip1.backgroundgradient = C1.Win.C1SuperTooltip.BackgroundGradient.Vista; c1supertooltip1.settooltip(button1, TipBuilder); 5. プロジェクトを 実 行 し マウスカーソルを C1SuperTooltip1 の 関 連 付 けられたボタンの 上 に 置 きます Vista スタイル のツールチップが 表 示 されます HTML を 使 用 した C1SuperTootip の 追 加 すべて 独 自 の HTML コードを 使 用 してツールチップを 作 成 する 場 合 は C1SuperTooltip エディタの Html タブに 入 力 します HTML を 使 用 して C1SuperTooltip を 追 加 するには 次 の 手 順 に 従 います 1. プロジェクト 内 で C1SuperTooltip を 作 成 するコントロールを 選 択 します 2. プロパティウィンドウで C1SuperTooltip1 の ToolTip プロパティの 横 の ボタンをクリックし C1SuperTooltip エディタを 開 きます 3. Html タブを 選 択 します 4. 以 下 の HTML コードを Html テキストボックスに 入 力 します <span style='font: 12pt Arial; color:blue'><b>c1supertooltip</b> のいくつかの 素 晴 らしい 機 能 を 示 す <b>c1superlabel</b> を 表 示 するにはここをクリックしてください </span> C1SuperTooltip のプレビューがプレビュー プレビューウィンドウに 表 示 されます 5. プロパティ タブをクリックします ForeColor プロパティが InfoText に 設 定 され Font プロパティが Tahoma, 8pt, に 設 定 されている 点 に 注 意 してください ただし デフォルトでは ツールチップのプレビューは 青 の 前 景 色 Arial 12pt のフォントで 表 示 されます これは HTML コードでテキストを <span> タグで 書 式 設 定 した 場 合 エディタの プロパティ タブで 指 定 されたプロパティでは 上 書 きできなくなるためです 6. OK をクリックして エディタを 閉 じます 35 Copyright GrapeCity inc. All rights reserved.

37 複 数 の C1SuperTooltips の 追 加 プロジェクトに 複 数 のツールチップを 追 加 することもできます これは ツールチップを 独 自 の HTML コードで 書 式 設 定 してお らず かつツールチップの 外 観 プロパティをそれぞれ 変 えたい 場 合 に 便 利 です また 作 成 方 法 にかかわらず ツールチップ ごとに 動 作 を 変 えたい 場 合 にも 有 効 です 複 数 のツールチップを 追 加 する 場 合 ツールチップをコントロールに 関 連 付 けるときに 正 しいツールチップを 指 定 していること を 確 認 してください 1つのコントロールに 複 数 のツールチップを 指 定 した 場 合 プロジェクトを 実 行 して マウスカーソルをコン トロール 上 に 置 いたときに 指 定 したすべてのツールチップが 表 示 されます 1. この 例 では フォーム 上 に2つのボタンがあるプロジェクトを 使 用 します 2つの C1SuperTooltip コントロールを 追 加 します 2. Button1 を 選 択 して プロパティウィンドウで C1SuperTooltip1 の ToolTip プロパティの 横 の ボタンをクリックし ます C1SuperTooltip エディタが 表 示 されます 3. Office タブを 使 用 するか Html タブに HTML コードを 追 加 して ツールチップを 作 成 します 4. プロパティ タブでいくつかプロパティを 設 定 して OK をクリックします 5. Button2 を 選 択 して プロパティウィンドウで C1SuperTooltip2 の ToolTip プロパティの 横 の ボタンをクリックし ます 6. C1SuperTooltip1 エディタで 2つ 目 のツールチップを 作 成 し プロパティ タブをクリックします 7. いくつかのプロパティに C1SuperTooltip1 とは 異 なる 値 を 設 定 します 8. OK をクリックして エディタを 閉 じます C1SuperTooltip1 の ToolTipプロパティは Button2 に 対 しては 空 のままで す 9. プロジェクトを 実 行 し 各 ボタンにマウスカーソルを 置 きます Button1 にカーソルを 置 いたときに C1SuperTooltip1 がどのように 表 示 されるか Button2 にカーソルを 置 いたときに C1SuperTooltip2 がどのように 表 示 されるかを 確 認 してください 使 用 した 設 定 に 応 じてスタイルと 動 作 が 異 なっているはずです C1SuperTooltip の 外 観 と 動 作 の 設 定 の 変 更 ツールチップの 外 観 と 動 作 の 設 定 を 変 更 する 方 法 は2つあります C1SuperTooltip エディタを 使 用 する 方 法 と C1SuperTooltip コントロールのスマートタグとプロパティウィンドウを 使 用 する 方 法 です C1SuperTooltip エディタでの 変 更 In the C1SuperTooltip エディタでは Office タブを 使 用 して ツールチップの 画 像 タイトル サブタイトル および 本 文 を 追 36 Copyright GrapeCity inc. All rights reserved.

38 加 できます ツールチップの 背 後 にあるすべての HTML コードは C1SuperTooltip によって 自 動 的 に 作 成 され 時 間 と 作 業 を 節 約 できます エディタによる 自 動 化 が 必 要 ない 場 合 は まったく 同 じツールチップを エディタの Html に 独 自 の HTML コードを 入 力 することで 作 成 することもできます これら2つのタブを 使 用 する 場 合 変 更 および 設 定 内 容 は フォームで 選 択 し たコントロールのツールチップに 対 してのみ 適 用 されます 一 方 プロパティ タブでは ツールチップの 全 体 的 な 外 観 と 動 作 をカスタマイズできます 設 定 はツールチップが 関 連 付 けられ ているすべてのコントロールに 適 用 されます 1. プロジェクト 内 で C1SuperTooltip を 作 成 するコントロールを 選 択 します 2. プロパティウィンドウで C1SuperTooltip1 の ToolTip プロパティの 横 の ボタンをクリックし C1SuperTooltip エ ディタ を 開 きます 3. プロパティ タブを 選 択 します 4. 以 下 の 各 プロパティを 設 定 します BackColor プロパティの 横 のドロップダウン 矢 印 をクリックして Web タブを 選 択 し 色 を 選 択 します BackgroundGradient プロパティを Noneに 設 定 します このプロパティに None 以 外 の 値 が 設 定 されてい る 場 合 背 景 色 は 表 示 されません ForeColor プロパティの 横 のドロップダウン 矢 印 をクリックして Web タブを 選 択 し 色 を 選 択 します Shadow プロパティを False に 設 定 します Border プロパティを False に 設 定 します Font プロパティノードを 拡 張 して Size を 14 に 設 定 します 5. マウスカーソルが 各 ボタンの 上 にあるときにツールチップを 表 示 しておく 時 間 をミリ 秒 単 位 で 変 更 するた め AutoPopDelay プロパティを 1000 に 設 定 します 6. プロジェクトを 実 行 し ツールチップを 関 連 付 けたコントロールの 上 にマウスカーソルを 置 きます 使 用 した 設 定 に 応 じ て ツールチップが 次 の 図 のように 表 示 されます C1SuperTooltip コントロールを 使 用 した 設 定 の 変 更 スマートタグを 使 用 して ツールチップの 背 景 色 と ツールチップが 吹 き 出 し 型 で 表 示 されるか 矩 形 に 表 示 されるかを 指 定 でき ます 詳 細 については C1SuperTooltip のタスクメニューとコンテキストメニュー を 参 照 してください Visual Studio のプロパティウィンドウを 使 用 して すべての C1SuperTooltip プロパティを 変 更 できます これ は C1SuperTooltip エディタの プロパティ タブに 表 示 されるプロパティのリストと 同 じものです 1. プロパティウィンドウにアクセスするには C1SuperTooltip コントロールを 右 クリックして プロパティ を 選 択 します 2. 目 的 のプロパティを 設 定 します C1SuperTooltip への 画 像 の 追 加 37 Copyright GrapeCity inc. All rights reserved.

39 SuperTooltip for WinForms では アニメーション 付 き 画 像 を 含 む 画 像 のデザイン 時 の 追 加 をサポートしています 最 初 に 画 像 を C1SuperTooltip 画 像 コレクションに 追 加 し C1SuperTooltip エディタで 画 像 を 選 択 します 1. C1SuperTooltip コントロールをフォームに 追 加 します 2. C1SuperTooltip コントロールを 選 択 し プロパティウィンドウで Images プロパティの 横 の ボタンをクリックしま す 画 像 コレクションの 編 集 エディタが 表 示 されます 3. 追 加 ボタンをクリックして 使 用 する 画 像 のある 場 所 に 移 動 します 4. 画 像 を 選 択 して 開 く をクリックします ツールチップの 画 像 コレクションに 画 像 が 追 加 されます 5. OK をクリックして 画 像 コレクションの 編 集 エディタを 閉 じます. 6. C1SuperTooltip を 関 連 付 けるコントロールを 選 択 します 7. ToolTip on C1SuperTooltip1 プロパティの 横 の ボタンをクリックします ツールチップの 画 像 コレクションに 追 加 した 画 像 は Office ブの[ 画 像 ]またはサブ 画 像 ドロップダウンリストから 選 択 できま す 独 自 の HTML コードを 使 用 する 場 合 は Html タブをクリックして コード 内 で 次 のように 画 像 を 参 照 します <img src= "res://mybitmap.png" /> C1SuperLabels の 作 成 以 下 のトピックでは デザイン 時 に C1SuperLabels を 作 成 する 方 法 について 説 明 します C1SuperLabel エディタを 使 用 する 方 法 とコード 内 でプログラム 的 に 作 成 する 方 法 を 説 明 し さらにラベルに 画 像 を 追 加 する 方 法 についても 説 明 します デザイン 時 における C1SuperLabels の 作 成 SuperTooltip for WinForms にはデザイン 時 エディタの C1SuperLabel エディタがあり アプリケーションのラベルを 簡 単 に 作 成 できます このトピックでは このエディタを 使 用 して ラベルを 作 成 し 外 観 と 動 作 を 変 更 する 方 法 を 示 します C1SuperLabel コンポーネントは Label コントロールに 非 常 によく 似 ていますが プレーンテキストだけでなく HTML コンテン ツを 表 示 できる 点 だけ 異 なります テーブル 画 像 リスト 書 式 付 きテキストなどを 含 む HTML ページをラベル 内 に 表 示 する ことができます C1SuperLabel をアプリケーションに 追 加 するには 次 の 手 順 に 従 います 1. ツールボックスで C1SuperLabel コンポーネントをダブルクリックし フォームに 追 加 します 2. Text プロパティの 横 の ボタンをクリックします C1SuperLabel エディタが 表 示 されます 38 Copyright GrapeCity inc. All rights reserved.

40 3. HTML コードを 入 力 します 4. アプリケーションを 実 行 すると レンダリングされた HTML が C1SuperLabel 内 に 表 示 されます プログラムによる C1SuperLabel の 作 成 C1SuperLabel プログラムによる C1SuperLabel の 作 成 Text プロパティを 使 用 してコントロールに 関 連 付 けます 必 要 なの はテキストを 文 字 列 として 追 加 するだけです プレーンテキストまたは HTML コードを 追 加 できます プログラムで C1SuperLabel を 作 成 するには 次 の 手 順 に 従 います 1. C1SuperLabel をフォームに 追 加 します 2. 次 のコードを Form_Load イベントに 追 加 します 2つの 図 とテキストを 含 む2 行 のテーブルをラベルに 追 加 します Visual Basic コードの 書 き 方 Visual Basic 'C1SuperLabel に 2 行 を 追 加 C1SuperLabel1.Text = _ "<table>" + _ "<tr>" + _ "<td><img src='search.png'>" + _ "<td>this is the second cell in the top row" + _ "<tr>" + _ "<td><img src='up.png'>" + _ "<td>this is the second cell in the bottom row." + _ "</table>" ' コンテンツ が すべて 表 示 される よう に ラベル のサイズ を 自 動 的 に 調 整 C1SuperLabel1.AutoSize = True C# C# コードの 書 き 方 // C1SuperLabel に 2 行 を 追 加 c1superlabel1.text = "<table>" + "<tr>" + "<td><img src='search.png'>" + "<td>this is the second cell in the top row" + "<tr>" + 39 Copyright GrapeCity inc. All rights reserved.

41 "<td><img src='up.png'>" + "<td>this is the second cell in the bottom row." + "</table>"; //コンテンツ が すべて 表 示 される よう に ラベル のサイズ を 自 動 的 に 調 整 c1superlabel1.autosize = true; 3. プロジェクトを 実 行 します コードから 次 の 図 のような C1SuperLabel が 作 成 されます 注 意 : この 例 では 画 像 の 含 まれる 埋 め 込 みリソースを 使 用 しています search.png と up.png です リソースを 埋 め 込 む には プロジェクト プロジェクト 名 のプロパティ を 選 択 します リソースの 追 加 を 選 択 して 追 加 する 既 存 のファイルを 選 択 するか 新 しいファイルを 追 加 します 次 にソリューションエクスプローラで リソースファイルを 選 択 し プロパティウィンド ウで Build Action プロパティを Embedded Resource に 設 定 します 詳 細 については Text プロパティを 参 照 してください C1SuperLabel への 画 像 の 追 加 SuperTooltip for WinForms では アニメーション 付 き 画 像 を 含 む 画 像 のデザイン 時 の 追 加 をサポートしています 最 初 に 画 像 を C1SuperTooltip 画 像 コレクションに 追 加 し C1SuperTooltip エディタで 画 像 を 選 択 します 1. C1SuperLabel コントロールをフォームに 追 加 します 2. C1SuperLabel コントロールを 選 択 し プロパティウィンドウで Images プロパティの 横 の ボタンをクリックします 画 像 コレクションの 編 集 エディタが 表 示 されます 3. 追 加 ボタンをクリックして 使 用 する 画 像 のある 場 所 に 移 動 します 4. 画 像 を 選 択 して 開 く をクリックします ツールチップの 画 像 コレクションに 画 像 が 追 加 されます 5. OK をクリックして 画 像 コレクションの 編 集 エディタを 閉 じます 6. Text プロパティの 横 の ボタンをクリックします property. ラベルの 画 像 コレクションに 追 加 した 画 像 は HTML コードを 入 力 するときに 次 のようにして 参 照 できます <img src= "res://mybitmap.png" /> 40 Copyright GrapeCity inc. All rights reserved.

42 C1SuperErrorProvider エラーメッセージの 作 成 以 下 のトピックでは エラーメッセージの 作 成 エラーメッセージアイコンの 変 更 C1SuperErrorProvider コントロールでの データソースの 使 い 方 その 他 について 説 明 します エラーメッセージの 作 成 HTML で 書 式 設 定 されたエラーメッセージを 作 成 し コントロールにポップアップさせることができます この 例 で は txtcountry という 名 前 のテキストボックスにエラーメッセージを 追 加 します 1. C1SuperErrorProvider コントロールをフォームに 追 加 します C1SuperTooltip がフォームに 自 動 的 に 追 加 され C1SuperErrorProvider コントロールと 接 続 されます 2. Visual Studio の 表 示 メニューで コード を 選 択 します 3. 次 のコードを Form_Load イベントに 追 加 します Visual Basic コードの 書 き 方 Visual Basic C1SuperErrorProvider1.SetError(txtCountry, "<b>invalid Country</b><br/>" & " <p>the <b>country</b> field is required. We need it in order to ship the product.</p>") C# C# コードの 書 き 方 c1supererrorprovider1.seterror(txtcountry, "<b>invalid Country</b><br/>" + "<p>the <b>country</b> field is required. We need it in order to ship the product.</p>"); プロジェクトを 実 行 して マウスカーソルをエラーメッセージアイコンの 上 に 置 くと 次 の 図 のようにエラーメッセージが 表 示 され ます エラーメッセージアイコンの 変 更 C1SuperErrorProvider, でエラーメッセージを 作 成 した 場 合 デフォルトの 警 告 アイコン が 使 用 されます このアイコン は You can change this to any icon file you like using the Icon プロパティを 使 用 して 任 意 のアイコンファイルに 変 更 でき ます フォームに C1SuperErrorProvider コントロールを 追 加 済 みであるとして エラーメッセージアイコンを 変 更 するには 次 の 手 順 に 従 います 1. C1SuperErrorProvider コントロールを 右 クリックして プロパティ を 選 択 し Visual Studio のプロパティウィンドウを 開 きます 2. Icon プロパティの 横 の ボタンをクリックします 3. アイコンファイル(*.ico)を 選 択 し 開 く をクリックします 41 Copyright GrapeCity inc. All rights reserved.

43 プロジェクトを 実 行 すると エラーメッセージに 新 しいアイコン 画 像 が 表 示 されます エラーメッセージの 点 滅 スタイルの 変 更 C1SuperErrorProvider でエラーメッセージを 作 成 する 場 合 デフォルトではエラーメッセージアイコンが 点 滅 します 時 々 点 滅 する 常 に 点 滅 する または 点 滅 しないオプションから 選 択 できます アイコンをクリックすると 点 滅 は 止 まります 点 滅 スタ イルを 変 更 するには 次 の 手 順 に 従 います 1. C1SuperErrorProvider コントロールをフォームに 追 加 します 2. C1SuperErrorProvider スマートタグをクリックして タスクタスク メニューを 開 きます 3. BlinkStyle プロパティの 横 のドロップダウン 矢 印 をクリックして BlinkIfDifferentError AlwaysBlink または NeverBlink を 選 択 します エラーアイコンの 上 にカーソルを 置 いたときに 画 像 を 表 示 する ImageHot プロパティを 使 用 して マウスポインタをエラーアイコンの 上 に 置 いたときに 画 像 を 表 示 してフィードバックすること ができます エラーアイコンの 上 にカーソルを 置 いたときに 画 像 を 表 示 するには 次 の 手 順 に 従 います 1. C1SuperErrorProvider コントロールをフォームに 追 加 します C1SuperTooltip がフォームに 自 動 的 に 追 加 され C1SuperErrorProvider コントロールと 接 続 されます 2. Visual Studio の 表 示 メニューで コード を 選 択 します 3. 次 のコードを Form_Load イベントに 追 加 します Visual Basic コードの 書 き 方 Visual Basic C1SuperErrorProvider1.ImageHot = System.Drawing.Image.FromFile("c:\\MyFiles\\Level1Warning.bmp") C# C# コードの 書 き 方 c1supererrorprovider1.imagehot = System.Drawing.Image.FromFile("c:\\MyFiles\\Level1Warning.bmp"); C1SuperErrorProvider でのデータソースの 使 用 C1SuperErrorProvider コントロールとデータソースを 合 わせて 使 用 し エラーをユーザーに 示 すことができます C1SuperErrorProvider を 表 示 するには C1SuperTooltip と 関 連 付 ける 必 要 があります ただし ツールチップは 空 で 構 い ません C1SuperErrorProvider コントロールをフォームに 追 加 すると C1SuperTooltip が 自 動 的 に 追 加 接 続 されます このトピックでは 次 の 図 のように フォーム 上 にボタン テキストボックス およびデータソースがあることを 前 提 としています 42 Copyright GrapeCity inc. All rights reserved.

44 1. C1SuperErrorProvider コントロールをフォームに 追 加 します 2. C1SuperErrorProvider スマートタグをクリックして [タスク]メニューを 開 きます 3. データソースの 選 択 の 横 のドロップダウン 矢 印 をクリックし フォーム 上 のデータソースを 選 択 します 4. DataRow.SetColumnError メソッドを 使 用 して エラーメッセージをデータフィールドに 関 連 付 けます Visual Basic コードの 書 き 方 Visual Basic Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click DirectCast(bs.Current, DataRowView).Row.SetColumnError("LastName","こ れが<b> 警 告 </b>メッセージです!") End Sub C# C# コードの 書 き 方 private void button1_click(object sender, EventArgs e) { ((DataRowView)bs.Current).Row.SetColumnError("LastName", "これが<b> 警 告 </b>メッセージです!"); } 5. 必 要 なコードを Form_Load イベントに 追 加 し テキストボックスをデータソースにバインドします この 例 では テキス トボックスは.xml ファイルにバインドされています Visual Basic コードの 書 き 方 Visual Basic Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load 43 Copyright GrapeCity inc. All rights reserved.

45 ds.datasetname = "AuthorsDataSet" ds.readxml("..\..\authors.xml", System.Data.XmlReadMode.Auto) bs.datamember = "authors" End Sub TextBox1.DataBindings.Add(New Binding("Text", bs, "LastName")) C# C# コードの 書 き 方 private void Form1_Load(object sender, EventArgs e) { ds.datasetname = "AuthorsDataSet"; ds.readxml(@"..\..\authors.xml", System.Data.XmlReadMode.Auto); bs.datamember = "authors"; } textbox1.databindings.add(new Binding("Text", bs, "LastName")); 6. F5 キーを 押 して プロジェクトを 実 行 し ボタンをクリックします 警 告 アイコンが 表 示 され その 上 にマウスカーソルを 置 くと メッセージが 表 示 されます 44 Copyright GrapeCity inc. All rights reserved.