containerRelativeFrame(_:alignment:)

1. ScrollView(.horizontal) {
2. LazyHStack(spacing: 0.0) {
3. ForEach(items) { item in
4. Rectangle()
5. .fill(.purple)
6. .containerRelativeFrame([.horizontal, .vertical])
7. }
8. }
9. }

1. let availableWidth = (containerWidth - (spacing * (count - 1)))
2. let columnWidth = (availableWidth / count)
3. let itemWidth = (columnWidth * span) + ((span - 1) * spacing)

1. ScrollView(.horizontal) {
2. LazyHStack(spacing: 10.0) {
3. ForEach(items) { item in
4. Rectangle()
5. .fill(.purple)
6. .aspectRatio(3.0 / 2.0, contentMode: .fit)
7. .containerRelativeFrame(
8. .horizontal, count: 4, span: 3, spacing: 10.0)
9. }
10. }
11. }
12. .safeAreaPadding(.horizontal, 20.0)

1. Rectangle()
2. .fill(.purple)
3. .aspectRatio(1.0, contentMode: .fill)
4. .containerRelativeFrame(
5. .horizontal, alignment: .topLeading
6. ) { length, axis in
7. if axis == .vertical {
8. return length / 3.0
9. } else {
10. return length / 5.0
11. }
12. }

このドキュメントには、開発中の API または技術に関する予備情報が含まれています。この情報は変更される可能性があり、このドキュメントに従って実装されたソフトウェアは、最終的なオペレーティングシステムソフトウェアでテストする必要があります。

Apple のベータ版ソフトウェアの使用について詳しく知る >