SwiftUI—使用ScrollView在限定的区域显示超长的内容

简介: SwiftUI—使用ScrollView在限定的区域显示超长的内容

本节课演示ScrollView的使用,滚动视图的功能和UIScrollView类似,主要用于在限定的区域显示超长的内容。


示例代码:


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: 240, alignment: .topLeading)
                    .padding(10)
                    Image("iPhone")
                    .resizable()
                    .frame(width: 300, height: 556, alignment: .center)
                }
            }
            .background(Color.orange)
            .padding(10)
            .navigationBarTitle(Text("ScrollView"))
        }
    }


2466108-9687561165edf993.webp.jpg

目录
相关文章
UE虚幻引擎 UTextBlock UMG文本控件超过边界区域以后显示省略号
UE虚幻引擎 UTextBlock UMG文本控件超过边界区域以后显示省略号
268 0
|
容器
文本溢出省略号text-overflow: ellipsis显示无效?这一属性到底该怎么用?
文本溢出省略号text-overflow: ellipsis显示无效?这一属性到底该怎么用?
295 0
|
10月前
[MFC] Edit控件上的数据(可控固定位数)显示
[MFC] Edit控件上的数据(可控固定位数)显示
145 0
如何通过反射来解决AlertDialog标题由于字数过多显示不全的问题
转载前请标明出处:http://blog.csdn.net/sahadev_ 先上一下示例图: 这是默认状态下:这是通过反射后修改的结果: 在解决这个问题之前首先需要了解一下AlertDialog的基本构造,所以先从源码看起: 想要知道为什么显示不全,首先入口处应该是这里: builder.
1490 0
SwiftUI—使用Spacer空格视图撑满布局空间
SwiftUI—使用Spacer空格视图撑满布局空间
918 0
SwiftUI—使用Spacer空格视图撑满布局空间
|
前端开发
web前端学习(二十一)——CSS3分组和嵌套选择器、尺寸属性(height、width)的相关设置
web前端学习(二十一)——CSS3分组和嵌套选择器、尺寸属性(height、width)的相关设置
web前端学习(二十一)——CSS3分组和嵌套选择器、尺寸属性(height、width)的相关设置
减小TabLayout高度而不影响每个tab展示的几种方法
在Support Design库中有一个新的组件TabLayout,配合TabItem实现tab页面的形式。 但是图标和文字组合的tab的默认情况下,TabLayout中的tab太高,占据太多布局。 但是如果直接将TabLayout高度改小,很容易出现图标显示不全的情况,因为图标和字体及两者的间距没有跟着改变。 这时可以从几个方面处理:
364 0
iframe框根据内容自适应高度(100%可用)
iframe框根据内容自适应高度(100%可用)
962 0
|
自然语言处理 前端开发 UED
浅谈移动端过长文本溢出显示省略号的实现方案
本文通过图文并茂的方式,由浅入深地讲述了多种文本过长场景下显示省略号的背景和解决方案。
1195 0
|
C#
[WPF疑难] 如何限定ListView列宽度
原文:[WPF疑难] 如何限定ListView列宽度                             [WPF疑难] 如何限定ListView列宽度                                            周银辉 今天遇到的一个Defect是:应该限定List View中列最小宽度以避免用户将列宽度拖拽为0而导致列消失。
1322 0