SwiftUI—创建两层嵌套的滚动视图

简介: SwiftUI—创建两层嵌套的滚动视图

本节课将创建一个两层嵌套的滚动视图,处于外层的滚动视图允许垂直滚动,而处于内层的滚动视图,只允许水平滚动。


示例代码:


struct ContentView : View {
    var body: some View {
        ScrollView(.vertical, showsIndicators: false) {
            VStack(alignment: HorizontalAlignment.leading, spacing: 20){
                Text("Overview")
                .font(.system(size: 48))
                .padding(10)
                Text("With the power of Xcode, the ease of Swift, and the revolutionary features of cutting-edge Apple technologies, you have the freedom to create your most innovative apps ever.\nSwiftUI provides views, controls, and layout structures for declaring your app's user interface. The framework provides event handlers for delivering taps, gestures, and other types of input to your app, and tools to manage the flow of data from your app's models down to the views and controls that users will see and interact with.")
                .lineLimit(nil)
                .frame(width: 300, height: 350, alignment: .topLeading)
                .padding(10)
                ScrollView(.horizontal, showsIndicators: true) {
                    HStack(alignment:.center, spacing: 20){
                        Image("iPhone")
                            .resizable()
                            .frame(width: 189, height: 350, alignment: .center)
                        Image("iPhoneSerial")
                            .resizable()
                            .frame(width: 518, height: 350, alignment: .center)
                        Image("iPhone")
                            .resizable()
                            .frame(width: 189, height: 350, alignment: .center)
                    }
                }
                .background(Color.orange)
                .padding(10)
            }
        }
        .background(Color.orange)
        .padding(10)
        .navigationBarTitle(Text("ScrollView"))
    }
}


2466108-ee2bd3bd04befb50.webp.jpg


目录
相关文章
SwiftUI—使用section将列表分为几个组
SwiftUI—使用section将列表分为几个组
1100 0
SwiftUI—使用section将列表分为几个组
|
2月前
|
弹性计算 搜索推荐 应用服务中间件
最新版:阿里云服务器收费价格表一年、1个月和1小时费用标准清单
2025年阿里云服务器最新优惠价格表出炉!轻量应用服务器低至38元/年起,ECS云服务器2核2G仅99元/年,4核16G 89元/月,8核32G 160元/月,香港轻量服务器25元/月起,带宽高达200M,不限流量,新老用户同享,续费同价,限时秒杀,性价比极高。
|
存储 iOS开发
SwiftUI极简教程17:Gestures手势的使用
SwiftUI极简教程17:Gestures手势的使用
1363 0
SwiftUI极简教程17:Gestures手势的使用
|
存储 Swift
大师学SwiftUI第18章Part3 - 自定义视频播放器
录制和播放视频对用户来说和拍照、显示图片一样重要。和图片一样,Apple框架中内置了播放视频和创建自定义播放器的工具。
705 0
|
存储 API Android开发
kotlin开发安卓app,使用webivew 触发 onShowFileChooser, 但只能触发一次,第二次无法触发,是怎么回事。 如何解决
在Android WebView开发中,`onShowFileChooser`方法用于开启文件选择。当用户只能选择一次文件可能是因为未正确处理选择回调。解决此问题需确保:1) 实现`WebChromeClient`并覆写`onShowFileChooser`;2) 用户选择文件后调用`ValueCallback.onReceiveValue`传递URI;3) 传递结果后将`ValueCallback`设为`null`以允许再次选择。下面是一个Kotlin示例,展示如何处理文件选择和结果回调。别忘了在Android 6.0+动态请求存储权限,以及在Android 10+处理分区存储。
|
Swift iOS开发 开发者
iOS应用开发:SwiftUI高级技巧
【7月更文挑战第21天】SwiftUI以其声明式语法、跨平台一致性、强大的动画和状态管理特性,为iOS应用开发带来了革命性的变化。通过掌握SwiftUI的高级技巧,开发者可以构建出更加高效、美观和流畅的应用。希望本文能够帮助你更好地理解和应用SwiftUI,从而在iOS应用开发的道路上走得更远。
|
图形学
不断涌出的爱意,使用SwiftUI搭建一个爱心粒子动画~
不断涌出的爱意,使用SwiftUI搭建一个爱心粒子动画~
406 0
|
Swift iOS开发
iOS 13 之后自定义 Window 不显示解决 (SceneDelegate)
iOS 13 之后自定义 Window 不显示解决 (SceneDelegate)
622 0
|
人工智能 前端开发 安全
免费的才是最贵的:阿里AntD圣诞节“踩蛋”事件
Ant Design 是由蚂蚁金服开源的一款前端设计框架。使用开源框架的好处就是我们之前提过的“避免重复造轮子”,可以很轻松地搭建出美观易用的网页/移动页面。比如按钮,它会给你很多预设好的按钮样式选择,拿来就用,无需你自己去费时间设计和实现。
|
Swift
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
1141 0
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条

热门文章

最新文章