次の方法で共有

Ink Web コントロールのサンプル

  • [アーティクル]

このサンプルでは、Web ブラウザーで使用するインク対応コントロールを作成する方法を示します。 このサンプルでは、元の 自動要求フォーム サンプル を取得し、Web ページに配置されるコントロールに変換します。

Web でのインクの使用の詳細については、「Ink on the Web」を参照してください。

元のサンプル プロジェクトの変更

このサンプルは、2 つのプロジェクトと HTML ファイルを含むソリューションで構成されています。 最初のプロジェクト AutoClaims は、Microsoft Visual C# コントロール ライブラリ プロジェクト (ユーザー コントロール) です。 このコントロールのソース コードは、AutoClaims サンプルとほぼ同じですが、次の 2 つの違いがあります。

  • このサンプルの クラスはAutoClaims、Form クラスではなく UserControl クラスを継承します。

    public class AutoClaims : System.Windows.Forms.UserControl

  • このサンプルの AutoClaims クラスには、 DisposeResources インクの収集に使用される内部子コントロールを破棄するパブリック メソッドが追加されています。 このメソッドは、コントロールを使用してページが終了したときにコントロールが使用される webpageon によって呼び出される必要があります。

HTML でのコントロールの参照

このソリューションには、HTML ファイル default.htmが含まれています。 このファイルは、コントロールを読み込むためにブラウザーが移動するページです。 ファイルには、コントロールを <参照するオブジェクト> タグが含まれています。 また、本文>タグに onload=" OnUnload() 属性が存在することで示されているように、ページのアンロード時に<呼び出されるスクリプトも含まれます。 この関数は、 DisposeResources コントロールの メソッドを呼び出して、シャットダウン時にすべてのリソースが適切に解放されるようにします。

<html>
    <script language="jscript">
        // Release any resources held by the AutoClaims control
        function OnUnload()
        {
            autoClaimsControl.DisposeResources();
        }
    </script>
    <head>
        <title>AutoClaims (Web Control)</title>
    </head>
    <body onunload="OnUnload()">
        <object 
          id="autoClaimsControl" 
          classid="AutoClaims.dll#AutoClaims.AutoClaims">
        </object>
    </body>
</html>

オブジェクト> タグの classid 属性値の形式に<注目してください。 アセンブリに名前を付け、その後に # 記号の区切り記号を付け、次にコントロールを含む名前空間と、コントロールのクラス名を指定します。

実際のユーザー コントロールには、アプリケーションで収集されたデータを永続化または送信するために使用される追加のメソッドが含まれる可能性があります。

AutoClaims_WebControl プロジェクト

AutoClaims_WebControl プロジェクトは、インストール時に Web サーバーに仮想ルート AutoClaims_WebControlを追加するセットアップを作成する配置プロジェクトです。 コントロールと HTML ファイルは、この仮想ルートに配置されます。

注意

コンパイルされた Web サンプルは、SDK の既定のインストール オプションではインストールされません。 カスタム インストールを完了し、"事前コンパイル済み Web サンプル" サブオプションを選択してインストールする必要があります。

 

自動要求フォーム サンプル

Web 上のインク