オブジェクトは基本的に長方形(矩形)の領域を持ちます。しかし矩形領域内で形を変えることもできます。ここではオブジェクトを角丸にしてみましょう。.cornerRadius を用います。
- 前回のコードに続けて書く
- Text(“こんにちわ”)の .background後に.cornerRadius( 8 ) を追加
- Text(“こんばんわ”)の .background後に.cornerRadius( 32 ) を追加
- 角丸も並びが重要(背景色を決めた後に丸める必要がある)
コード#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
import SwiftUI
struct ContentView: View {
var body: some View {
VStack {
Text( "こんにちわ" )
.font( .system(size: 24 ) )
.foregroundColor( .mint )
.frame( minWidth: 100, minHeight: 100 )
.padding()
.background( .indigo )
.cornerRadius( 8 )
.padding( .bottom, 50 )
Text( "こんばんわ" )
.frame( maxWidth:.infinity, minHeight:60 )
.padding()
.background( .purple )
.cornerRadius( 30 )
}
}
}
|