iphone - iPhoneでプロファイル用にセクション化されたTableViewを作成する方法

Question

私はインターネットでこの写真を見ました：

追加のフォト フレームと 2 つの行 (最初、最後) のセクション...どのようにそのようなデザインを実現しますか !!!

画面の全幅を使用してxCodeで行（静的および動的）を作成する方法のみを知っていますが、単一のセクションではなく、そのような分割を作成して他の2行からフレームを追加する方法は知りません

私のデザインはこんな感じです

私が感謝するどんな助けでも

前もって感謝します

Answer 1

xib を使用してこれを達成できます。注意深く読んでください。何かわからない場合は、もう一度質問してください。少し注意が必要です。

あなたのxibでUIViewを作成し、テキストフィールドの画像ビューとすべてを使用して写真と名、姓のセルをデザインし、UITableViewを取得します。

UIViewをドラッグしてUITableViewにドロップすると、テーブルヘッダーと見なされ、最初のセクションは名と姓のフィールドを持つ写真のように設計されます。

私はこれを私の多くのプロジェクトで行ってきたので、この方法であなたもこのことを行うことができ、助けが必要かどうか私に尋ねてください。

Answer 2

あなたが与えた例が実際に最初の最後の部分をテーブルビューに埋め込んでいることは明らかではありません。行のように見える境界線のあるビューが埋め込まれた単一のセルである可能性もあります。あなたが与えた見解を達成するために私が見るいくつかの方法があります。

1. それらを実際の行にしますが、「最初」と「最後」のラベルをさらに右にオフセットするカスタム セル レイアウトを使用します。次に、UITableView セルの上にあるプロファイルの UIImageView を作成しますが、その中にあります。基本的に、UITableView の最初のサブビューとして挿入します。上の 2 つのセルの左上をカバーする必要があります。これらのセルには静的な既知の高さがあり、左オフセットを設定しているため、これを行うことができます。別のオプションは、それを一番上のセルに挿入するだけですが、境界をオーバーフローさせ、clipsToBounds = NO に設定することです。

2. トップ ビュー全体を、CALayers または CoreGraphics を使用して手動で線とレイアウトを描画し、テーブル ビューの一部のように見えるカスタム UIView にします。それを TableView ヘッダー、または最初のセクション ヘッダーとして設定します。

フレームレイアウトの変更など、できることは他にもたくさんあります。