Зараз я створюю додаток, у якому буде кілька таймерів, які в основному все однакові.

Я хочу створити спеціальний клас, який використовує весь код для таймерів, а також макет / анімацію, тому я можу мати 5 однакових таймерів, які працюють незалежно один від одного.

Я створив макет за допомогою IB (xcode 4.2), і весь код для таймерів зараз знаходиться лише в класі viewcontroller.

У мене виникають труднощі розгорнути мозок навколо того, як інкапсулювати все у користувацький клас, а потім додати його до контролера перегляду, будь-яка допомога буде дуже вдячна.

Що ж, щоб відповісти концептуально, ваш таймер, швидше за все, повинен бути підкласом UIViewзамість NSObject.

Щоб створити екземпляр свого таймера в IB, просто перетягніть UIViewйого на подання контролера перегляду та встановіть його клас на ім'я класу вашого таймера.

Запам’ятайте #importсвій клас таймера в контролері перегляду.

Редагування: для дизайну ІБ (для створення коду див. Історію редагування)

Я взагалі не дуже знайомий із раскадровкой, але я знаю, що ви можете сконструювати свій інтерфейс в IB за допомогою .xibфайлу, який майже ідентичний використанню версії розкадровки; Ви навіть можете мати змогу копіювати та вставляти свої представлення в цілому з наявного інтерфейсу у .xibфайл.

Щоб перевірити це, я створив нову порожню .xibназву "MyCustomTimerView.xib". Потім я додав перегляд, а до цього додав мітку та дві кнопки. Як так:

Я створив новий підклас класу об’єктивного класу C UIViewпід назвою "MyCustomTimer". В моєму випадку .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 і встановлює властивість "Власник файлу" для себе. Ми витягуємо перший об’єкт з масиву, і це кореневий вигляд Nib. Ми додаємо подання як підвід, і Voila це на екрані.

Очевидно, що це просто змінює колір фону ярлика при натисканні кнопок, але цей приклад повинен добре допомогти вам.

Примітки на основі коментарів:

Варто зазначити, що якщо у вас виникають нескінченні проблеми з рекурсією, ви, ймовірно, пропустили тонкий трюк цього рішення. Це не те, що ти думаєш, що робить. Погляд, розміщений у дошці розкадрування, не проглядається, але натомість завантажує інший вигляд у вигляді підзагляду. Огляд, який він завантажує, - це вид, який визначено в ручку. "Власник файлу" в ручці - це небачене уявлення. Прикольна частина полягає в тому, що цей небачений вигляд все ще є класом Objective-C, який може використовуватися як контролер подання видів для подання, яке він вводить з кнопки. Наприклад, IBActionметоди в MyCustomTimerкласі - це те, чого ви очікували б більше в контролері перегляду, ніж у перегляді.

Як зауваження, деякі можуть стверджувати, що це порушується, MVCі я дещо згоден. З моєї точки зору, це більш тісно пов'язане зі звичаєм UITableViewCell, який також іноді має бути частиною контролера.

Варто також зазначити, що ця відповідь мала забезпечити дуже конкретне рішення; створіть одну підказку, яку можна кілька разів інстанціювати на одному і тому ж представленні, як викладене на дошці розкадрувань. Наприклад, ви могли легко уявити собі шість таких таймерів, усі на екрані iPad за один раз. Якщо вам потрібно лише вказати подання для контролера перегляду, який повинен використовуватися кілька разів у вашій програмі, тоді рішення, яке надає jyavenard для цього питання , майже напевно є кращим рішенням для вас.

Швидкий приклад

Оновлено для Xcode 10 та Swift 4

Ось основна прогулянка. Я спочатку багато чого з цього дізнався, переглядаючи цю відеосерію Youtube . Пізніше я оновив свою відповідь на основі цієї статті .

Додайте власні файли перегляду

Наступні два файли формуватимуть ваш власний вид:

• .xib файл, щоб містити макет
• .swift файл як UIViewпідклас

Деталі щодо їх додавання наведені нижче.

Файл Xib

Додайте файл .xib до свого проекту (Файл> Створити> Файл ...> Інтерфейс користувача> Переглянути) . Я дзвоню своїм ReusableCustomView.xib.

Створіть макет, який ви хочете мати у своєму власному представленні. Як приклад, я зроблю макет з a UILabelі a UIButton. Добре використовувати автоматичний макет, щоб змінити розмір автоматично, незалежно від розміру, який ви встановите на нього пізніше. (Я використовував Freeform для розміру xib в інспекторі атрибутів, щоб я міг коригувати імітовані показники, але це не потрібно.)

Швидкий файл

Додайте у свій проект файл .swift (Файл> Новий> Файл ...> Джерело> Файл Swift) . Це підклас UIViewі я називаю свій ReusableCustomView.swift.

import UIKit
class ResuableCustomView: UIView {

}

Зробіть файл Swift власником

Поверніться до свого .xib-файлу та натисніть "Власник файлу" в "Контур документа". В інспектор ідентичності запишіть ім'я вашого файлу .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куди завгодно у своє основне сповіщення. Встановіть назву класу представлення ReusableCustomViewв Інспекторі ідентичності.

Відповідь для контролерів перегляду, а не переглядів :

Існує простіший спосіб завантажити xib з розкадровки. Скажімо, ваш контролер типу MyClassController, який передається у спадокUIViewController .

Ви додаєте UIViewController ІБ у вашій дошці повідомлень; змінити тип класу, щоб бути MyClassController. Видаліть представлення даних, яке було автоматично додано в дошку розкадрувань.

Переконайтесь, що назва XIB, яку ви хочете, називається MyClassController.xib.

Коли клас буде інстанціюватися під час завантаження розкадровки, xib автоматично завантажується. Причиною цього є те, що реалізація за замовчуванням UIViewControllerвикликає XIB з ім'ям класу.

Це насправді не відповідь, але я думаю, що корисно поділитися таким підходом.

Ціль-С

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)
    }
}

Ви можете знайти кілька прикладів тут .

Сподіваюся, що це допомагає.