如何在iPad中显示集合视图但在iPhone中显示列表?

问题描述:

我有要求显示iPhone中的线性垂直列表中的数据,但在iPad中显示它像收集视图/网格视图。如何在iPad中显示集合视图但在iPhone中显示列表?

在iPhone它应该看起来像

enter image description here

但是在ipad上它应该看起来像

enter image description here

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

  1. 我应该要为iPad创建单独的视图控制器如果是 那我该怎么定义两个视图控制器一个用于iPhone和其他 为iPad

  2. 什么是实现这一目标的最佳途径?

请帮我我想实现它,但找不到任何方法。

映像从Vimeo的iTunes应用程序https://itunes.apple.com/us/app/vimeo/id425194759?mt=8

复制你并不需要创建两个不同的控制器对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

+0

如何使用UICollectionViewFlowLayout将列表设置为Ipad中的网格和iPhone中的线性垂直列表?并且可以向我提供任何示例或教程的链接。 –

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

Adding a compact width variation to view

单击添加变化的勾去掉“安装”。现在只有在设备宽度紧凑时才会安装该视图。你可以通过一个容器视图来完成这个工作,其中嵌入了一个嵌套到UITableViewController。

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

就是这样。

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

这里是一个Demo project创建像你想的布局和行为。所有的动作都在故事板中,视图控制器就是骷髅。