「カテゴリ:Xcode」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 20行目: | 20行目: | ||
=フォント縦横サイズの変更= | =フォント縦横サイズの変更= | ||
=== ''.padding()'' を使った余白調整 === | |||
=== '''''Spacer()'''''を使った余白調整 === | |||
=== '''''.offset''を使った余白調整''' === | |||
{| class="wikitable" | |||
|+ | |||
!コード | |||
!説明 | |||
! | |||
! | |||
|- | |||
|.padding() | |||
|全体の余白 | |||
| | |||
| | |||
|- | |||
|.padding(.top, 値) | |||
|上の余白 | |||
| | |||
| | |||
|- | |||
|.padding(.bottom, 値) | |||
|下の余白 | |||
| | |||
| | |||
|- | |||
|.padding(.leading, 値) | |||
|左の余白 | |||
| | |||
| | |||
|- | |||
|.padding(.trailing, 値) | |||
|右の余白 | |||
| | |||
| | |||
|- | |||
|.padding(.vartical, 値) | |||
|上下の余白 | |||
| | |||
| | |||
|- | |||
|.padding(.horizontal, 値) | |||
|左右の余白 | |||
| | |||
| | |||
|- | |||
|.padding(.all) | |||
|全体の余白 | |||
| | |||
| | |||
|- | |||
|Spacer() | |||
|VStackまたはHStackを使用した際にオブジェクトを効率よく自動調整 | |||
| | |||
| | |||
|- | |||
|.offset(x:値, y:値) | |||
|xまたはyの値分ずらす | |||
| | |||
| | |||
|} | |||
2022年5月17日 (火) 13:27時点における版
Xcode(SwiftUI版)のコマンドリスト
VStack・HStack・ZStack
| コード | 説明 |
|---|---|
| VStack | 垂直に要素を並べる |
| HStack | 水平に要素を並べる |
| ZStack |
フォント縦横サイズの変更
.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の値分ずらす |
現在このカテゴリには、ページまたはメディアがありません。