質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

Q&A

解決済

2回答

1982閲覧

再利用可能なカスタムUIViewの作成の方法について

yukitoto

総合スコア53

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

0グッド

1クリップ

投稿2016/05/27 07:43

編集2016/05/27 07:44

現在、iOS8・Xcode7.3、swift2という環境でStoryBoardを利用せずにiOSアプリの開発を行っています。
そこで似たようなUIViewを複数作成する必要があったので、作成ロジックを関数に切り出し、戻り値をaddSubViewするような実装を考えつきました。(以下のサンプルコードのようなものです)
作成はできたのですが、この作成したviewにlayoutを設定する際に、 iconImageViewnameLabel といった、作成したViewのsubviewを取り出すことができずに困っています。
tagを検討してみたのですが、複数のviewに対して同じtagがつく or ロジックが複雑になる、と考えました。
view.subviews.flapMap { $0 as? UILabel}.first といった形も検討してみたのですが、UILabelが増えた時に手詰まりになるな、と考えました。

何かいい方法はないでしょうか?

swift

1 private func createFriendView(userName: String) -> UIView { 2 let baseView = createContentBaseView() 3 4 let iconImageView = UIImageView() 5 6 iconImageView.clipsToBounds = true 7 iconImageView.contentMode = .ScaleAspectFill 8 9 let nameLabel = UILabel() 10 nameLabel.font = UIFont.myTitleFont() 11 nameLabel.text = userName 12 nameLabel.textColor = UIColor.myPrimaryColor() 13 14 let loginStatusLabel = UILabel() 15 loginStatusLabel.font = UIFont.myDescriptionFont() 16 loginStatusLabel.textColor = UIColor.myDisabledColor() 17 18 baseView.addSubview(iconImageView) 19 baseView.addSubview(nameLabel) 20 baseView.addSubview(loginStatusLabel) 21 return baseView 22 }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

解決されているようですが、別の案としてクラスとして実装してみました。
プロパティにアクセスしてそれぞれのlayoutも調節できます。

swift

1class BaseView: UIView { 2 3 var nameLabel = UILabel() { 4 didSet { 5 // nameLabelの初期化 6 nameLabel.font = UIFont.myTitleFont() 7 nameLabel.textColor = UIColor.myPrimaryColor() 8 } 9 } 10 11 var loginStatusLabel = UILabel() { 12 didSet { 13 // loginStatusLabelの初期化 14 loginStatusLabel.font = UIFont.myDescriptionFont() 15 loginStatusLabel.textColor = UIColor.myDisabledColor() 16 } 17 } 18 19 var iconImageView = UIImageView() { 20 didSet { 21 // iconImageViewの初期化 22 iconImageView.clipsToBounds = true 23 iconImageView.contentMode = .ScaleAspectFill 24 } 25 } 26 27 init(userName: String) { 28 super.init(frame: CGRectZero) 29 createContentBaseView() 30 31 nameLabel.text = userName 32 self.addSubview(nameLabel) 33 self.addSubview(loginStatusLabel) 34 self.addSubview(self.iconImageView) 35 } 36 37 func createContentBaseView() { 38 // BaseView初期化処理 39 self.frame = CGRectMake(0, 0, 200, 100) 40 self.backgroundColor = UIColor.yellowColor() 41 } 42 43 required init?(coder aDecoder: NSCoder) { 44 fatalError("init(coder:) has not been implemented") 45 } 46} 47 48// Usage 49 50let base = BaseView(userName: "Name") 51base.nameLabel.frame = CGRectMake(0, 0, 100, 50) 52base.loginStatusLabel.frame = CGRectMake(100, 0, 50, 50) 53base.iconImageView.frame = CGRectMake(0, 50, 50, 50) 54base.iconImageView.image = UIImage(named: "image") 55base.tag = 999 56base.center = view.center 57view.addSubview(base)

投稿2016/05/27 21:59

_Kentarou

総合スコア8490

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yukitoto

2016/05/28 00:52 編集

回答ありがとうございます!!かたまりが大きい場合はクラスに切り分けるのいいですね! ただこのレベルでクラスの切り出しすると、クラスが多くなっちゃうな、と思ったんですよね...難しいです...
guest

0

自己解決

一つ一つのviewのsubviewに対して、tagの数がかぶらないようにしたら上手く行きましたー!

投稿2016/05/27 10:06

yukitoto

総合スコア53

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問