【Swift,Xcode】Labelを動的に可変させながら、ImageViewを表示させたい

LINEのようなチャットアプリを制作するために、

・Labelを動的に可変させる
・ImageViewをそのままのサイズで表示させる

を同時に実現したいです。

既に別の質問でLabelを動的に可変させることができています。

次は、ImageViewをLabelの横に配置し、ImageViewに様々な制約を付けて、シミュレータで実行したら、

・Labelは動的に変化するが、ImageViewが動的に可変しない
・ImageViewは表示されるが、Labelが動的に可変しない

などの問題が発生しました。

制約なし
↓

左右上下
↓

左右上下幅高さ
↓

上下幅高さ
↓
![

上記のように、制約を変えても、LabelかImageViewのどちらかに問題が生じてしまいます。

どこが原因がご指摘願います!!

※追記
Lableの制約です。
（上下左右幅の5つ）

※追記2

上左幅高さ
↓

import
1
2class SecondViewController: UIViewController,UITableViewDelegate,UITableViewDataSource,UITextFieldDelegate {
3    
4    @IBOutlet weak var tableView: UITableView!
5    @IBOutlet weak var textField: UITextField!
6    @IBOutlet weak var send: UIButton!
7    
8    //メッセを格納する配列
9    var array = [String]()
10    
11    override func viewDidLoad() {
12        super.viewDidLoad()
13        
14        textField.delegate = self
15        
16        tableView.estimatedRowHeight = 68
17        tableView.rowHeight = UITableView.automaticDimension
18        
19    }
20    
21    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
22        
23        return array.count
24        
25    }
26
27    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
28        
29        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
30        
31        let label = cell.viewWithTag(1) as! UILabel
32        label.font = UIFont(name: "HiraKakuProN-W3", size: 18)
33        label.numberOfLines = 0
34        label.lineBreakMode = .byCharWrapping
35        label.text = array[indexPath.row]
36        label.layer.cornerRadius = 10
37                
38        return cell
39        
40    }
41    
42    
43    //TextFieldでEnterが押された時、
44    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
45        
46        //もし入力値があるなら、代入
47        if let _ = textField.text {
48            array.append(textField.text!)
49        }
50        
51        //リロード
52        tableView.reloadData()
53        
54        //セルが追加される度に自動スクロール
55        DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
56            self.tableView.scrollToRow(at: IndexPath(row: self.array.count - 1, section: 0), at: UITableView.ScrollPosition.bottom, animated: true)
57        }
58        
59        return true
60        
61    }
62    
63}

fuzzball

2018/10/30 00:04

「ImageViewをそのままのサイズで表示させる」の「そのまま」とは具体的にどういうことでしょうか？UIImageのサイズそのままということですか？

fuzzball

2018/10/30 00:07

画像に関しては「左右上下幅高さ」が正解でしょうか？ラベルに関しては「制約なし」と「上下幅高さ」が正解でしょうか？

fuzzball

2018/10/30 00:07

制約を具体的に書いて下さい。

nekokichi

2018/10/30 04:12

Labelに関しては無視してください。この質問においての制約は全てImageViewに対してのものだと思ってください。ImageViewは左右上下幅高さの制約を付けた時、Labelは制約なしの時に表示されている状態を実現したいのです。

fuzzball

2018/10/30 04:27

なぜLabelがImageViewの制約の影響を受けるのでしょうか？影響を受けるということは、Labelの制約にImageViewが関係していると思うのですが。そうであればLabelの制約の情報が必要になりますので書いて下さい。

fuzzball

2018/10/30 04:38 編集

追記された状態の制約に、「ImageViewは左右上下幅高さの制約」を付けてもLabelには影響しないと思うのですが。「制約を具体的に書いて下さい」と質問したのですから、具体的に書いてもらえませんかね？なぜ情報を出し渋るのでしょうか。

nekokichi

2018/10/30 04:46

いえ、Labelに変更を加えず、ImageViewに左右上下幅高さの制約を課しましたが、Labelが可変しません。質問文の中にある状態と変わりません。

行動規範の内容に同意します

回答2件

過去に似た質問がありました、これ参考になりませんかね？
https://teratail.com/questions/31558

投稿2018/10/30 03:26

harumi

総合スコア407

nekokichi

2018/10/30 04:54

cellForRowAtに let img = cell.viewWithTag(2) as! UIImageView img.frame = CGRect(x: 0, y: 0, width: 70, height: 66) 1番下に extension UIImage { func resize(size: CGSize) -> UIImage { let widthRatio = size.width / self.size.width let heightRatio = size.height / self.size.height let ratio = (widthRatio < heightRatio) ? widthRatio : heightRatio let resizedSize = CGSize(width: (self.size.width * ratio), height: (self.size.height * ratio)) // 画質を落とさないように以下を修正 UIGraphicsBeginImageContextWithOptions(resizedSize, false, 0.0) draw(in: CGRect(x: 0, y: 0, width: resizedSize.width, height: resizedSize.height)) let resizedImage = UIGraphicsGetImageFromCurrentImageContext() as! UIImage UIGraphicsEndImageContext() return resizedImage } } と入力しましたが、変化なしです。

行動規範の内容に同意します