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

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

ただいまの
回答率

91.05%

  • Swift

    5899questions

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

  • Xcode

    3377questions

    Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Tableviewの中にあるCollectionviewに画像を表示させる。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 117

Daibaku

score 11

現在、Tableviewの中にあるCollectionviewに画像を表示させるところで先に進めずにいます。
Storyboardはこのように配置しました。

イメージ説明

コードは以下です。

//Model
    import UIKit
    import Firebase

    struct Post {

        var key: String
        var Date: String
        var tweetImageUrl = [URL]()
        var Text: String

        init(snapshot: DataSnapshot) {

            self.key = snapshot.key
            self.Date = (snapshot.value as! NSDictionary)["Date"] as? String ?? ""
            self.Text = (snapshot.value as! NSDictionary)["Text"] as? String ?? ""
          if let urls = (snapshot.value as! NSDictionary)["tweetImageUrl"] as? [String:String] {
                 for (_,value) in urls {
              if let finalUrl = URL(string: value) {
                         tweetImageUrl.append(finalUrl)
                 }
              }
            }
         }
    }

//tableviewcell
import UIKit

class TimellineTableViewCell: UITableViewCell {

    @IBOutlet var profileImage: UIImageView!
    @IBOutlet var tempoName: UILabel!
    @IBOutlet var dateLabel: UILabel!
    @IBOutlet var caption: UILabel!
    @IBOutlet var collectionView: UICollectionView!

    var post: Post? {
        didSet {
            tempoName.text = "channing"
            dateLabel.text = post?.Date
            caption.text = post?.Text
            profileImage.image = #imageLiteral(resourceName: "heart")
        }
    }

    override func awakeFromNib() {
        super.awakeFromNib()

        collectionView.delegate = self
        collectionView.dataSource = self
        profileImage.layer.cornerRadius = 30.0
        profileImage.layer.masksToBounds = true
    }
}//class

extension TimellineTableViewCell: UICollectionViewDelegate, UICollectionViewDataSource {

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        guard let count = post?.tweetImageUrl.count else { return 0 }
        return count
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "timeLineCell", for: indexPath) as! TimelineCollectionViewCell

        cell.configCell(post: post)

        return cell
    }
}//extension

//collectionviewcell
import UIKit

class TimelineCollectionViewCell: UICollectionViewCell {


    @IBOutlet var imageView: UIImageView!


    override func awakeFromNib() {
        super.awakeFromNib()
    }

    func configCell(post: Post?) {

        guard let imageUrl = post?.tweetImageUrl else { return }

        for url in imageUrl {

            URLSession.shared.dataTask(with: url, completionHandler: { (data, res, err) in

                guard let data = data else { return }
                let image = UIImage(data: data)

                DispatchQueue.main.async {
                    self.imageView.image = image
                }
            }).resume()
        }
    }
}//class

//viewcontroller
import UIKit
import Firebase

class TimelineViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

    @IBOutlet var TimelinetableView: UITableView!

    var ref: DatabaseReference! {
        return Database.database().reference()
    }
    let uid = Auth.auth().currentUser?.uid
    var tweets = [Post]()

    override func viewDidLoad() {
        super.viewDidLoad()

        self.TimelinetableView.rowHeight = UITableViewAutomaticDimension
        self.TimelinetableView.estimatedRowHeight = 300
        fetchTweets()
    }

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 300
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return tweets.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let cell = TimelinetableView.dequeueReusableCell(withIdentifier: "tableCell", for: indexPath) as! TimellineTableViewCell

        cell.post = tweets[indexPath.row]

        return cell
    }

    func fetchTweets() {
        ref.child("TWEETS").child(uid!).observe(.value, with: { (snapshot) in

            var result = [Post]()
            for post in snapshot.children {
                let post = Post(snapshot: post as! DataSnapshot)
                result.append(post)
            }
            self.tweets = result.sorted(by: { (p1, p2) -> Bool in
                p1.Date > p2.Date
            })
            self.TimelinetableView.reloadData()            
        }, withCancel: nil)

    }//func

}//class


Buildしてみると、imageViewに画像は表示されずTableviewcellだけ期待どうりに返ってくる状態です。
どなたか、解決方法のわかる方いらっしゃいますか?

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

まずは、
・configCellはコールされているのか?
・URLSession.shared.dataTaskのcompletionHandlerは動いているのか?
・実行時に、コンソールにエラーが表示されていないか?
など、何が動いていて何が動いていないのかを切り分けていくと良いかと思います。
あとはATSの設定なども確認してみるのも良いかと。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/12/27 23:27

    ご回答ありがとうございます。constrainを設定しなおすと期待どうりに動きました。ありがとうございます!

    キャンセル

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

  • ただいまの回答率 91.05%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • Swift

    5899questions

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

  • Xcode

    3377questions

    Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。