バージョン

バーコード ビューのビューへの追加

トピックの概要

目的

このトピックでは、ビューで IGBarcodeView コントロールの基本インスタンスを作成して表示する方法をコード例によって紹介します。

前提条件

以下の表は、このトピックを理解するために必要な、前提条件となるトピックを示しています。

トピック 目的

このトピックは、IG フレームワーク ファイルをプロジェクトに追加する方法を説明します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

IGBarcodeView の表示 – コード例

説明

このコード例は、Code 128 バーコードを作成し、フレーム サイズを 300x200 に設定します。

プレビュー

IGBarcodeView   Adding the Barcode View to a View 1.png

コード

ビュー コントローラーのビューの背景色を白に設定します。

Objective-C の場合:

self.view.backgroundColor = [UIColor whiteColor];

C# の場合:

this.View.BackgroundColor = UIColor.White;

次に IGBarcodeTypeCode128 タイプの IGBarcodeView のインスタンスを作成し、サイズを 300x200 に設定します。

Objective-C の場合:

CGRect barcodeRect = CGRectMake(0, 0, 300, 200);
IGBarcodeView *barcode = [[IGBarcodeView alloc] initWithFrame:barcodeRect barcodeType:IGBarcodeTypeCode128];

C# の場合:

RectangleF barcodeRect = new RectangleF(0, 0, 300, 200);
IGBarcodeView barcode = IGBarcodeView.CreateBarcodeFrame(IGBarcodeType.IGBarcodeTypeCode128, barcodeRect);

バーコードの高さ、幅、およびすべてのサイズに自動サイズ変更マスクを設定します。

Objective-C の場合:

barcode.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight|
            UIViewAutoresizingFlexibleLeftMargin|UIViewAutoresizingFlexibleBottomMargin|
            UIViewAutoresizingFlexibleRightMargin|UIViewAutoresizingFlexibleTopMargin;

C# の場合:

barcode.AutoresizingMask = UIViewAutoresizing.FlexibleWidth|UIViewAutoresizing.FlexibleHeight|
                                      UIViewAutoresizing.FlexibleLeftMargin|UIViewAutoresizing.FlexibleBottomMargin|
                                      UIViewAutoresizing.FlexibleRightMargin|UIViewAutoresizing.FlexibleTopMargin;

バーコードの値を「Getting Started」に設定します。

Objective-C の場合:

[barcode setValue:@"Getting Started"];

C# の場合:

barcode.SetValue ("Getting Started");

バーコードをビュー コントローラーのビューの中央に配置します。

Objective-C の場合:

barcode.center = self.view.center;

C# の場合:

barcode.Center = this.View.Center;

バーコードをビュー コントローラーのビューに追加します。

Objective-C の場合:

[self.view addSubview:barcode];

C# の場合:

this.View.Add (barcode);

関連コンテンツ

トピック

以下のトピックでは、このトピックに関連する追加情報を提供しています。

トピック 目的

このトピックは、 IGBarcodeView コントロールおよびその機能の概要を説明します。