2017-12-20 13 views
0

enter image description hereこれには最高のUI/UXアプローチは何か分かりますか?

すべてのデータをテーブルビューに表示する必要がありますが、他の詳細はデバイスのサイズには適していません。

「プロジェクトの詳細」以外にも分かるように、これらの情報は読み取り可能です。しかし、クライアントは私には、 "プロジェクトの詳細"は、デバイスの画面(iPhone oのiPad ||風景や肖像画)より長くなる可能性があります。プロジェクトの詳細文字列は、デバイスの画面よりも長い場合に、それらの情報を表示するための最良の方法だろう何

enter image description here

+0

あなたの質問はもう少し精巧でなければならないと思います。私は、詳細な部分のオブジェクトが何であるかをはっきりと理解していないのですか? –

+0

こんにちは、私は私の質問を編集しました。 –

+0

ありがとうございます。私は答えを出した。確認してお知らせください。 –

答えて

0

長すぎると複数の行に表示されるようにフィールドを分割するとどうなりますか?

これらのフィールドの最大長を知っている場合は、すべてのデータを表示するためのスペースが常に存在するように、固定行の高さを設定することもできます。

これらの2つの可能な解決策は、たとえば、すべてのデータを表示するために何もする必要のないユーザーにとってわかりやすいため、行を水平スクロール可能にするよりも優れていると思います。

場合によっては、より簡単なソリューションが最適な場合もあります。

1

私は最も適切な解決策はnumberOfLinesプロパティをUILabelに設定することです。

セルの高さを変えるには、セルの高さをUITableViewAutomaticDimensionに設定することを忘れないでください。

1

テーブルビューのUIを同じにすることができます。すべてのことを機能させるには、ラベルを複数行にする作業が必要です。

chatDetailTableView.rowHeight = UITableViewAutomaticDimension 
    chatDetailTableView.estimatedRowHeight = 140 

その後、ストーリーボードからセル内のラベルを選択するだけです。アトリビュートインスペクタのセクションでは、Lines属性を0に設定してください。

これは機能するはずです。 もしそうでなければ私を許してください。私は別の仕事を見つけることができたら教えてください。

-1

ブートストラップの責任テーブルを使用することは、このための簡単な解決策です。それは非常にシンプルで使い勝手の良いものです。

オーバーフローした情報を隠してツールチップに表示することもできますが、クリックするかどうかによって異なります。

最高のUIプラクティスのために、ラベルとその値を同じ行に使用することはお勧めしませんが、むしろ2つに分割してください。これは、ユーザーにとって理解しやすく、読みやすいため、水平スクロールを小さくするのに役立ちます。

+1

これはWeb開発に関する質問ではありません。 – Moritz

関連する問題