Objective-C による Xuni コントロールの追加

このトピックでは、Objective-C を使用して iOS アプリケーションに Xuni コントロールを追加する方法について説明します。これには、2 つの手順を実行します。

手順 1：コントロールの追加
手順 2：アプリケーションの実行

次の図は、上記の手順を実行した後の RadialGauge を示しています。

手順 1：コントロールの追加

Objective-C で RadialGauge コントロールを初期化するには、次の手順を実行します。

ビューで RadialGauge コントロールを追加します

Project Navigator で、MainStoryboard をクリックしてストーリーボードエディタを開きます。
View Controller Scene の下で、View Controller を展開し、View をクリックします。
ストーリーボードエディタの右端のペインで、ツールバーのアイコンをクリックして Identity inspector を開きます。
Custom Class の下で、ドロップダウンを使用してクラスを UI View から RadialGauge に変更します。

コードで RadialGauge コントロールを初期化します

RadialGauge コントロールを初期化するには、Project Navigator から ViewController.m ファイルを開き、その内容を次のコードで置き換えます。これは、RadialGauge を初期化するために、View コントローラの viewDidLoad メソッドをオーバーライドします。

Objective-C
Swift

#import "ViewController.h"
#import "XuniGaugeKit/XuniGaugeKit.h"
@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    // ビューを読み込んだ後の追加セットアップを行います。

 XuniRadialGauge *radialGauge;
   radialGauge = [[XuniRadialGauge alloc] initWithFrame:CGRectMake(20, 100, 250, 250)];
    radialGauge.tag = 2;
    radialGauge.showText = ShowTextNone;
    radialGauge.thickness = 0.6;
    radialGauge.min = 0;
    radialGauge.max = 100;
    radialGauge.value = 35;
    radialGauge.showRanges = true;
    radialGauge.pointerColor = [UIColor blueColor];
    radialGauge.startAngle = -20;
    radialGauge.sweepAngle = 220;
    
    // 範囲を作成してカスタマイズします。
    XuniGaugeRange* lower = [[XuniGaugeRange alloc] initWithGauge:radialGauge];
    lower.min = 0;
    lower.max = 40;
    lower.color = [UIColor redColor];
    XuniGaugeRange* middle = [[XuniGaugeRange alloc] initWithGauge:radialGauge];
    middle.min = 40;
    middle.max = 80;
    middle.color = [UIColor yellowColor];
    XuniGaugeRange* upper = [[XuniGaugeRange alloc] initWithGauge:radialGauge];
    upper.min = 80;
    upper.max = 100;
    upper.color = [UIColor greenColor];

    // 範囲を追加します
   [radialGauge.ranges addObject:lower];
   [radialGauge.ranges addObject:middle];
   [radialGauge.ranges addObject:upper];
   [self.view addSubview:radialGauge];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning]; 
}

@end

//Importing required files.
import UIKit
import XuniGaugeKit

class ViewController: UIViewController {

override func viewDidLoad() {
super.viewDidLoad()
//Initializing XuniGauge control.
radialGauge.tag = 2
radialGauge.showText = XuniShowText.None
radialGauge.thickness = 0.6
radialGauge.min = 0
radialGauge.max = 100
radialGauge.value = 35
radialGauge.showRanges = true;
radialGauge.pointerColor = UIColor.blueColor();
radialGauge.startAngle = -20;
radialGauge.sweepAngle = 220;
          
//Create and customize ranges.
        
var lower = XuniGaugeRange(gauge: radialGauge)
lower.min = 0
lower.max = 40
lower.color = UIColor.redColor();
var middle = XuniGaugeRange(gauge: radialGauge)
middle.min = 40
middle.max = 80
middle.color = UIColor.yellowColor();
var upper = XuniGaugeRange(gauge: radialGauge)
upper.min = 80;
upper.max = 100;
upper.color = UIColor.greenColor();
        
//範囲を追加します
        
radialGauge.ranges.addObject(lower)
radialGauge.ranges.addObject(middle)
radialGauge.ranges.addObject(upper)
radialGauge.ranges.addObject(lower)
radialGauge.ranges.addObject(middle)
radialGauge.ranges.addObject(upper)

先頭に戻る

手順 2：アプリケーションの実行

Command-R を押してアプリケーションを実行します。

先頭に戻る