&NQUZ4UBUFදࣔڞ௨Խͷࣄྫ QPUBUPUJQT,FOUBSP5BHVDIJ !LFOLFOLFO@

֓ཁ ϧʔϧܾΊ ࣮૷ʹ͍ͭͯ Ξ δ Σ ϯ μ

֓ཁ

&NQUZ4UBUFͷදࣔΛ౷Ұͨ͠ Կ Λ ͠ ͨ ͷ ͔

ը໘࡞੒࣌ʹ౎౓σβΠϯɾ࣮૷͞Ε͍ͯͨ ը໘ʹΑͬͯද͕ࣔόϥόϥ σβΠϯɾ࣮૷Λʮߟ͑Δʯ޻਺͕ൃੜ ͳ ͥ ΍ ͬ ͨ ͷ ͔

C F G P S F

B G U F S

w ΞϓϦ಺ͷ&NQUZ4UBUFද͕ࣔ౷Ұ͞Εͨ w ίετ࡟ݮʢاըɾσβΠϯɾ࣮૷ʣ Կ ͕ ಘ Β Ε ͨ ͷ ͔

ϧʔϧܾΊ

σβΠφʔͱ૬ஊ ࢓༷ɾσβΠϯͷϧʔϧΛܾΊͨ ֓ ཁ

จݴΛදࣔ͢Δ͚ͩʢ࠶ݕࡧ౳ͷػೳ͚ͭͳ͍ʣ $73Λ௥͍ͬͯͳ͍ γϯϓϧͳ࢓༷Ͱ0, ࢓ ༷

දࣔ͢ΔཁૉʹରԠͨ͠จݴΛఆΊΔ ༧໿৘ใ ʮ༧໿৘ใ͸͋Γ·ͤΜʯ จ ݴ

w ϑΥϯτͷαΠζɾΧϥʔΛ౷Ұ w 7JFXͷதԝʹϥϕϧΛ഑ஔ σ β Π ϯ

ϧʔϧ͸FTBʹ·ͱΊͯνʔϜʹڞ༗ ʢશࣾһӾཡՄೳʣ ʢΤϯδχΞ޲͚ʹJ04࣮૷·ͱΊ΋هࡌʣ υ Ω ϡ ϝ ϯ τ Խ

࣮૷

protocolͱenumΛ࢖ͬͯ ൚༻తʹར༻Ͱ͖ΔΑ͏ʹ࣮૷͢Δ ํ ਑

FOVNͰදࣔཁૉΛදݱ ରԠ͢Δจݴ΋ఆٛ จ ݴ

/// empty stateΛఆٛ͢Δenum enum EmptyState { /// ༧໿ case reservation /// ςʔϒϧ case table // ʢଞলུʣ /// λΠτϧ var title: String { switch self { case .reservation: return NSLocalizedString("key_of_reservation", comment: "") case .table: return NSLocalizedString("key_of_table", comment: “") // ʢଞলུʣ } } }

QSJWBUFͰ࣮૷ ֎͔Β༨ܭͳૢ࡞ͤ͞ͳ͍ ݟͨ໨͕౷Ұ͞ΕΔ W J F X

/// empty state༻ͷView private final class EmptyStateView: UIView { /// λΠτϧϥϕϧ private let titleLabel: UILabel = { let titleLabel = UILabel() // ϥϕϧͷઃఆ return titleLabel }() init(_ state: EmptyState) { super.init(frame: .zero) setup(with: state) } required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } /// ηοτΞοϓΛ͢Δ private func setup(with state: EmptyState) { titleLabel.text = state.title addSubview(titleLabel) titleLabel.edges(equalTo: self) } }

֎͔Β͸͍ͭ͜Λ͍͡Δ &NQUZ4UBUF7JFXͱಉ͡ϑΝΠϧʹ࣮૷ ) P M E F S

