2016-12-30 107 views
0

我是IOS应用程序开发的新手。现在每天,我都想制作一张如下图所示的屏幕。
如何制作它?
我想使用UICollectionView,但我不知道如何定制它? Look like calendar imageUICollectionView自定义单元格,并使水平滚动

+1

这个问题非常广泛。也许可以在线查找“UICollectionView”或“UIScrollView”教程,并通过第一个工作,然后返回具体的重点问题。 – par

+0

@par我可以做一个简单的UICollectionView和UIScrollView。但我不知道如何按照我的预期定制单元格。请帮我 – Tama

+0

@Tamachan在这里检查自定义collectionviewcell ..http://stackoverflow.com/a/40635137/4003548。 – vaibhav

回答

0

以下步骤: - 从故事板

  1. 选择集合视图(如果使用)。
  2. 比转到属性检查器。
  3. 然后将滚动方向垂直设置为水平。 (垂直为默认值)
+0

谢谢你的回答。我想要显示为一列的自定义单元格。细胞高度等于高度。 – Tama

-1

创建可可触摸文件。 步骤1 enter image description here 第2步 enter image description here 现在您将创建两个文件。 enter image description here 使用xib设计您的UI和CollectionViewCell类来连接xib的插座。 现在在主视图控制器中确认UIcollectionViewDelegate和UIcollectionViewDataSource注册标识符的xib。

collectionView.register(UINib(nibName: "CollectionViewCell", bundle: Bundle.main), forCellWithReuseIdentifier: "yourIdentifier") 

您可以使用此yourIdentifer为ItemForRowAtIndexPath中的集合视图取消对象项目。

现在更改滚动方向属性。以下是图像,你可以参考

enter image description here

或者编程您可以通过下面的代码改变它。

if let layout = self.yourCollectionView.collectionViewLayout as? UICollectionViewFlowLayout { 
    layout.scrollDirection = .horizontal 
} 
+0

Op正在请求自定义UiCollectionViewCell的答案 –

0

我能做到这一点命名现在下面的解决方法

class ViewController: UIViewController, UICollectionViewDelegateFlowLayout{ 

    ... 

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
     return CGSize(width: 40.0, height: 500.0) 

    } 
} 
1

您已经实现的方法:“sizeForItemAt”,它是用来设置您的收藏视图的每一个细胞的大小。由于收集视图的双向滚动属性,您的条件得到满足。如果您更改单元格的大小,则这可能对您的用户界面来说是最糟糕的。

0

您可以在看到集合视图的内容偏移量和内容大小的教程后执行此操作。这两个参数帮助您检查重叠单元格。 用绿色视图的x原点检查每个单元格的内容偏移量。

相关问题