第3章第18节：使用ScrollView在限定的区域显示超长的内容 [SwiftUI快速入门到实战]

最新推荐文章于 2024-05-22 11:34:03 发布
最新推荐文章于 2024-05-22 11:34:03 发布
阅读量253 收藏
点赞数
分类专栏： SwiftUI快速入门到实战 文章标签： swift swiftui swiftui教程 ios开发
本文为互动教程网原创文章，欢迎转载但请注明来源。
本文链接：https://blog.csdn.net/fzhlee/article/details/120105269
版权

  1. 本节课演示ScrollView的使用，滚动视图的功能和UIScrollView类似，主要用于在限定的区域显示超长的内容。
    SwiftUI快速入门到实战

  2. 添加一个滚动视图，第一个参数的值表示滚动方向为垂直方向，第二个参数的值表示不在滚动视图的右侧显示滚动条。
    SwiftUI快速入门到实战

  3. 添加一个VStack视图，作为子视图的容器。
    SwiftUI快速入门到实战

  4. 现在使用ScrollView设计一篇图文并茂的文章，首先添加一个文本视图，作为文章的标题。
    SwiftUI快速入门到实战

  5. 接着添加一个文本视图，作为文章的主体内容。
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JQtU4row-1630758703357)(http://www.hdjc8.com/screens/swiftui/menu3lesson18_5.png)]

  6. 取消文本视图的行数的限制，并设置它的宽度为300，高度为

了解本专栏 订阅专栏 解锁全文 超级会员免费看
李发展
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
SwiftUI ScrollView技巧大全之 监控ScrollView滚动显示内容并获取位置实现SnapTo对齐 （教程含源码）
iCloudEnd的博客
03-25 2044
实战需求 监控ScrollView滚动显示内容并获取位置实现SnapTo对齐。 本示例旨在研究如何构建一个可以跟踪其内容位置并在大小为N的固定间隔或窗口上“吸附”内容的ScrollView。如果我们有100个项目要滚动，窗口大小为5，我们希望一次看到5个项目，其中前导项目是i % N = 1。 本文价值与收获 看完本文后，您将能够作出下面的界面 实战代码 import SwiftUI import Combine class ContentViewModel : ObservableObject {
SwiftUI之判断ScrollView是否滑动到底部及ChildSizeReader的使用文章示例代码
09-13
SwiftUI之判断ScrollView是否滑动到底部及ChildSizeReader的使用文章中所使用的示例代码。
android scrollview 设置高度,Android创建显示区高度可以调整的ScrollView
weixin_34710938的博客
05-26 2111
导言：我们在用到ScrollView时，有时候需要它的显示区高度可以调整，比如一段话放到ScrollView中，当这段话只有一行时，我们设置ScrollView的高度为20；有两行时，我们设置ScrollView的高度为40；有三行或更多行时，设置ScrollView的高度为60(超过三行后，自动出滚动条)方法：将ScrollView放到一个LinearLayout中，将ScrollView的高度...
IOS的ScrollView使用方法（教你超出部分怎么玩）
jsjysxw的博客
12-01 4846
scrollview在storyboard中的使用方法 1.先确定scrollview在手机屏幕上显示的大小，也就是位置（上左右的边距）和高度 2.放入要在scrollview中显示的子view，这第一个子view非常重要，需要确定上下左右位置和宽高 设置宽高和左上是为子view设置的，然而多设置的下右其实是为scrollview的contentView设置的，这样就能知道滑动的高度和宽度
ScrollView好用技巧
海洋顶端
03-11 478
原文(需要翻墙) 译文：ScrollView 是 Android 中最常用的控件之一，也是最容易用的控件之一。当内容屏幕放不下的时候，把它放到 ScrollView 中就完事。你甚至不会出错，因为 ScrollView 一次只接受一个子节点。然而，有一种使用情况稍微有点复杂，除非你仔细阅读了文档。假设你的应用要展现一段文字和几个按钮。文字的长度可变，可能长于屏幕也可能短于屏幕。你想要把文字放到 S
Scrollview的使用
weixin_30471561的博客
09-19 107
使用Scrollview控件可以显示长文字，或者一个屏幕显示不下的一个控件 Activity代码 public class MainActivity extends AppCompatActivity implements View.OnClickListener{ private TextView textView; private ScrollView scrollView; p...
chrome 隐藏地址栏_这 10 个值得开启的隐藏功能，让你的 Chrome 释放更多潜力
weixin_39732640的博客
11-28 1452
上次分享了让 Chrome 浏览器用得更顺手的地址栏命令，跟大家整理和介绍了多个 Chrome 地址栏命令，利用好这些命令工具能够提升浏览器配置效率，让你的 Chrome 浏览器用得更顺手。这次介绍的是 Chrome 内置的实验功能，它被单独放在了一个页面中，很多酷炫好用的实验性功能默认是关闭状态，按需打开这些选项后，网页浏览的速度、体验、安全性等都会有相当不错的提升，下面我收集了 10 个值得开...
第1章第1节： 创建第一个SwiftUI项目 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
08-31 861
1. 欢迎使用本专栏学习SwiftUI，这是苹果最近推出的最直观、最创新的全平台界面搭建技术，并且使用容易编写和阅读的声明式的语法。 2. 要使用SwiftUI技术，首先使用Xcode创建一个SwiftUI项目。保持默认的选项，点击下一步按钮，进入下一个设置页面。 3. 在产品名称输入框里，输入项目的名称。 4. 接着点击此处的下拉箭头，打开用户界面技术列表。 5. 在默认状态下，开发者使用故事板来搭建应用程序的用户界面，这里我们选择SwiftUI选项。 6. 然后打开生命周期管理选项列表。 7. Xc.
FancyScrollView:一个SwiftUI ScrollView，旨在模仿App Store和Apple Music Sc​​rollView（带有或不带有视差标题）
05-06
花式滚动视图 我花了很多时间寻找一种方法来在SwiftUI内的Stock Apple Apps（即App Store和Apple Music）中重新创建ScrollViews的UI。 结果就是这里！ 我称它为FancyScrollView 。 这是ScrollView，具有一些额外的...
SwiftUI ScrollView onPreferenceChange完整代码
11-22
SwiftUI ScrollView onPreferenceChange完整代码。添加一个操作，以在指定的首选项键的值更改时执行。
SwiftUI LazyVStack ScrollView完成代码
11-22
SwiftUI ScrollView和LazyStack正确使用方法。SwiftUI仅为声明该对象的结构的每个实例创建一次该对象的新实例。当可观察对象的已发布属性更改时，SwiftUI将更新依赖于这些属性的任何视图的部分
swiftui:swiftui 指南(手册)
07-23
SwiftUI 指南在线文档阅读文档进度原理篇基础控件文本图片按钮 PullDownButton ItemBasedPopUpButton NavigationButton PresentationButton EditButton PasteButton选择器 Picker DatePicker Toggle Slider Stepper ...
使用Swift开发iOS应用的新手指南
2301_79507619的博客
05-20 550
**下载 Xcode**：Xcode 是苹果的官方集成开发环境（IDE），提供了开发 iOS 应用所需的所有工具和资源。重点关注项目管理、编辑器、模拟器和调试工具。- **基础语法**：了解 Swift 的基本语法，包括变量和常量、数据类型、控制流（if、for、while 等）和函数。- **调试应用**：学习使用 Xcode 的调试工具，如断点、控制台输出和变量检查器，帮助你找出并修复错误。- **运行和测试**：使用 Xcode 内置的 iOS 模拟器运行和测试你的应用，确保它按预期工作。
echarts map地图添加背景图
xiaohuli_hyr的博客
05-14 225
给map地图添加了一个阴影3d的效果，添加一张背景图，给人感觉有3d的效果。在mounted方法里面给地图添加背景图。
Swift使用JSONDecoder处理json数据，实现json序列化和反序列化
最新发布
05-22 1013
Json数据处理是开发中不可获取的一项技能，如果你不会处理json数据，那你离失业就不远了，所以学完了swift基础教程，还是先老老实实学习一下json处理吧，有了这项技能，你才可以继续下一个网络请求阶段的开发，因为网络请求大部分都是依赖json数据传输的。
iOS应用开发的技术难点
super_Dev_OP的博客
05-20 596
iOS应用开发涉及许多技术难点，以下是一些常见的挑战和相关技术难点。这些技术难点需要开发者在实际项目中不断学习和实践，以提高开发效率和应用质量。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。
Xcode给项目安装依赖包或者第三方库，操作教程
05-17 373
Swift Package Manager是一个用于自动分发Swift代码的工具，并集成到Swift编译器中。一旦您设置了Swift包，添加Alamofire作为依赖项就像将其添加到package.Swift的依赖项值或Xcode中的package列表中一样简单。有关使用和安装说明，请访问他们的网站。要使用CocoaPods将Alamofire集成到您的Xcode项目中，请在您的Podfile中指定它。1.使用xcode中包管理工具来安装，好处是不用学习额外的包管理命令，只要点点点即可。
swiftUI ScrollView移动到某个选项位置
06-08
要将ScrollView移动到某个选项位置，可以使用ScrollView的.scrollTo()方法。这个方法接受一个标识符或一个偏移量作为参数，可以将ScrollView滚动到指定位置。 例如，如果你有一个包含多个选项的ScrollView，并且每个选项都有一个唯一的标识符，你可以使用以下代码将ScrollView滚动到指定标识符的位置： ``` ScrollView { VStack { ForEach(items, id: \.self) { item in Text(item) .id(item) } } } .scrollTo("item3") ``` 这将使ScrollView滚动到标识符为“item3”的选项位置。你也可以使用偏移量来滚动到指定位置，例如： ``` ScrollView { VStack { ForEach(items, id: \.self) { item in Text(item) .id(item) } } } .scrollTo(100) ``` 这将使ScrollView滚动到距离顶部100个像素的位置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李发展

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值