「カテゴリ:Xcode」の版間の差分
ナビゲーションに移動
検索に移動
34行目: | 34行目: | ||
|- | |- | ||
|.padding(.top, 値) | |.padding(.top, 値) | ||
| | |上の余白( 、、 ) | ||
|- | |- | ||
|.padding(.bottom, 値) | |.padding(.bottom, 値) | ||
| | |下の余白( 、、 ) | ||
|- | |- | ||
|.padding(.leading, 値) | |.padding(.leading, 値) | ||
| | |左の余白( 、、 ) | ||
|- | |- | ||
|.padding(.trailing, 値) | |.padding(.trailing, 値) | ||
| | |右の余白( 、、 ) | ||
|- | |- | ||
|.padding(.vartical, 値) | |.padding(.vartical, 値) | ||
| | |上下の余白( 、、 ) | ||
|- | |- | ||
|.padding(.horizontal, 値) | |.padding(.horizontal, 値) | ||
| | |左右の余白( 、、 ) | ||
|- | |- | ||
|.padding(.all, 値) | |.padding(.all, 値) | ||
| | |全体の余白( 、、 ) | ||
|- | |- | ||
|Spacer() | |Spacer() |
2022年5月17日 (火) 13:42時点における版
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の値分ずらす |
現在このカテゴリには、ページまたはメディアがありません。