現在、基本的にすべて同じである複数のタイマーを備えたアプリを作成しています。

タイマーのすべてのコードとレイアウト/アニメーションを使用するカスタムクラスを作成したいので、互いに独立して動作する5つの同一のタイマーを持つことができます。

私はIB（xcode 4.2）を使用してレイアウトを作成し、タイマーのすべてのコードは現在、viewcontrollerクラスに含まれています。

すべてをカスタムクラスにカプセル化し、それをビューコントローラーに追加する方法に頭を悩ませています。何か助けていただければ幸いです。

概念的に答えると、タイマーはのサブクラスである可能性がUIViewありNSObjectます。

タイマーのインスタンスをIBでインスタンス化するUIViewには、ビューコントローラーのビューにドロップしてドロップし、そのクラスをタイマーのクラス名に設定します。

#importビューコントローラーのタイマークラスを忘れないでください。

編集：IB設計用（コードのインスタンス化については改訂履歴を参照）

私はストーリーボードについてはあまり詳しくありませんが.xib、ストーリーボードバージョンを使用するのとほぼ同じファイルを使用してIBでインターフェイスを構築できることは知っています。ビュー全体を既存のインターフェイスから.xibファイルにコピーして貼り付けることもできます。

これをテストするために、.xib「MyCustomTimerView.xib」という名前の新しい空を作成しました。次に、ビューを追加し、それにラベルと2つのボタンを追加しました。そのようです：

UIView「MyCustomTimer」という名前の新しいObjective-Cクラスサブクラスを作成しました。私.xibでは、ファイルの所有者クラスをMyCustomTimerに設定しました。これで、他のビュー/コントローラーと同じように、アクションとアウトレットを自由に接続できます。結果の.hファイルは次のようになります。

@interface MyCustomTimer : UIView
@property (strong, nonatomic) IBOutlet UILabel *displayLabel;
@property (strong, nonatomic) IBOutlet UIButton *startButton;
@property (strong, nonatomic) IBOutlet UIButton *stopButton;
- (IBAction)startButtonPush:(id)sender;
- (IBAction)stopButtonPush:(id)sender;
@end

ジャンプするために残っている唯一のハードルは、これ.xibを私のUIViewサブクラスで取得することです。.xib劇的に使用すると、必要なセットアップが削減されます。また、ストーリーボードを使用してタイマーをロードしている-(id)initWithCoder:ので、呼び出されるイニシャライザが唯一であることはわかっています。実装ファイルは次のようになります。

#import "MyCustomTimer.h"
@implementation MyCustomTimer
@synthesize displayLabel;
@synthesize startButton;
@synthesize stopButton;
-(id)initWithCoder:(NSCoder *)aDecoder{
    if ((self = [super initWithCoder:aDecoder])){
        [self addSubview:
         [[[NSBundle mainBundle] loadNibNamed:@"MyCustomTimerView" 
                                        owner:self 
                                      options:nil] objectAtIndex:0]];
    }
    return self;
}
- (IBAction)startButtonPush:(id)sender {
    self.displayLabel.backgroundColor = [UIColor greenColor];
}
- (IBAction)stopButtonPush:(id)sender {
    self.displayLabel.backgroundColor = [UIColor redColor];
}
@end

名前の付いたメソッドloadNibNamed:owner:options:は、実際の動作とまったく同じです。Nibをロードし、「ファイルの所有者」プロパティをselfに設定します。配列の最初のオブジェクトを抽出します。これは、ニブのルートビューです。ビューをサブビューとして追加し、画面に表示します。

明らかに、これはボタンが押されたときにラベルの背景色を変更するだけですが、この例ではうまくいくはずです。

コメントに基づくメモ：

