【问题标题】:How to show Collection in iPad but List in iPhone?如何在 iPad 中显示收藏,但在 iPhone 中显示列表?
【发布时间】:2017-07-07 20:35:13
【问题描述】:

我需要在 iPhone 的线性垂直列表中显示数据,并且 在 IPAD 中的集合/网格中

在 iPhone 中应该是这样的

但在 Ipad 中,它应该是这样的

我已经通过表格视图在 iPhone 中实现,但不知道如何在 IPAD 中将其显示为网格视图

这是我的问题

  1. 如果是,我是否必须为 Ipad 创建单独的视图控制器 那么我如何定义两个视图控制器一个用于 iPhone 和另一个 iPad 版

  2. 实现这一目标的最佳方法是什么?

请帮助我,我正在尝试实现它,但找不到任何方法。

(注)图片从 Vimeo iTunes 应用程序https://itunes.apple.com/us/app/vimeo/id425194759?mt=8复制而来

【问题讨论】:

    标签: ios objective-c iphone swift ipad


    【解决方案1】:

    您不需要为IPADIPHONE 创建两个不同的控制器。只需使用UICollectionView 创建一个控制器,然后使用UICollectionViewFlowLayout 为您的UICollectionView 设置UICollectionView 的布局,根据设备天气是IPADIPHONE 如果您有任何疑问请尝试此解决方案我们知道。

    试试这个解决方案

    UICollectionViewFlowLayout *collectionViewFlowLayout = [[UICollectionViewFlowLayout alloc] init];
    [collectionViewFlowLayout setScrollDirection:UICollectionViewScrollDirectionHorizontal];
    self.myCollectionView.collectionViewLayout = collectionViewFlowLayout;
    

    您还可以使用UICollectionViewFlowLayout 的多个属性。

    检查此解决方案,让我知道它是否适合您。

    查看这些链接以供参考:

    1. https://www.raywenderlich.com/136159/uicollectionview-tutorial-getting-started

    2. https://www.raywenderlich.com/107439/uicollectionview-custom-layout-tutorial-pinterest

    【讨论】:

    • 如何使用 UICollectionViewFlowLayout 将列表设置为 Ipad 中的网格和 iPhone 中的线性垂直列表?你能给我提供任何示例或教程的链接吗?
    【解决方案2】:

    做到这一点的方法是在故事板中使用自适应布局和大小类。您根本不需要编写任何代码,您还可以使用多任务/分屏和未来未知尺寸的 iOS 设备。您可以根据天气使任何视图出现或消失,宽度是紧凑的(如 iPhone)或常规的(如 iPad)。在视图检查器中,您可以像这样添加紧凑宽度的变体:

    Adding a compact width variation to view

    点击添加变体并取消勾选“已安装”。现在只有当设备具有紧凑宽度时才会安装该视图。您可以使用带有嵌入到 UITableViewController 的 segue 的容器视图来执行此操作。

    如果您将故事板视为 iPad(通过单击底部显示“查看为”的小图标),该视图将消失。替换为与 UICollectionViewController 保持一致的另一个容器视图并再次执行相同操作,但这次添加一个具有常规宽度的变体。

    就是这样。

    (对不起,我没有足够的积分来显示图片)

    这是一个Demo project,它可以创建您想要的布局和行为。所有的动作都在故事板中,视图控制器只是骨架。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-14
      • 1970-01-01
      • 1970-01-01
      • 2016-04-03
      • 1970-01-01
      相关资源
      最近更新 更多