アップルからこの画像/テキストiOSレイアウトを取得するには？

Question

私はAppleのUIデザインドゥのといけないことに、この画像に遭遇しました：もちろん

を左のUIは、私が撮影しています一つであり、私の質問は、最良の方法は何かです左にこのUIを取得する方法は？私の最初に考えたのは、画像とその下のセルであること、トップセルと、静的なテーブルビューを使用していたが、私はそのアプローチには二つの問題を思い付いた：私は少しの水滴ということになるだろうどのように

1. 両方のセルにまたがる画像？
2. テキストの量に関係なく、イメージの下のテキストフィールドが常に正しい長さになるようにするにはどうすればよいですか（テキストの量に応じてテキストフィールドとセルのサイズを変更します）。

私の考え直しはUIScrollViewのを使用し、上部の画像を入れて、それらの間に水滴を制約して、その下のテキストフィールドが含まれていたが、その後することでした：どのように私は希望

1. を入力するテキストの量に関係なく、テキストフィールドが常に正しい長さになるようにしてください。
2. UIScrollViewでこれらの項目を制約することはかなり不可能ですが、UIScrollViewでこれを正しく拘束する方法はありますか？

Answer 1

なぜ、UITableViewを使用せず、再利用識別子で呼び出すことができるインターフェイスビルダでセルを作成してみましょう。そして、それぞれのセルは必要な関連情報と共にイメージを持っています。これはあなたのイメージとあなたのテキストの上に水滴イメージを置くことができるので、あなたの最初のオプションを修正します。

2番目の問題では、セルの高さが正しいことを確認するには、UITableViewの動的高さを指定します。

たとえば、あなたがこのテーブルビューにheightForRowAtIndexPath機能を挿入する必要はないだろう、とあなたも定義することができます。

また、使用したいあなたのTextViewはいずれにも設定するべきではありません

tableView.estimatedRowHeight = 100; //Can be any value really, but giving a reasonable estimate is helpful 
    tableView.rowHeight = UITableViewAutomaticDimension; 

をインターフェイスビルダの固定幅または高さ。

TableView Image。あなたのimageViewは、この写真の青い部分のように設定されます（ただし、画面の幅全体に合わせてください）。そしてtextViewは赤のようになります。それらはすべて1つのセルに収まり、1つのコンテンツセットに2つの別々のセルを使用するよりも編成がはるかに簡単になり、UIScrollViewをセットアップする手間を省くことができます。