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文本控件超过边界区域以后显示省略号
235 0
|
容器
文本溢出省略号text-overflow: ellipsis显示无效?这一属性到底该怎么用?
文本溢出省略号text-overflow: ellipsis显示无效?这一属性到底该怎么用?
226 0
|
8月前
[MFC] Edit控件上的数据(可控固定位数)显示
[MFC] Edit控件上的数据(可控固定位数)显示
131 0
单文档的BCG程序,为什么在CMainFrame::OnCreate最后设置工具条的标题,为什么无效?
单文档的BCG程序,为什么在CMainFrame::OnCreate最后设置工具条的标题,为什么无效?
|
Android开发 iOS开发
TextView文字自动变小
开发中经常会遇到让TextView字体大小自适应的需求,ios端可以自适应大小,Android不行,我们需要单独处理。 当然了,针对的肯定是单行的TextView,如果是多行的,还需要加入行数这个变量。
如何通过反射来解决AlertDialog标题由于字数过多显示不全的问题
转载前请标明出处:http://blog.csdn.net/sahadev_ 先上一下示例图: 这是默认状态下:这是通过反射后修改的结果: 在解决这个问题之前首先需要了解一下AlertDialog的基本构造,所以先从源码看起: 想要知道为什么显示不全,首先入口处应该是这里: builder.
1461 0
|
自然语言处理 前端开发 UED
浅谈移动端过长文本溢出显示省略号的实现方案
本文通过图文并茂的方式,由浅入深地讲述了多种文本过长场景下显示省略号的背景和解决方案。
1175 0
HorizontalScrollView包裹RecyclerView,使用StaggeredGridLayoutManager均分网格形成表格状列表,不固定列,每次刷新数据列位置异常错乱变动问题
HorizontalScrollView包裹RecyclerView,使用StaggeredGridLayoutManager均分网格形成表格状列表,不固定列,每次刷新数据列位置异常错乱变动问题 问题描述:用Horizon...
2035 0
tableView 去掉底部多余的cell线(记录备忘)
self.tableView.tableFooterView = [[UIView alloc] initWithFrame:CGRectZero];
827 0