我可以知道这个最好的 UI/UX 方法是什么吗？答案

【问题标题】：May I know what are the best UI/UX approach for this one?我可以知道这个最好的 UI/UX 方法是什么吗？
【发布时间】：2018-06-02 16:49:11
【问题描述】：

这里我必须在tableView中显示所有数据，但其他细节不适合设备的大小。

正如您所看到的，除了“项目详细信息”之外，这些信息都是可读的。但是客户对我说“项目详细信息”可能比设备屏幕长（iPhone o iPad || 横向或纵向）。

如果项目详细信息的字符串比设备屏幕长，那么显示这些信息的最佳方法是什么？

【问题讨论】：

我认为您的问题需要更详细一点。我不清楚详细部分的对象是什么？
嗨，我编辑了我的问题。
谢谢。我给出了答案。请检查并告诉我。
如果您的设计要求没问题，您可以根据项目详细信息标签的文本让单元格高度动态变化。看看这个：stackoverflow.com/questions/36574052/…
嗨 Ahmad F，你能把它作为答案发布吗？我会把它改成正确的，尽管其他人给我暗示我也欠他们一个，但这解释了我所需要的一切。谢谢

标签： ios swift uitableview user-interface user-experience

【解决方案1】：

我认为最合适的解决方案是设置UILabel 的numberOfLines 属性。

并且不要忘记将单元格的高度设置为UITableViewAutomaticDimension 以影响单元格的不同高度。

【讨论】：

【解决方案2】：

让tableview UI 保持不变。您只需将标签设置为多行即可使整个工作正常。

    chatDetailTableView.rowHeight = UITableViewAutomaticDimension
    chatDetailTableView.estimatedRowHeight = 140

之后，从情节提要中选择单元格中的标签。在 Attributes Inspector 部分中，只需将 Lines 属性设置为值 0。

这应该可行。如果没有，请原谅我，但如果我能找到其他解决方法，请告诉我。

【讨论】：

【解决方案3】：

如果字段太长，如何拆分字段以使其显示为两行或多行？

或者，如果您知道所有这些字段的最大长度，您可以设置一个固定的行高，以便它们始终有空间显示所有数据。

我认为这两种可能的解决方案比例如使行水平滚动要好得多，因为它们对于无需执行任何操作即可查看所有数据的用户来说更容易理解。

有时更简单的解决方案是最好的。

【讨论】：

【解决方案4】：

使用 Bootstrap 负责表可能是一个简单的解决方案。它非常简单且实用性得到证明。

隐藏溢出的信息并将其显示在工具提示上也可以，但这取决于它们是否应该被点击。

为了获得最佳 UI 实践，我不建议在同一行使用标签及其值，而是将其分成两部分。它既更易于用户理解/阅读，也可以帮助您缩小水平滚动条。

【讨论】：

这不是Web开发的问题。