実装
import SwiftUI
struct HomeView: View {
var body: some View {
HStack(spacing: 20) {
VStack(spacing: 20) {
Text("Hello Japan")
.font(.largeTitle)
.strikethrough(pattern: .dot, color: .red)
Text("Hello Japan")
.font(.largeTitle)
.strikethrough(pattern: .dashDot, color: .red)
Text("Hello Japan")
.font(.largeTitle)
.strikethrough(pattern: .dashDotDot, color: .red)
Text("Hello Japan")
.font(.largeTitle)
.strikethrough(pattern: .dash, color: .red)
Text("Hello Japan")
.font(.largeTitle)
.strikethrough(pattern: .solid, color: .red)
}
VStack(spacing: 20) {
Text("Hello Australia")
.font(.largeTitle)
.underline(pattern: .dot, color: .blue)
Text("Hello Australia")
.font(.largeTitle)
.underline(pattern: .dashDot, color: .blue)
Text("Hello Australia")
.font(.largeTitle)
.underline(pattern: .dashDotDot, color: .blue)
Text("Hello Australia")
.font(.largeTitle)
.underline(pattern: .dash, color: .blue)
Text("Hello Australia")
.font(.largeTitle)
.underline(pattern: .solid, color: .blue)
}
}
}
}
パターン | 説明 | 視覚的な例 |
---|
.dot | 点線で表現されるスタイル。線が一連のドット(●●●)として表示される。 | ⚫ ⚫ ⚫ ⚫ ⚫ |
.dashDot | 点と短い線を交互に繰り返すスタイル。線が「短線-点(-⚫-⚫-)」のように表示される。 | — ⚫ — ⚫ — |
.dashDotDot | 点と短い線、2つの点を交互に繰り返すスタイル。「短線-点-点(-⚫⚫-⚫⚫-)」のように表示される。 | — ⚫ ⚫ — ⚫ ⚫ — |
.dash | 短い線だけで構成されたスタイル。線が「短線-短線(- – – -)」として表示される。 | — — — — — |
.solid | 連続した実線のスタイル。特にカスタマイズせず、線が1本の連続した線として描画される。 | ――――――――――――――――――――――――――――――――――――――――― |