swift UI特殊培训38 与滚动码ScrollView
UI swift 培训 滚动 特殊 38 ScrollView
2023-09-14 09:08:08 时间
有时我们适合页面的全部内容,我们需要使用ScrollView,额外的内容打通滚动。
什么样的宽度和高度首先,定义,健身器材轻松。
let pageWidth = 320 let pageHeight = 800
然后在viewDidLoad中初始化一个scrollView:
var scrollView = UIScrollView() scrollView.frame = self.view.bounds scrollView.contentSize=CGSizeMake(CGFloat(pageWidth), CGFloat(pageHeight)) scrollView.pagingEnabled = true scrollView.showsHorizontalScrollIndicator = true scrollView.showsVerticalScrollIndicator = true scrollView.scrollsToTop = true
要想实现滚屏,pagingEnabled必须设为true。
剩下的属性相应于是否显示水平滚动栏、竖直滚动栏和返回顶部的button。我们先把它设为true看看效果。别忘了把这个scrollView显示到页面中:
self.view.addSubview(scrollView)
然后我们把须要的内容加到这个scrollView中,比如添加一个标题:
var label1 = UILabel(frame: CGRectMake(50, 70, 240, 30)) label1.text = "记忆中的上汤娃娃菜" label1.textColor = UIColor.orangeColor() label1.font = UIFont.systemFontOfSize(23) scrollView.addSubview(label1)
执行一下看看效果
由于我们把scrollView的尺寸设定为高800,超出屏幕的高度,我们向下拖动。注意右側出现的滚动栏:
再继续添加内容的需要就可以了。
版权声明:本文博客原创文章。博客,未经同意,不得转载。
相关文章
- vue vue-element-ui组件 layout布局系列学习(一)[通俗易懂]
- Android UI布局优化之ViewStub[通俗易懂]
- 2022新UI美观发卡网源码下载+功能强大且齐全
- UE4/UE5 UI的绘制与优化——PPT和工程分享
- 【Rust日报】2023-02-06 Rust UI 愿景以及 Masonry 0.1 发布
- Sketch for mac(矢量绘图UI设计)
- 关于 SAP UI5 接口 sap.ui.core.IAsyncContentCreation 的问题讨论
- 【鸿蒙 HarmonyOS】UI 组件 ( Text 组件 )
- 【Android UI】Canvas 画布 ⑥ ( Canvas 绘图源码分析 | ViewRootImpl#draw 方法源码 | ViewRootImpl#drawSoftware 方法源码 )
- 快速学习Swift操作Redis(swift操作redis)
- 用jQuery扩展自写的UI导航
- 提升Android应用视觉吸引效果的10个UI设计技巧
- android使用handlerui线程和子线程通讯更新ui示例