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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Swift 2

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

Q&A

解決済

1回答

2698閲覧

CollectionViewにUILabelを表示するとスクロールが重い

label8

総合スコア16

Swift 2

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

0グッド

0クリップ

投稿2016/05/23 15:25

編集2016/05/24 01:25

毎度お世話になります。

マッチングアプリによくある、ユーザーギャラリーにニックネームや地域、年齢などを表示させるビューを作成しています。
画像単体で表示させる分にはスクロールがスムーズなのですが、その上にUILabelを表示させると極端にスクロールが重くなります。
ラベルには文字を表示させてもさせなくてももっさり感は変わりません。

これを解消させる手段が思いつかず、Web上にある情報をいろいろ試しましたが思い通りの結果になりません。

おわかりになる方がいらっしゃいましたらご教授いただけると助かります。

よろしくお願いいたします。

ViewController.swift

swift

1func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { 2 3 let cell = collectionView.dequeueReusableCellWithReuseIdentifier("UsersCell", forIndexPath: indexPath) as! UsersCollectionViewCell 4 cell.setupCustomCellImage() 5 cell.setupCustomCellLabel() 6 cell.imageConstraint() 7 cell.labelConstraint() 8 cell.setupContents(indexPath.row, items: self.userItems[indexPath.row]) //self.userItemsはAPIからデータを取得 9 10 return cell 11}

UsersCollectionViewCell.swift

swift

1class UsersCollectionViewCell: UICollectionViewCell { 2 3 let imageView = UIImageView() 4 let statusLabel = CustomLabelClass() 5 6 required init(coder aDecoder: NSCoder) { 7 super.init(coder: aDecoder)! 8 } 9 10 override init(frame: CGRect) { 11 super.init(frame: frame) 12 13 self.addSubview(imageView) 14 self.addSubview(statusLabel) 15 } 16 17 func setupCustomCellImage() { 18 self.backgroundColor = UIColor.whiteColor() 19 self.imageView.contentMode = UIViewContentMode.ScaleToFill 20 self.imageView.layer.cornerRadius = 6 21 self.imageView.layer.masksToBounds = true 22 } 23 24 func imageConstraint() { 25 // 画像の制約 26 } 27 28 func setupCustomCellLabel() { 29 self.statusLabel.textAlignment = NSTextAlignment.Center 30 self.statusLabel.backgroundColor = UIColor.rgb(0x000000, 0.8) 31 self.statusLabel.backgroundColor = UIColor.blackColor() 32 self.statusLabel.setCornersAndRadius([.BottomLeft, .BottomRight], radius: 6.0) 33 self.statusLabel.font = UIFont.systemFontOfSize(CGFloat(10)) 34 self.statusLabel.textColor = UIColor.orangeColor() 35 } 36 37 func labelConstraint() { 38 // ラベルの制約 39 } 40 41 // コンテンツの表示 42 func setupContents(num: Int, items: Dictionary<String, AnyObject>) { 43 statusLabel.text = "ニックネーム" 44 if items["image_url"] as! String != "" { 45 imageView.sd_setImageWithURL(NSURL(string: "http://hogehoge.com" + (items["image_url"] as! String))) 46 } else { 47 imageView.image = UIImage(named: "dummy.jpg") 48 } 49 } 50 51}

追記:
ご指摘のあったCustomLabelClass.swiftの内容を載せてみました。
内容は、個々でラベルのコーナーをラウンドさせるための処理になります。

swift

1class CustomLabelClass: UILabel { 2 3 var corners: UIRectCorner = [.TopLeft, .TopRight, .BottomLeft, .BottomRight] 4 var radius: CGFloat = 0 5 6 var padding: UIEdgeInsets = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0) 7 8 func setPadding(pt:CGFloat, pr:CGFloat, pb:CGFloat, pl:CGFloat) { 9 self.padding = UIEdgeInsets(top: pt, left: pl, bottom: pb, right: pr) 10 } 11 12 override func drawTextInRect(rect: CGRect) { 13 let newRect = UIEdgeInsetsInsetRect(rect, padding) 14 super.drawTextInRect(newRect) 15 } 16 17 override func intrinsicContentSize() -> CGSize { 18 var intrinsicContentSize = super.intrinsicContentSize() 19 intrinsicContentSize.height += padding.top + padding.bottom 20 intrinsicContentSize.width += padding.left + padding.right 21 return intrinsicContentSize 22 } 23 24 func setCornersAndRadius(corners:UIRectCorner, radius: CGFloat) { 25 self.corners = corners 26 self.radius = radius 27 } 28 29 override func layoutSubviews() { 30 super.layoutSubviews() 31 let maskPath = UIBezierPath(roundedRect: self.bounds, 32 byRoundingCorners: self.corners, 33 cornerRadii: CGSize(width: self.radius, height: self.radius)) 34 35 let maskLayer = CAShapeLayer() 36 maskLayer.frame = self.bounds 37 maskLayer.path = maskPath.CGPath 38 39 self.layer.mask = maskLayer 40 } 41}

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

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

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

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

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

guest

回答1

0

ベストアンサー

UILabelでなくCustomLabelClassというのを使っているようですが、そのCustomLabelClassが重いという話はないですか?

CustomLabelClassをUILabelに戻したらどうなるか試して、CustomLabelClassの問題か否か切り分けしてみるとよいと思います。

もしCustomLabelClassの問題なのでしたら、そのCustomLabelClassの内容を開示してもらわないとこれ以上わかりません。

投稿2016/05/24 00:49

TakeOne

総合スコア6299

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

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

label8

2016/05/24 01:19

ご回答ありがとうございます! おっしゃる通り、ラベルのカスタマイズを行うためにサブクラスを用意しています。 現在、手元で作業できる環境がないので、帰宅後に通常のラベルに戻して検証してみたいと思います!
label8

2016/05/24 14:19

通常のUILabelで実装し直したところ、スクロールがスムーズになりました。 ご指摘の通り、CustomLabelClassに問題があったようです。 再度ロジックを見直したいと思います。 お忙しいところアドバイスをいただきありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問