無限再帰の問題が発生している場合は、このソリューションの微妙なトリックを見逃している可能性があります。それはあなたが思っていることをやっていない。ストーリーボードに配置されたビューは表示されませんが、代わりに別のビューをサブビューとしてロードします。ロードするビューは、ペン先で定義されているビューです。nibの「ファイルの所有者」は、その目に見えないビューです。クールな部分は、この見えないビューが依然としてObjective-Cクラスであり、ペン先から取り込むビューの一種のビューコントローラーとして使用できることです。たとえばIBAction、MyCustomTimerクラスのメソッドは、ビューよりもビューコントローラーで期待されるものです。

余談ですが、これはうまく機能しないと主張する人もいるでしょうMVC。私の観点から見るとUITableViewCell、これはカスタムとより密接に関連しており、カスタムパーツである場合もあります。

また、この回答は非常に具体的なソリューションを提供するためのものだったことにも注意してください。ストーリーボードにレイアウトされた同じビューで複数回インスタンス化できる1つのペン先を作成します。たとえば、iPadの画面上でこれらのタイマーのうち6つを一度に簡単に想像することができます。アプリケーション全体で複数回使用されるビューコントローラーのビューを指定する必要があるだけの場合、この質問に対してjyavenardが提供するソリューションは、ほとんどの場合、より良いソリューションです。

Swiftの例

Xcode 10およびSwift 4用に更新

これが基本的なウォークスルーです。私はもともと、このYouTubeビデオシリーズを見て、多くのことを学びました。後で、この記事に基づいて回答を更新しました。

カスタムビューファイルを追加する

次の2つのファイルがカスタムビューを形成します。

• レイアウトを含む.xibファイル
• UIViewサブクラスとしての.swiftファイル

追加の詳細は以下のとおりです。

Xibファイル

プロジェクトに.xibファイルを追加します（[ファイル]> [新規]> [ファイル...]> [ユーザーインターフェイス]> [表示]）。私を呼んでいReusableCustomView.xibます。

カスタムビューに含めるレイアウトを作成します。例として、私は、レイアウトを行いますUILabelとUIButton。自動レイアウトを使用して、後で設定したサイズに関係なく、自動的にサイズが変更されるようにすることをお勧めします。（属性インスペクターでxibサイズにフリーフォームを使用して、シミュレートされたメトリックを調整できるようにしましたが、これは必須ではありません。）

Swiftファイル

プロジェクトに.swiftファイルを追加します（[ファイル]> [新規]> [ファイル...]> [ソース]> [Swiftファイル]）。それはのサブクラスでUIViewあり、私は私を呼んでいReusableCustomView.swiftます。

import UIKit
class ResuableCustomView: UIView {

}

Swiftファイルを所有者にする

.xibファイルに戻り、ドキュメントアウトラインの[ファイルの所有者]をクリックします。Identity Inspectorで、.swiftファイルの名前をカスタムクラス名として書き込みます。

カスタムビューコードを追加

ReusableCustomView.swiftファイルの内容を次のコードに置き換えます。

import UIKit

@IBDesignable
class ResuableCustomView: UIView {

    let nibName = "ReusableCustomView"
    var contentView:UIView?

    @IBOutlet weak var label: UILabel!

    @IBAction func buttonTap(_ sender: UIButton) {
        label.text = "Hi"
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        commonInit()
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        commonInit()
    }

    func commonInit() {
        guard let view = loadViewFromNib() else { return }
        view.frame = self.bounds
        self.addSubview(view)
        contentView = view
    }

    func loadViewFromNib() -> UIView? {
        let bundle = Bundle(for: type(of: self))
        let nib = UINib(nibName: nibName, bundle: bundle)
        return nib.instantiate(withOwner: self, options: nil).first as? UIView
    }
}

必ず、.xibファイルの名前の正しいスペルを取得してください。

アウトレットとアクションを接続する

コントロールをxibレイアウトのラベルとボタンから迅速なカスタムビューコードにドラッグして、アウトレットとアクションを接続します。

カスタムビューを使用する

これでカスタムビューが完成しました。あなたがしなければならないすべてはあなたがUIViewそれをあなたのメインの絵コンテの好きな場所に追加することです。ReusableCustomViewIdentity Inspectorでビューのクラス名をに設定します。

