SwiftUI-Text

文章目录

  • 前言
  • Text
  • 结束语

前言

个人学习 SwiftUI 的记录,如有错误,请指教哈!

Text

相当于以前的 UILabel

先上效果图

SwiftUI-Text_第1张图片

直接上所有代码

	VStack {
            HStack {
                
                Text("我是Label\n第二行")
                    // 横线
                    .strikethrough(true, color: Color.black)
                    // 下划线
                    .underline()
                    // 每行底部偏移..也可以作为另一种行间距使用..
                    .baselineOffset(50)
                    // 斜体
                    .italic()
                    // 字体大小
                    .font(.largeTitle)
                    // 粗体
                    .fontWeight(.bold)
                    // 字间距
                    .kerning(10)
                    // 行间距
                    .lineSpacing(10)
                    // 字体颜色
                    .foregroundColor(Color.white)
                    // 最大行数, 如不设置, 则表示无限行
                    .lineLimit(2)
                    // 内间距
                    .padding()
                    // 背景颜色
                    .background(Color.red)
                    // 圆角
                    .cornerRadius(30)
                    // 添加点击手势
                    .onTapGesture {
                        print("点击1")
                }
                    // 添加长按手势
                    .onLongPressGesture(minimumDuration: 2, maximumDistance: 4, pressing: { (result) in
                        print("\(result ? "开始按压" : "按压结束")")
                    }) {
                        print("触发长按")
                }
                    // 添加其他手势
                    .gesture(
                        
                        
                        // 比如这里添加一个拖动手势
                        DragGesture()
                            // 拖动改变了
                            .onChanged({ (value) in
                                print(value)
                            })
                            // 拖动结束
                            .onEnded({ (value) in
                                print(value)
                            })
                )
            }
                // 如果要设置文字的背景阴影, 一般还是要包裹起来
                .shadow(color: Color.red, radius: 20)
                .padding(.bottom, 50)
            
            Text("我文字有阴影")
                .font(.largeTitle)
                .shadow(color: Color.black, radius: 10)
            
        }

结束语

我自己的学习 项目地址
当然,我觉得还是要看一遍 官方的示例

还有一些 GitHub 上面的一些项目,比如:

  • SwiftUIDemo
  • MovieSwiftUI

当然, GitHub 还有很多很好的项目,以后有发现我也会介绍出来。
如果有人条件允许,也可以上 youtube 去看教程,上面也是很多资料。

你可能感兴趣的:(SwiftUI,iOS,SwiftUI,SwiftUI,Text,Swift,iOS)