ios - Swift Collection 视图水平和垂直滚动
问题描述
我想制作可以水平和垂直滚动的收藏视图....但我想做这样的事情
https://giphy.com/gifs/lWshqs2BuvilYuE4Fl/html5
从我看到的情况来看,集合视图和集合视图顶部的一些分段控件......我的意思是我唯一的问题是如何从屏幕上的任何位置水平滚动?
就像我不必从那个顶部分段控件滚动一样,我也可以从那个集合视图中滑动它
知道怎么做吗?因为我真的不知道我是否正确......
谢谢
*编辑,我不能使用库,所以我想我需要一些真正手动完成的东西,而对于水平滚动,我需要一个动态数据,我不知道分页控制器可以使用动态数据,因为只要我知道它的静态数据.
解决方案
取一个视图控制器
添加一个 view2 给它顶部约束和高度到 44
添加滚动视图并给出适当的约束(以编程方式或使用故事板选择是您的)
添加凭证、订阅、任务 3 个按钮。
为凭证、订阅、任务创建 3 个不同的 ViewController。
在滚动视图中添加 3 个视图控制器
// define this variable globally
var previousPageXOffset: CGFloat = 0.0
var pagenumber = 0
// add this in viewdidload
let aViewController = self.storyboard!.instantiateViewController(withIdentifier: "voucher") as! voucher
let bViewController = self.storyboard!.instantiateViewController(withIdentifier: "subscription") as! subscription
let cViewController = self.storyboard!.instantiateViewController(withIdentifier: "misson") as! misson
let bounds = UIScreen.main.bounds
let width = bounds.size.width
let height = CGFloat(1.0)
let viewControllers = [aViewController, bViewController, cViewController]
self.scrollview!.contentSize = CGSize(width: CGFloat(self.totalscreen)*width, height: height)
var idx:Int = 0
for viewController in viewControllers {
self.addChild(viewController)
let originX:CGFloat = CGFloat(idx) * width
viewController.view.frame = CGRect(x: originX, y: 0, width: self.scrollview.frame.width, height: self.scrollview.frame.height)
self.scrollview!.addSubview(viewController.view)
print("change")
viewController.didMove(toParent: self)
idx+=1
}
// delegate for scrollview
extension yourVC: UIScrollViewDelegate{
func scrollViewDidEndScrollingAnimation(_ scrollView: UIScrollView) {
previousPageXOffset = scrollView.contentOffset.x
}
func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
let targetOffset = targetContentOffset.pointee
if targetOffset.x == previousPageXOffset {
// page will not change
} else if targetOffset.x < previousPageXOffset {
print("left")
pagenumber = pagenumber - 1
} else if targetOffset.x > previousPageXOffset {
print("ryt")
pagenumber = pagenumber + 1
}
if pagenumber <= 0 {
//set buttons colors or bottom line in your case if first page is selected
}else if pagenumber == 1{
//set buttons colors or bottom line in your case if second page is selected
}else{
//set buttons colors or bottom line in your case if third page is selected
}
print(pagenumber)
previousPageXOffset = targetOffset.x
print(previousPageXOffset)
}
}
- 空间按钮的功能(前 3 个按钮)单击
func scrollToPage(page: Int, animated: Bool) {
var frame: CGRect = self.scrollview.frame
frame.origin.x = frame.size.width * CGFloat(page)
frame.origin.y = 0
self.scrollview.scrollRectToVisible(frame, animated: animated)
}
我希望它对你有用:)
推荐阅读
- ruby-on-rails - 如何在 ActiveMailer 中将 base64 图像作为内联附件添加到邮件中?
- python - Heroku 迁移原因:(staticfiles.E001) STATICFILES_DIRS 设置不是元组或列表
- curl - 使用 Twurl 获取一组地理定位的屏幕名称
- x86 - 流水线中的软件中断会发生什么?
- c++ - 如何在 QCollator 不可用的 Qt 4.6.2 中对 QStringList 进行数字排序
- jquery - $.post 对 jax-rs 的调用未接收到 JSON 数据
- c - 这段代码有什么问题或有什么问题(Uri 1049 问题)?
- multithreading - 无法让 PyQt5Designer 液晶盒接收显示信号并更新显示
- ms-access - iif 语句可以产生另一个字段的值吗?
- html - 停止 ng-show 向文本字符串添加空格