/// empty stateΛදࣔ͢ΔViewͷϗϧμʔ final class EmptyStateHolder { /// ຊϓϩύςΟܦ༝ͰviewͷisHiddenΛ֎͔Βηοτ͢Δ var isHidden = false { didSet { view.isHidden = isHidden } } /// empty stateΛදࣔ͢ΔView /// /// fileprivateʹͯ͠༨ܭͳPropertyΛϑΝΠϧ֎͔Βૢ࡞ͤ͞ͳ͍ /// ͱ͢Δ͜ͱͰݟͨ໨͕ΞϓϦ಺Ͱ౷Ұ͞ΕΔ͜ͱΛ୲อ fileprivate let view: EmptyStateView /// state͔Βࣗ਎Λੜ੒͢Δ /// 1ՕॴͰෳ਺λΠϓͷEmptyStateΛग़͢ཁ͕݅ͳ͍લఏͷ࣮૷ /// /// - Parameter state: EmptyState init(_ state: EmptyState) { view = EmptyStateView(state) } }

ԼهΛࢀߟʹ&EHFʹର੍ͯ͠໿Λ͚ͭΔ 6*7JFXͷFYUFOTJPOΛ࣮૷ IUUQTTQFBLFSEFDLDPNLBNFJLFGBSFXFMMTOBQLJU ิ ଍ ɿ 7 J F X ͷ F Y U F O T J P O

extension UIView { /// ࣗ਎ͷEdgeʹର੍ͯ͠໿Λ͚ͭΔ /// /// - Parameters: /// - view: ੍໿ͷج४ͱͳΔview /// - offset: ੍໿஋ (σϑΥϧτ஋: .zero ) func edges(equalTo view: UIView, offset: UIEdgeInsets = .zero) { translatesAutoresizingMaskIntoConstraints = false NSLayoutConstraint.activate([ topAnchor.constraint(equalTo: view.topAnchor, constant: offset.top), bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -offset.bottom), leftAnchor.constraint(equalTo: view.leftAnchor, constant: offset.left), rightAnchor.constraint(equalTo: view.rightAnchor, constant: -offset.right) ]) } }

ڞ௨Խ༻ͷQSPUPDPMΛ࡞੒ Q S P U P D P M

// MARK: - ڞ௨Խ༻ϓϩτίϧ /// empty stateදࣔϓϩτίϧ protocol EmptyStateDisplayable where Self: UIResponder { /// empty stateΛදࣔ͢ΔViewͷϗϧμʔ var emptyStateHolder: EmptyStateHolder { get } /// emptyStateViewΛadd͢Δ func addEmptyStateView() }

6*7JFX$POUSPMMFSɾ6*7JFX ͦΕͧΕσϑΥϧτ࣮૷Λ௥Ճ ʢجຊˢΛݺͿ͚ͩʣ Q S P U P D P M F Y U F O T J P O

// MARK: - UIViewControllerͷ৔߹ extension EmptyStateDisplayable where Self: UIViewController { /// emptyStateViewΛviewʹaddSubview͢Δ func addEmptyStateView() { view.addSubview(emptyStateHolder.view) emptyStateHolder.view.edges(equalTo: view) } } // MARK: - UIViewͷ৔߹ extension EmptyStateDisplayable where Self: UIView { /// emptyStateViewΛࣗ਎ʹaddSubview͢Δ func addEmptyStateView() { addSubview(emptyStateHolder.view) emptyStateHolder.view.edges(equalTo: self) } }

/// ར༻ଆͷ࣮૷ྫ /// EmptyStateDisplayableʹ४ڌͤ͞Δ final class SampleViewController: UIViewController, EmptyStateDisplayable { /// EmptyStateDisplayableͷϓϩύςΟ /// ରԠ͢ΔEmptyState(enum)͔ΒॳظԽ let emptyStateHolder = EmptyStateHolder(.reservation) override func viewDidLoad() { super.viewDidLoad() // EmptyStateDisplayableͷϝιουΛݺ΂͹EmptyStateView͕addSubView͞ΕΔ addEmptyStateView() // EmptyStateΛදࣔ͢Δ৚݅ʹ߹ΘͤͯemptyStateHolder.isHiddenʹ஋Ληοτ emptyStateHolder.isHidden = false } }

&NQUZ4UBUFͰ͸ָΛͯ͠ ྗΛೖΕΔ΂͖ͱ͜Ζʹ ஫ྗͰ͖ΔΑ͏ʹͳΔͱϋοϐʔ