SwiftUI - Text

文章目录

BasicStyle
Paragraph
Padding
FullScreen
DateFormatter
Append

Learn from：http://www.coolketang.com/hdjc/swiftUI/

BasicStyle


struct ContentView : View {var body: some View {VStack{//Basic styleText("Hi, SwiftUI").bold()Text("Hi, SwiftUI").italic()Text("Hi, SwiftUI").underline()Text("Hi, SwiftUI").underline(true, color: .purple)Text("Hi, SwiftUI").strikethrough()Text("Hi, SwiftUI").strikethrough(true, color: Color.blue)Text("Hi, SwiftUI").foregroundColor(Color.pink).foregroundColor(Color.blue)Text("Hi, SwiftUI").baselineOffset(CGFloat(5.0)).background(Color.red)Text("Hi, SwiftUI").background(Image("Picture"), alignment: .bottom)//FontVStack{Text("Hi, SwiftUI").font(.footnote)Text("Hi, SwiftUI").font(.system(size: 36))Text("Hi, SwiftUI").font(.system(.title, design: .monospaced))Text("Hi, SwiftUI").font(.custom("BradleyHandITCTT-Bold", size: 36))Text("Hi, SwiftUI").fontWeight(Font.Weight.heavy)Text("Hi, SwiftUI").fontWeight(Font.Weight.ultraLight)}}}
}

Paragraph

struct ContentView: View
{var body: some View{VStack{Text("Interactive tutorials.")Text("Hi, SwiftUI").tracking(10)Text("Hi, SwiftUI").kerning(5)Text("Hi, SwiftUI blur").blur(radius: 1)Text("SwiftUI is an innovative, exceptionally simple way to build user interfaces across all Apple platforms with the power of Swift.").lineSpacing(2).lineLimit(nil)Text("Hi, SwiftUI").offset(x: 40, y: 0)Text("Hi, SwiftUI").frame(width: 200, height: 65, alignment: .center).background(Color.yellow)VStack{Text("Hi, SwiftUI").position(x: 50, y: 50).frame(width: 300, height: 100, alignment: .bottomTrailing).background(Color.red)Text("Interactive\ntutorials\nfor\nXcode!").lineLimit(4).frame(width: 200, height: 100).multilineTextAlignment(.center)}}}
}

Padding

VStack{Text("Hi, SwiftUI").background(Color.black).foregroundColor(.white).padding(20)Text("Hi, SwiftUI").padding().background(Color.black).foregroundColor(.white)Text("Swift User Interface").font(.largeTitle).foregroundColor(.black).padding(15).background(Color.yellow).padding(15).background(Color.blue).padding(10).background(Color.red)}

FullScreen


struct ContentView : View {var body: some View {Text("Hi, SwiftUI").frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity).background(Color.yellow).font(.largeTitle).edgesIgnoringSafeArea(.all)}
}

DateFormatter

struct ContentView : View {var now = Date()static let dateFormatter: DateFormatter ={let formatter = DateFormatter()formatter.dateStyle = .longreturn formatter}()var body: some View{Text("The time is: \n \(now, formatter: Self.dateFormatter)").font(.title).padding()}
}

Append

Text("Interactive ").foregroundColor(.yellow).fontWeight(.heavy)+ Text("tutorials ").foregroundColor(.orange).strikethrough()+ Text("for ").foregroundColor(.red).italic()+ Text("SwiftUI").foregroundColor(.purple).underline()

SwiftUI - Text相关推荐

SwiftUI 小专栏20200817汇总
SwiftUI 布局篇汇总 9 分钟前共695字 SwiftUI 如何编程打开Office Word PPT Excel PDF PNG iWor... 14 小时前共4389字 SwiftUI 小技 ...
iOS 深入理解SwiftUI
文章目录 1. SwiftUI的优缺点 2. 语法细节-声明式语法 3. 实时预览 4. Xcode Library 5. Switch Case Support 6. Data Flow 数据流 6 ...
firebase教程_firebase swiftui笔记应用程序教程gcp
firebase教程 In this series, I'll be sharing my take on developing multi-platform applications using S ...
Section 17 : Navigation View and List
- 导航视图和列表(11'48") Build a table view with navigation options and presentations in SwiftUI. 在 Sw ...
iOS摸鱼周报第八期
iOS摸鱼周报,主要分享大家开发过程遇到的经验教训及学习内容.虽说是周报,但当前内容的贡献途径还未稳定下来,如果后续的内容不足一期,可能会拖更到下一周再发.所以希望大家可以多分享自己学到的开发小技巧和 ...
iOS SwiftUI篇-2 UI控件 Text Button Image List
iOS SwiftUI篇-2 UI控件 Text Button Image List Text 显示文本,相当于UILabel import SwiftUIstruct TextContentView ...
SwiftUI基础之Text格式化显示小数specifier
实战需求有些时候我们需要个性化显示字符串,例如我们系统Text中可以自动将多余的零清除,在SwiftUI该如何操作呢? 本文价值与收获看完本文后,您将能够作出下面的界面 Jietu20200507 ...
SwiftUI系列教程第1章第3节：Text的段落属性
课程源码:https://github.com/fzhlee/SwiftUI-Guide 关于Text的段落属性: 示例代码: VStack{Text("www.hdjc8.com" ...
SwiftUI基础之设置TextField的placeholder文本颜色(text color)
本文价值与收获看完本文后,您将能够作出下面的界面看完本文您将掌握的技能 SwiftUI原生设置TextField的颜色掌握制作自定义组件代码 1.快速实现 import SwiftUIstru ...

SwiftUI - Text

文章目录

BasicStyle

Paragraph

Padding

FullScreen

DateFormatter

Append

SwiftUI - Text相关推荐

最新文章

热门文章