SwiftUI—Text视图的填充属性

简介: SwiftUI—Text视图的填充属性

内部填充属性,修改文字内容和文本视图边框之间的距离,即修改文本视图的上下左右的内边距。


复用padding特性,制作轮廓效果~

示例代码:


VStack{
    Text("www.hdjc8.com")
    .background(Color.black)
    .foregroundColor(.white)
    .padding(20) //设置填充属性的值为20,增加文本视图与文字内容的间距
    Text("www.hdjc8.com")
    .padding()
    .background(Color.black)
    .foregroundColor(.white) //链式调用的顺序由上而下,先设置内边距,再设置背景颜色和文字颜色,这时内边距也会拥有相应的背景颜色
    Text("Swift User Interface")
    .font(.largeTitle) //设置文字内容的样式为巨型标题样式,以突出显示文字内容
    .foregroundColor(.black)
    .padding(15)
    .background(Color.yellow)
    .padding(15) //在文本视图的外围再次增加15点的间距
    .background(Color.orange) //给新的内边距设置填充颜色为橙色
    .padding(10) //在文本视图的外围再次增加10点的间距
    .background(Color.red) //给新的内边距设置填充颜色为红色
}


2466108-0225434ec343ec94.webp.jpg


注:


链式编程的原理是调用一个属性或者方法的返回值是调用者本身。使得其可以继续调用本身中的方法或者属性。

目录
相关文章
SwiftUI—使用Text视图创建漂亮的富文本
SwiftUI—使用Text视图创建漂亮的富文本
1000 0
SwiftUI—使用Text视图创建漂亮的富文本
|
15天前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
20 2
|
6月前
|
JavaScript 前端开发 Java
18jqGrid - 表格数据SET类方法
18jqGrid - 表格数据SET类方法
22 0
|
6月前
Cocos Creator3.8 项目实战(三)去除scrollview背景色和label 对齐方式设置无效问题解决
Cocos Creator3.8 项目实战(三)去除scrollview背景色和label 对齐方式设置无效问题解决
|
C++
Qt动态添加控件并设置大小位置等属性
Qt动态添加控件并设置大小位置等属性
887 0
SwiftUI—Text视图的段落属性
SwiftUI—Text视图的段落属性
363 0
SwiftUI—Text视图的段落属性
SwiftUI—使用Text视图显示指定的文字
SwiftUI—使用Text视图显示指定的文字
374 0
SwiftUI—使用Text视图显示指定的文字
SwiftUI—如何通过AnyView返回任意类型的视图
SwiftUI—如何通过AnyView返回任意类型的视图
201 0
SwiftUI—如何通过AnyView返回任意类型的视图
SwiftUI—如何对Text视图里的日期进行格式化
SwiftUI—如何对Text视图里的日期进行格式化
603 0
SwiftUI—如何对Text视图里的日期进行格式化
【Flutter】GridView 网格布局 ( GridView.count 构造函数 | crossAxisCount 参数指定每行元素个数 )
【Flutter】GridView 网格布局 ( GridView.count 构造函数 | crossAxisCount 参数指定每行元素个数 )
462 0
【Flutter】GridView 网格布局 ( GridView.count 构造函数 | crossAxisCount 参数指定每行元素个数 )