首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Swift:使用编程大小的UIViews制作垂直滚动提要

Swift是一种流行的编程语言,用于开发iOS、macOS、watchOS和tvOS应用程序。它是一种安全、高效、易于学习和使用的语言,具有现代化的语法和丰富的功能。

垂直滚动提要是一种常见的用户界面设计模式,用于在有限的空间内显示大量内容。通过使用编程大小的UIViews,可以实现垂直滚动提要的效果。

在Swift中,可以使用UIScrollView来创建垂直滚动提要。UIScrollView是一个可滚动的视图容器,可以在其中放置多个子视图。以下是创建垂直滚动提要的步骤:

  1. 创建UIScrollView对象,并设置其frame以及contentSize属性。frame定义了UIScrollView在父视图中的位置和大小,而contentSize定义了UIScrollView可滚动的内容大小。
代码语言:txt
复制
let scrollView = UIScrollView(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: view.frame.height))
scrollView.contentSize = CGSize(width: view.frame.width, height: 1000)
  1. 创建并添加多个垂直排列的UIView子视图到UIScrollView中。可以使用UIStackView来方便地管理和布局这些子视图。
代码语言:txt
复制
let stackView = UIStackView()
stackView.axis = .vertical
stackView.spacing = 10

for i in 0..<10 {
    let subview = UIView()
    subview.backgroundColor = UIColor.random // 设置子视图的背景颜色,这里使用了一个自定义的UIColor扩展方法
    subview.heightAnchor.constraint(equalToConstant: 200).isActive = true // 设置子视图的高度
    stackView.addArrangedSubview(subview)
}

scrollView.addSubview(stackView)
stackView.translatesAutoresizingMaskIntoConstraints = false
stackView.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor).isActive = true
stackView.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor).isActive = true
stackView.topAnchor.constraint(equalTo: scrollView.topAnchor).isActive = true
stackView.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor).isActive = true
  1. 将UIScrollView添加到父视图中。
代码语言:txt
复制
view.addSubview(scrollView)

通过以上步骤,就可以使用编程大小的UIViews制作垂直滚动提要。这种设计模式常用于展示新闻、文章、商品列表等需要大量内容的场景。

腾讯云提供了一系列与移动开发相关的产品和服务,可以帮助开发者构建高效、安全的移动应用。以下是一些推荐的腾讯云产品和产品介绍链接地址:

  1. 云服务器(CVM):提供可扩展的云服务器实例,用于托管移动应用的后端服务。产品介绍链接
  2. 云数据库MySQL版(CDB):提供高可用、可扩展的MySQL数据库服务,用于存储移动应用的数据。产品介绍链接
  3. 云存储(COS):提供安全、可靠的对象存储服务,用于存储移动应用的文件、图片等资源。产品介绍链接
  4. 人工智能机器翻译(TMT):提供高质量的机器翻译服务,可用于移动应用的多语言支持。产品介绍链接

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据项目需求和实际情况进行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

让你 App 更吸引人 5 个 iOS 库

它非常易于使用-只需下载 TKSwitcherCollection 并将其拖放到项目中,就可以了! 目前,有四种不同开关可用: • TKSimpleSwitch:可在 iOS 上使用传统开关。...CocoaTextField CocoaTextField 是一个高度可定制小型文本字段库,可以以编程方式和 storyboards 一起使用。...EXPANDING COLLECTION EXPANDING COLLECTION 是 Swift 制作库,用于创建动画材质设计 UI 卡 peek/pop 控制器。...AnimatedCollectionViewLayout 在项目之间滚动时,UICollectionView没有默认过渡效果动画。...该库可用于每个 UICollectionView,水平和垂直具有动态单元格高度。 在可配置项目中,可以配置倾斜大小,倾斜方向,倾斜角度,滚动方向,行距,项目大小以及排除第一个或最后一个单元倾斜。

70630

AsyncDisplayKit 2.0 教程:入门「译」

