「カテゴリ:Xcode」の版間の差分
ナビゲーションに移動
検索に移動
| 1行目: | 1行目: | ||
Xcode(SwiftUI版)のコマンドリスト | Xcode(SwiftUI版)のコマンドリスト(2022/05/17更新) | ||
徐々に画像添付していきます | |||
=VStack・HStack・ZStack= | =VStack・HStack・ZStack= | ||
| 22行目: | 24行目: | ||
=== フォント === | === フォント === | ||
'''.font() | '''.font() '''文字の大きさ（アトリビュートインスペクタで変更可能） | ||
'''.fontWeight() '''文字の太さ（アトリビュートインスペクタで変更可能） | |||
'''. | '''.foregroundColor(Color.色) '''文字の色（アトリビュートインスペクタで変更可能） | ||
'''. | '''.frame(width: 値,height: 値)''' テキストの縦横サイズの変更（アトリビュートインスペクタで変更可能） | ||
=== 余白 === | === 余白 === | ||
'''''.padding()'' | '''''.padding()''''' を使った余白調整（アトリビュートインスペクタで変更可能） | ||
'''''Spacer()'' | '''''Spacer()''''' を使った余白調整 | ||
'''''.offset'' | '''''.offset''''' を使った余白調整 | ||
{| class="wikitable" | {| class="wikitable" | ||
!コード | !コード | ||
2022年5月17日 (火) 14:27時点における版
Xcode(SwiftUI版)のコマンドリスト(2022/05/17更新)
徐々に画像添付していきます
VStack・HStack・ZStack
| コード | 説明 |
|---|---|
| VStack | 垂直に要素を並べる |
| HStack | 水平に要素を並べる |
| ZStack |
フォント・縦横サイズ・余白の変更
フォント
.font() 文字の大きさ（アトリビュートインスペクタで変更可能）
.fontWeight() 文字の太さ（アトリビュートインスペクタで変更可能）
.foregroundColor(Color.色) 文字の色（アトリビュートインスペクタで変更可能）
.frame(width: 値,height: 値) テキストの縦横サイズの変更（アトリビュートインスペクタで変更可能）
余白
.padding() を使った余白調整（アトリビュートインスペクタで変更可能）
Spacer() を使った余白調整
.offset を使った余白調整
| コード | 説明 |
|---|---|
| .padding() | 全体の余白（値をマイナスにすると余白が狭まる） |
| .padding(.top, 値) | 上の余白（ 、、 ） |
| .padding(.bottom, 値) | 下の余白（ 、、 ） |
| .padding(.leading, 値) | 左の余白（ 、、 ） |
| .padding(.trailing, 値) | 右の余白（ 、、 ） |
| .padding(.vartical, 値) | 上下の余白（ 、、 ） |
| .padding(.horizontal, 値) | 左右の余白（ 、、 ） |
| .padding(.all, 値) | 全体の余白（ 、、 ） |
| Spacer() | VStackまたはHStackを使用した際にオブジェクトを効率よく自動調整 |
| .offset(x:値, y:値) | xまたはyの値分ずらす |
現在このカテゴリには、ページまたはメディアがありません。