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

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

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

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

Q&A

解決済

1回答

2339閲覧

【Swift】collectionViewのセルの高さが可変にできない

nakamu

総合スコア82

Swift

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

0グッド

0クリップ

投稿2019/06/01 21:30

編集2019/06/02 00:20

UICollectionViewFlowLayout.automaticSizeで高さ可変にできるはずが下のような結果になりました
メッセージの部分のUILabelのLinesは0を指定しているのでラベルの改行対応はできています。
そもそもなぜwidthまで崩れるのかよくわかりません。

iOS12だとestimatedItemSizeがおかしくなる
こちらも試してみましたが可変の前に崩れてしまいます。

collectionView詳しい方教えてください。

イメージ説明
イメージ説明

swift

1// 上 2 // セルの大きさを設定 3 let layout = UICollectionViewFlowLayout() 4 layout.itemSize = CGSize(width: collectionView.frame.width, height: 52) 5 layout.minimumLineSpacing = 0 6// layout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize 7 collectionView.collectionViewLayout = layout 8 9// 下 10 // セルの大きさを設定 11 let layout = UICollectionViewFlowLayout() 12 layout.itemSize = CGSize(width: collectionView.frame.width, height: 52) 13 layout.minimumLineSpacing = 0 14 layout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize 15 collectionView.collectionViewLayout = layout

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

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

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

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

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

guest

回答1

0

自己解決

イメージ説明

swift

1 @IBOutlet weak var collectionView: UICollectionView! 2 3 override func viewDidLoad() { 4 super.viewDidLoad() 5 collectionView.delegate = self 6 collectionView.dataSource = self 7 // 自作セルをテーブルビューに登録する 8 let chatXib = UINib(nibName: "CommunityChatCollectionViewCell", bundle: nil) 9 collectionView.register(chatXib, forCellWithReuseIdentifier: "communityChatCell") 10 11 let layout = UICollectionViewFlowLayout() 12 layout.itemSize = CGSize(width: collectionView.frame.width, height: 52) 13 layout.minimumLineSpacing = 0 14 layout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize 15 collectionView.collectionViewLayout = layout 16 } 17 18 func numberOfSections(in collectionView: UICollectionView) -> Int { 19 return 2 20 } 21 22 func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 23 return 1 24 } 25 26 func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 27 // セル生成 28 let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "communityChatCell", for: indexPath) as! CommunityChatCollectionViewCell 29 30 cell.message.text = "This is label one.\nThis is label one.\nThis is label one.\nThis is label one.\nThis is label one." 31 cell.name.text = "This is label two.\nThis is label two.\nThis is label two.\nThis is label two.\nThis is label two." 32 cell.cellWid = collectionView.frame.size.width 33 return cell 34 }

swift

1class CommunityChatCollectionViewCell: UICollectionViewCell { 2 3 @IBOutlet weak var img: UIImageView! 4 @IBOutlet weak var name: UILabel! 5 @IBOutlet weak var message: UILabel! 6 7 @IBOutlet weak var cellWidth: NSLayoutConstraint! { 8 didSet { 9 cellWidth.isActive = true 10 } 11 } 12 13 var cellWid: CGFloat? = nil { 14 didSet { 15 guard let cellWid = cellWid else { 16 return 17 } 18 cellWidth.constant = cellWid 19 } 20 } 21 22 override func awakeFromNib() { 23 super.awakeFromNib() 24 // Initialization code 25 26 NSLayoutConstraint.activate([ 27 contentView.leftAnchor.constraint(equalTo: leftAnchor), 28 contentView.rightAnchor.constraint(equalTo: rightAnchor), 29 contentView.topAnchor.constraint(equalTo: topAnchor), 30 contentView.bottomAnchor.constraint(equalTo: bottomAnchor) 31 ]) 32 33 } 34} 35

投稿2019/06/02 00:19

nakamu

総合スコア82

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問