免责声明:ASDK不兼容 Interface Builder和AutoLayout,因此,您将不会在本教程中使用它们,虽然ASDK完全支持Swift(除了ComponentKit),许多开发者仍在使用...免费App排行榜前100大多数都没有使用Swift(至少6个使用ASDK)。出于这些原因,本系列将重点介绍 Objective-C。话虽这么说,我们已经包括了一个Swift版本实例项目。...node-view-layer-480x161.png 幸运是,用于处理 Node API 对于任何使用 UIViews 或者 CALayers 的人来说应该异常熟悉。...通常,该范围前侧大于后侧。当用户改变其滚动方向时,范围大小也是相反,以便于对应用户实际移动方向。 Node接口状态回调 你可能会疑惑:这些 Ranges 是如何正确工作?...现在,就可以在用户垂直和水平滑动下,充分发挥二维预加载功能! 要查看这个 AsyncDisplayKit 2.0 教程完整项目,点击这里进行下载。如果你想查看swift版本,这里也有。

2.2K20
  • iOS开发常用之网络

    KDCircularProgress - KDCircularProgress是使用swift制作色彩炫丽进度条,可以加入多种颜色来控制进度条渐变效果。...SwiftSpinner - SwiftSpinner是使用swift制作一款精致带感指示器,并且连接有字体信息显示,模糊背景,半透明,扁平化等IOS8效果。...VJDeviceSpecificMedia - 如何根据设备选择不同尺寸图片 可以通过设置不同尺寸设备LaunchImage,来使用App适配这些设备,要在不同尺寸设备上使用不同大小图片,则需要在代码中一一判断...更赞是额外附了详细开发教程如何在Swift制作Tinder-Like Koloda动画网页链接 .Yalantis出品动画程序款款精品。...CardAnimation.swift - CardAnimation是国人开发一个用Swift实现卡片垂直翻转动画Demo,实现思路。

    23.6K10

    如何使用 Swift 开发 iOS PDF 查看器或编辑器

    ComPDFKit PDF SDK 在 Swift制作 iOS PDF 阅读器。...PDFViewer - 一个集成了以上所有功能多功能 PDF 程序。PDFViewer-Swift - 一个集成了以上所有功能 Swift 语言多功能 iOS PDF 程序。...选择并输入您要发布应用程序Apple开发者帐户。输入您组织标识符名称 (com.example.pdfviewer)。为界面选择情节提要。选择编程语言“Swift”。单击“下一步”按钮。...如果无法显示PDF内容,请检查创建NSURL和对象是否为空,或者创建CPDFView大小是否为零。它们不应该是空。如果文件路径中有特殊字符,你 NSURL 将为 nil。...如果创建大小 CPDFView 为零,请按照下面的代码调整View大小

    12700

    零基础入门 23: UGUI ScrollView

    之前在讲解ScrollBar这个滚动时候,这个图就曾经使用过,也讲解过,ScrollBar滚动条通常会配合滚动视图ScrollView进行使用滚动视图,顾名思义,实际就是可以滚动UI视图。...那么如何在Unity里制作一个ScrollView呢?有如下两种方式。 今天会使用这俩种方式来为大家制作一个滚动视图。...【方式二】 现在Unity版本中有一个现成UGUI控制,官方提供创建完整滚动视图。使用起来相对成本较低,降低了自己制作难度。 ?...因为我准备为大家制作一个垂直滚动视图作为示例,所以这里我增加了一个垂直布局组件。 ?...下一步,我修改滚动视图到合适大小,调试大小时候大家可以把mask标记打开,方便调整,然后调试好了以后再关闭。 ? 然后我们来修改一下滚动视图内容父节点大小

    3.1K20

    12岁学习编程,17岁香港高中生成苹果WWDC2020 Swift开发者挑战赛赢家!

    Swift学生挑战赛,要求参赛者年满13岁(不满13岁,请法定监护人发送电子邮件申请参加)。可以使用Swift playgrounds或者Xcode中模版做进一步创新。...比如加上图像、音频等内容,完成自己作品。 该项比赛必须是单人参赛,不接受小组,但是可以包含第三方开源代码,或者有公开版权图像声音,但前提要解释为何使用第三方资源,并提供开源证明。...Alan Zhang获奖作品截图 Swift Playgrounds:游戏化编程 苹果一直以来非常重视少儿编程教育项目。...这就是苹果所说「游戏化编程gamified coding」,把编程学习变成了一种游戏体验。 Swift Playgrounds是苹果创建用于Swift开发环境。...他项目是「6 Feet Between(六尺之间)」,全部用SwiftUI制作,没有用任何game kit。

    77110

    Ask Apple 2022 与 SwiftUI 有关问答(下)

    自定义布局Q:我经常想根据列表中最长或最短文字来布置各种小组件。鉴于动态文本大小在应用程序运行时可能会发生变化,衡量给定字体文本大小最佳方法是什么?A:你好!我们新布局协议支持这个功能。...然后,您可以使用垂直或水平堆栈布局来组合它,这样您就不需要自己完成所有的实现工作。Jane 自动根据宽度排版[10] 视频与该问题十分契合。...A:你最好选择是使用 ScrollView 和 ScrollViewReader,并在 onAppear 或新内容进来时滚动到最底部视图。我不建议尝试旋转滚动视图。...A:你可以使用 dismissSearch 环境属性以编程方式取消搜索字段。目前还没有 API 可以程序化地将焦点转至搜索字段。...deprecated 版本是 Swift 框架作者一种沟通方式,即一个 API 不应该在新项目中使用,但在现有项目中继续使用也无妨。

    14.8K30

    一、首页、详情页、文章编辑页制作《iVX低代码无代码个人博客制作

    接着往左侧行添加一个 logo,设置大小和背景色: 再添加一个文本输入框: 接下来还需要左右两行都设置高度为撑开,并且使其垂直居中,否者垂直方向不会对其: 最后再往右侧添加一个图片...,设置其大小圆角即可: 二、内容设置 由于我们页面还需要显示在PC端,那么此时我们还需要添加一个行,命名为主要内容,设置主要内容宽度为60%,这样整个页面才能更好显示在 PC 端,否则内容太宽不利于用户使用...: 导航框内容其实为一个行,其中文本设置内边距即可有了距离,首先添加一个行命名为导航: 接着设置该行高度为包裹,还需要设置裁剪x 横轴,并且隐藏滚动条: 因为当页面缩小后,当前页面若不使用...x方向滚动,那么导航内容将会换行,在此设置了裁剪为 x 轴后则不会,并且隐藏滚动条更加美观。...四、内容区域创建 接着创建一个内容区域,命名为博文内容: 博文内容需要使用裁剪垂直方向,因为内容过多时,可以使整个区域发生拖动效果,并且高度需要设置为撑开: 接着添加一个行,命名为内容,用于存放文章信息

    90720

    Ios常用第三方动画框架(三)

    VJDeviceSpecificMedia -如何根据设备选择不同尺寸图片 可以通过设置不同尺寸设备LaunchImage,来使得App适配这些设备,要是在不同不同尺寸设备上使用不同大小图片,则需要在代码中一一判断...HYBLoopScrollView - HYBLoopScrollView实现自动循环滚动,一般用于展示广告页。微信在贴纸宣传处就使用了轮播。...用于简化实现各种类型旋转木马(分页滚动视图),无限轮播 ,iOS开发之多图片无缝滚动组件封装与使用。 KIPageView - 无限循环PageView,横向TableView,无限轮播。...CardAnimation.swift - CardAnimation 是国人开发一个用 Swift 实现卡片垂直翻转动画 Demo,实现思路。...OC和Swift两个版本来供开发者使用,非常丝滑顺畅效果。

    9.2K30

    WWV 2018年十大必看视频

    可可触摸WWDC 2018新功能 [视频链接] 由Josh Shaffer提出会议开始时强调iOS 12中性能改进 - 包括滚动,内存使用,自动布局和UIKit改进。...Siri Shortcuts可让您轻松地从您应用程序中获取常见操作,并将其提供给Siri。用户可以使用自己口头短语制作快捷方式,也可以在应用或扩展程序中推荐短语。...您还可以输入一些数据来测试预测准确性。如果您对自己制作模型感到满意,请将其导出。最后,将新模型拖到项目中。您可以在Swift和命令行REPL中macOS Mojave上训练模型。...条件一致性扩展或增加了可符合它协议和类型可组合性。 Swift还支持面向对象编程。...在本次专题讨论Swift编程方法讲座中,我们将介绍Dave使用for循环和while循环,然后通过合理使用算法来降低复杂性和代码大小

    2.8K20

    WWDC 2018年十大视频评论

    可可触摸WWDC 2018新功能 [视频链接] 由Josh Shaffer提出会议开始时强调iOS 12中性能改进 - 包括滚动,内存使用,自动布局和UIKit改进。...Siri Shortcuts可让您轻松地从您应用程序中获取常见操作,并将其提供给Siri。用户可以使用自己口头短语制作快捷方式,也可以在应用或扩展程序中推荐短语。...您还可以输入一些数据来测试预测准确性。如果您对自己制作模型感到满意,请将其导出。最后,将新模型拖到项目中。您可以在Swift和命令行REPL中macOS Mojave上训练模型。...条件一致性扩展或增加了可符合它协议和类型可组合性。 Swift还支持面向对象编程。...在本次专题讨论Swift编程方法讲座中,我们将介绍Dave使用for循环和while循环,然后通过合理使用算法来降低复杂性和代码大小

    3.3K20

    5分钟教你制作.9图片

    前情提要 ? .9图片 之前项目中有用到.9图片,因精力有限,一直没有去尝试着弄过。如今因公司发展问题集体裁员,赋闲在家,便抽空简单地了解了一下.9图片使用,作文如下,以做积累。...图片上边界-放大 上边界黑线表示水平方向上,黑线覆盖区域可以拉伸,同理左边界黑线表示垂直方向上黑线覆盖区域可以拉伸;对应而言,右边界和下边界分别表示垂直方向上和水平方向上黑线覆盖区域可以填充内容...图片来自手机QQ 可以从图中看到“嗯,差不多了”所占据区域即填充内容区域,其对应在背景图右边界和下边界区域就是.9图片制作时需要画下黑线,此黑线用作标记图片文本内容填充。...横向适应 按如上操作,亦可完成之前所述效果2实现,即:作为文本输入框背景图片,实现填充内容区域不拉伸,其他区域适应文本内容大小。 ?....9.png实现QQ气泡效果 写在最后 实际开发中,美工裁剪好切图后发给开发者往往是普通图片,如果开发中有使用到.9图片需求,而读者们若对此不熟悉,此文会是很好帮助!感谢阅读!

    3.4K30

    iVX 倒计时制作

    需求:点击开始计时计时,并且开始计时按钮文本编程停止计时文本,点击记录事件可以记录当前时间并显示到下面的记录时间列中。...一、页面制作 首先创建一个相对应用项目,命名为计时器: 接着创建一个页面,设置页面的水平、垂直对齐为居中: 接着创建一个行,用于显示记录内容: 这个行设置宽度不占满 100%,...,设置其文本底部对齐显示: 接着咱们先将初始文本加入其中,并且设置好对应大小: 这些文本宽度都是33%,这样才能占满一行: 接着添加两个对应按钮,具体设置宽高不再赘述:...接着创建一个行,命名为记录区域用于记录记下时间,设置宽度为 300px,还需要注意是,为了使其可以滚动,咱们需要对应为其设置可以y轴裁剪隐藏滚动即可: 接着咱们再到这个行下创建一个循环创建和一个文本...: 因为记录事件肯定是一个数组之类容器,所以肯定需要使用循环创建进行创建。

    1.5K20

    iOS开源界面布局库终于破3000star

    经过几年打磨和多次重构,我iOS开源界面布局库MyLayoutstar数量终于在2018年8月6号破3000了!有图为证: ? MyLayout 还有Swift版本TangramKit: ?...然后又因为懂一点点android相关编程,了解到android中有四大布局体系,而其中用最多就是线性布局。于是想既然如此那我为什么不自己写一个类似android线性布局呢?...UIScrollView或者子类则在线性布局位置调整后是否调整滚动视图contentsize,默认是NO //这个属性适合与整个线性布局作为滚动视图唯一子视图来使用。...默认是NO.如果设置为YES的话则边缘视图边距不起作用了,而且子视图weight也不起作用了。而且不是调整自己大小了 //也就是当垂直方向则所有子视图按顺序排列在中间。...swift版本TangramKit中得到了有效解决。

    1.9K40

    平面检测-搜索真实世界表面

    ARSCNViewDelegate是一种协议,它包含许多方法来帮助跟踪摄像机视图中对象。方法就像程序或例程来实现某些东西。 在编程中,委托是一种设计模式,允许类将其职责委托给另一个对象。...导入套件 一旦创建了新Swift文件ViewController + ARSCNViewDelegate.swift,就会自动导入Foundation框架。它是我们不需要应用程序基础框架。...在ViewController.swift文件中,将其删除。当我们在它时,向下滚动并删除Mark下注释掉代码,这是该协议下一个方法给定示例。Mark帮助我们分离文件中代码段。...因此,使用其范围属性创建一个大小为planeAnchor平面。...首先,网格是立起来,另一个问题是你只能看到飞机一侧网格。这是我们需要解决两个问题。 好吧,还记得在我们第一次拖动飞机作为屏幕时手表场景吗?它默认方向是垂直。嗯,这里也是如此。

    2.9K30

    appinventor开发震动按摩APP

    设计 准备组件 如图界面上,需要两个提示标签,两个按钮,两个滚动条;多媒体上需要一个音效播放器,一个计时器,一个对话框;布局上需要用到水平布局和垂直布局,具体怎么用简洁美观即可。...为两个标签分别设置“震动间隔”和“震动时长”内容,红色字体,滚动条分别设置最大值和最小值,单位是毫秒。 编程 编程逻辑 这个软件不是很复杂,所以编程也很简单。...首先思考下计时器间隔,震动间隔事件和震动时长三者关系。 举个例子:如果我们想每隔1秒震动2秒,那么计时器间隔就是3秒,因为在震动时候计时器也是工作。...所以编程: 当点击“开始震动”按钮时,让计时器工作,发出提示文字,设置计时器间隔时间=“震动间隔”+“震动时长”; 然后当计时器达到间隔时间时,设置振动器时长为滑块位置对应时间,然后让音效播放器发声;...成品APP下载:[震动机.apk]3 说明:此产品诞生原由,主要是削减无聊,界面制作思路,以及震动频率要求都是来自群内基友。

    70720

    Material Design — 网格列表(Grid lists)

    类型 仅图像 单行文本(可带图标) 两行文字(可带图标) 操作 垂直滚动 筛选 替代 Lists Cards ---- 用法 网格列表最适合呈现同类数据,通常为图像,并且针对视觉理解和区分类似数据类型进行了优化...浏览路径 一个grid list由在其内部垂直和水平排列重复cells组成。 Tiles可容纳内容,并可垂直或水平地涵盖一个或多个cells。 ?...如果tiles中文本需要足够突出以区分主要内容片段,请考虑使用不同容器,如lists或cards,可优化文本显示与加快阅读理解。...例如,一个grid list中所有标题可能位于左下角,而另一个网格列表中所有标题可能会放置在左上角。 ? 次要操作与文案位置 ---- 行为 滚动 grid lists通常只能垂直滚动。...拾取并移动(Pick-up-and-move)行为是不鼓励。 Tile筛选和分类 Grid lists中内容可以通过编程方式、日期、文件大小、字母顺序或其他参数进行筛选。

    3.5K120

    Unity基础(24)-UGUI

    若图片未裁切,则使用Tiled模式后,根据图片边框拉伸,图片保持原大小不做变化,只是用自身平铺填充。...UV Rect 可以让图片一部分显示在RawImage组件中 2D使用中(平面UI): 1.Texture用在Raw Image组件上,可以用来制作动画 2.tuxture没有图集概念...3.可以通过UV 调节图片显示偏移,和重复(可以用来制作多格子血条) 3D使用中(即直接拖动此类型图片到3D坐标系统) 1.无论单个,多个,不可以直接拖入3D场景中!!...1024*568,该项设置成4096,unity也只会使用原尺寸大小,改值大小大于等于图片原尺寸,如果小于该纹理质量会有损失 5.Format 格式设置 Compressed 压缩格式,如果纹理没有透明通道...满足开发者需求集合体控件 ScollView 控件下由三个组成部分, Viewport 视图, Scrollbar Horizontal ,水平滚动条, Scrollbar Vertical ,垂直滚动

    4.4K20
    领券