//
// ButtonText.swift
// SwiftUIDemo
//
// Created by shiyanjun on 2023/2/1.
//
import SwiftUI
struct ButtonText: View {
var body: some View {
VStack{
// 给文本设置圆角矩形背景
Text("Hello!Hello!Hello!")
.foregroundColor(.primary)
.padding()
.background(
Rectangle()
.foregroundColor(Color.purple)
.cornerRadius(10)
)
// 给文本设置胶囊背景
Text("Hello!Hello!Hello!")
.foregroundColor(.primary)
.padding()
.background(
Capsule()
.foregroundColor(Color.purple)
.cornerRadius(10)
)
// 给文本设置圆形背景
Text("Hello!Hello!Hello!Hello!")
.frame(width: 50, height: 50)
.foregroundColor(.primary)
.padding()
.background(
Circle()
.foregroundColor(Color.purple)
.cornerRadius(10)
)
}
}
}
struct ButtonText_Previews: PreviewProvider {
static var previews: some View {
NavigationView {
ButtonText()
}
.environment(\.colorScheme, .light)
}
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter