BarCode for ASP.NET Web Forms
手順2:C1Barcode のコントロールの追加
クイックスタート > 手順2:C1Barcode のコントロールの追加

前の手順では、アプリケーションをセットアップしました。この手順では、プロジェクトに C1Barcode コントロールを追加し、いくつかのプロパティを設定して、このコントロールで何ができるかを確認します。

次の手順を実行します。

  1. Visual Studio ツールボックスで C1Barcode コントロールを見つけます。そのアイコンをダブルクリックしてアプリケーションに追加します。また、アセンブリがアプリケーションに登録されます。
  2. ソースビューでない場合は、ソースビューに切り替えます。
  3. 次のマークアップをメインコンテンツの <asp:Content> </asp:Content> タグ内に追加して、アプリケーションを書式設定します。さまざまな C1Barcode プロパティの例を示すために、テーブルなどの複数のセクションを作成します。コメント付きのセクションは、C1Barcode コントロールを追加する場所です。
ソースビュー
コードのコピー
<div >
        <h2>BarCode Styles</h2>        
        <h4>The Value in these BarCodes is "1234567890" : </h4>
        //C1Barcode コントロールをここに追加します           
        <br />           
            <h4>Set the direction :</h4>
            <asp:Table ID="Table1" runat="server" Height="171px" Width="387px">
                <asp:TableRow>
                    <asp:TableCell>Up</asp:TableCell>
                    <asp:TableCell>Down</asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableCell>
                        //C1Barcode コントロールをここに追加します
                    </asp:TableCell>
                    <asp:TableCell>
                        //C1Barcode コントロールをここに追加します
                    </asp:TableCell>
                </asp:TableRow>
            </asp:Table>      
        <br />
        <div>
            <h4>Set BackColor and ForeColor</h4>
            <p>The BackColor is set to Yellow and the ForeColor is set to Blue</p>           
            //C1Barcode コントロールをここに追加します
        </div>
        <br />
        <div>
            <h4>Set Font for Text</h4>
            <p>TextFont: "Consolas, 8.25pt, style=Italic"</p>
            //C1Barcode コントロールをここに追加します
       </div>
        <br />
        <br />
    </div>
  1. <h4>Show actual value : </h4> と書かれたマークアップを見つけ、その下にカーソルを置きます。Visual Studio ツールボックスの C1Barcode コントロールを見つけてダブルクリックし、このコントロールをアプリケーションに追加します。プロパティウィンドウを使用して、コントロールを次のように編集します。
    • Text プロパティを 1234567890 に設定します。
    • ShowText プロパティを True に設定します。
  2.  [Set Direction]セクションまたはマークアップで、[標準]を見つけて、テキストの下に C1Barcode コントロールを追加します。前の手順で行った設定と同様に、このコントロールのプロパティを設定します。
  3. [Up]セクションの下にさらに C1Barcode コントロールを追加します。再度、プロパティウィンドウを使用して、コントロールを次のように編集します。
    • Text プロパティを 1234567890 に設定します。
    • ShowText プロパティを True に設定します。
    • BarDirection プロパティを Up に設定します。
  4. [Down]セクションの下に4つ目の C1Barcode コントロールを追加します。次のプロパティを設定します。
    • Text プロパティを 1234567890 に設定します。
    • ShowText プロパティを True に設定します。
    • BarDirection プロパティを Down に設定します。
  5. <p>ForeColor: Blue</p> マークアップの下の "Set ForeColor and BackColor" に5つ目の C1Barcode コントロールを追加します。次のプロパティを設定します。
    • Text プロパティを 1234567890 に設定します。
    • ShowText プロパティを True に設定します。
    • BackColor プロパティを Yellow に設定します。
    • ForeColor プロパティを Blue に設定します。
  6. <p>TextFont: "Consolas, 8.25pt, style=Italic"</p> マークアップの下に最後の C1Barcode コントロールを追加します。次のプロパティを設定します。
    • Text プロパティを 1234567890 に設定します。
    • ShowText プロパティを True に設定します。
    • TextFont プロパティを "Consolas, 8.25pt, style=Italic" に設定します。

これで、C1Barcode クイックスタートのステップ2は終了です。次の手順では、このアプリケーションを実行します。

    関連トピック