ビューではなく、ビューコントローラに対する回答：

ストーリーボードからxibをロードする簡単な方法があります。コントローラがから継承するMyClassControllerタイプであるとしましょうUIViewController。

UIViewControllerストーリーボードに使用IBを追加します。クラスタイプをMyClassControllerに変更します。ストーリーボードに自動的に追加されたビューを削除します。

呼び出すXIBがMyClassController.xibであることを確認してください。

ストーリーボードの読み込み中にクラスがインスタンス化されると、xibが自動的に読み込まれます。これはUIViewController、クラス名で指定されたXIBを呼び出すデフォルトの実装が原因です。

これは正解ではありませんが、このアプローチを共有することは有益だと思います。

Objective-C

1. CustomViewWithXib.hとCustomViewWithXib.m をプロジェクトにインポートします
2. 同じ名前のカスタムビューファイルを作成します（.h / .m / .xib）
3. CustomViewWithXibからカスタムクラスを継承する

迅速

1. CustomViewWithXib.swiftをプロジェクトにインポートします
2. 同じ名前のカスタムビューファイルを作成します（.swiftと.xib）
3. CustomViewWithXibからカスタムクラスを継承する

オプション：

4. 一部の要素を接続する必要がある場合は、xibファイルに移動し、所有者にカスタムクラス名を設定します（詳細については、「Swiftファイルを@Suragch回答の所有者にする」を参照してください）。

これですべてです。カスタムビューをストーリーボードに追加すると、表示されます:)

CustomViewWithXib.h：

 #import <UIKit/UIKit.h>

/**
 *  All classes inherit from CustomViewWithXib should have the same xib file name and class name (.h and .m)
 MyCustomView.h
 MyCustomView.m
 MyCustomView.xib
 */

// This allows seeing how your custom views will appear without building and running your app after each change.
IB_DESIGNABLE
@interface CustomViewWithXib : UIView

@end

CustomViewWithXib.m：

#import "CustomViewWithXib.h"

@implementation CustomViewWithXib

#pragma mark - init methods

- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        // load view frame XIB
        [self commonSetup];
    }
    return self;
}

- (instancetype)initWithCoder:(NSCoder *)aDecoder {
    self = [super initWithCoder:aDecoder];
    if (self) {
        // load view frame XIB
        [self commonSetup];
    }
    return self;
}

#pragma mark - setup view

- (UIView *)loadViewFromNib {
    NSBundle *bundle = [NSBundle bundleForClass:[self class]];

    //  An exception will be thrown if the xib file with this class name not found,
    UIView *view = [[bundle loadNibNamed:NSStringFromClass([self class])  owner:self options:nil] firstObject];
    return view;
}

- (void)commonSetup {
    UIView *nibView = [self loadViewFromNib];
    nibView.frame = self.bounds;
    // the autoresizingMask will be converted to constraints, the frame will match the parent view frame
    nibView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    // Adding nibView on the top of our view
    [self addSubview:nibView];
}

@end

CustomViewWithXib.swift：

import UIKit

@IBDesignable
class CustomViewWithXib: UIView {

    // MARK: init methods
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        commonSetup()
    }

    override init(frame: CGRect) {
        super.init(frame: frame)

        commonSetup()
    }

    // MARK: setup view 

    private func loadViewFromNib() -> UIView {
        let viewBundle = NSBundle(forClass: self.dynamicType)
        //  An exception will be thrown if the xib file with this class name not found,
        let view = viewBundle.loadNibNamed(String(self.dynamicType), owner: self, options: nil)[0]
        return view as! UIView
    }

    private func commonSetup() {
        let nibView = loadViewFromNib()
        nibView.frame = bounds
        // the autoresizingMask will be converted to constraints, the frame will match the parent view frame
        nibView.autoresizingMask = [.FlexibleWidth, .FlexibleHeight]
        // Adding nibView on the top of our view
        addSubview(nibView)
    }
}

ここにいくつかの例があります。

お役に立てば幸いです。