QRCodeを使用して、ユーザーがフォームに入力したデータを格納できます。これにより、毎回同じ情報を入力しなくても、QRCodeをスキャンするだけで情報を取得できます。このトピックでは、フォームに追加された情報をQRCodeに格納するアプリケーションを作成する方法を示します。

Visual Studioで、新しいASP.Net Webアプリケーションを作成し、新しいWebフォームを追加します。さらに、次の手順を実行します。

デザイナの場合

1. Webフォームに３つのラベル、２つのテキストボックス、１つのコンボボックス、１つのボタンを配置し、次のようにプロパティを設定します。
   
   

   コントロール名	プロパティ	値
   Label1	Text	名前:
   Label2	Text	電話番号:
   Label3	Text	性:
   ComboboxItem1	Text、Value	男性
   ComboboxItem1	Text、Value	女性
   Button1	ID、Text	提出

   フォームは次の図のように表示されます。

   

2. ツールボックスでC1QRCode コントロールを見つけ、それをWebフォームに配置します。
   ツールボックスにこのコントロールが見つからない場合は、右クリックし、［アイテムの選択］を選択します。［ツールボックスアイテムの選択］ダイアログボックスが表示されます。コントロールを見つけたら、［OK］をクリックします。
3. プロパティウィンドウを開き、DisplayVisibleプロパティをfalseに設定します。これにより、［提出］ボタンがクリックされるまで、コントロールは非表示になります。

ソースビューの場合

すべてのコントロールを追加し、すべてのプロパティを設定すると、ソースビューのフォームのコードは次のようになります。

   <p>
      <asp:Label ID="Label1" runat="server" Text="名前:"></asp:Label>
      <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
   </p>       
   <p>
      <asp:Label ID="Label2" runat="server" Text="電話番号:"></asp:Label>
      <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
   </p>
   <p>
       <asp:Label ID="Label3" runat="server" Text="性:"></asp:Label>      
       <cc1:C1ComboBox ID="C1ComboBox1" runat="server" Width="160px">
    <Items>
   <cc1:C1ComboBoxItem ID="C1ComboBoxItem1" runat="server" Text="男性" Value="男性" />
   <cc1:C1ComboBoxItem ID="C1ComboBoxItem2" runat="server" Text="女性" Value="女性" />
    </Items>
       </cc1:C1ComboBox>
   </p>
   <p>
      <asp:Button ID="Submit" runat="server" Text="提出" /><br/>
      <cc1:C1QRCode ID="C1QRCode1" runat="server" DisplayVisible="false" />
   </p>

コードの場合

ユーザーが情報を入力して［提出］ボタンをクリックしたらQRCodeが生成されるように、［提出］ボタンのクリックイベントに次のコードを追加します。

protected void Submit_Click(object sender, EventArgs e)
{
    C1QRCode1.Text = Label1.Text + " " + TextBox1.Text + '\n' + Label2.Text +
    "  " + TextBox2.Text + '\n' + Label3.Text + "  " + C1ComboBox1.SelectedValue;
    C1QRCode1.DisplayVisible = true;
}

Protected Sub Submit_Click(sender As Object, e As EventArgs) Handles Submit.Click
    C1QRCode1.Text = Label1.Text + " " + TextBox1.Text + ControlChars.Lf + Label2.Text +
    "  " + TextBox2.Text + ControlChars.Lf + Label3.Text + "  " + C1ComboBox1.SelectedValue
    C1QRCode1.DisplayVisible = True
End Sub

ここまでの成果

プロジェクトを実行したら、フォームに詳細を入力し、［提出］ボタンをクリックします。次のように、入力した詳細を格納するQRCodeが生成されます。

上のQRCodeをリーダーでスキャンすると、次のデータがデコードされます。

名前: 小林直子

電話番号: 048-2**-****

性: 男性