SwiftUI の要点

ビューの作成と結合





訳注:以下、必要な場所においては Mac と iPhone 両方のセクションを提供しています。
Mac → セクション 4、iPhone → セクション 104 とします。











プレビューその 1



    CircleImage.swift


  1. import SwiftUI
  2. struct CircleImage: View {
  3. var body: some View {
  4. Image("turtlerock")
  5. }
  6. }
  7. struct CircleImage_Previews: PreviewProvider {
  8. static var previews: some View {
  9. CircleImage()
  10. }
  11. }


プレビューその 3



    CircleImage.swift


  1. import SwiftUI
  2. struct CircleImage: View {
  3. var body: some View {
  4. Image("turtlerock")
  5. .clipShape(Circle())
  6. .overlay(Circle().stroke(Color.gray, lineWidth: 4))
  7. }
  8. }
  9. struct CircleImage_Previews: PreviewProvider {
  10. static var previews: some View {
  11. CircleImage()
  12. }
  13. }


プレビューその 4



    CircleImage.swift


  1. import SwiftUI
  2. struct CircleImage: View {
  3. var body: some View {
  4. Image("turtlerock")
  5. .clipShape(Circle())
  6. .overlay(Circle().stroke(Color.gray, lineWidth: 4))
  7. .shadow(radius: 7)
  8. }
  9. }
  10. struct CircleImage_Previews: PreviewProvider {
  11. static var previews: some View {
  12. CircleImage()
  13. }
  14. }


プレビューその 5



    CircleImage.swift


  1. import SwiftUI
  2. struct CircleImage: View {
  3. var body: some View {
  4. Image("turtlerock")
  5. .clipShape(Circle())
  6. .overlay(Circle().stroke(Color.white, lineWidth: 4))
  7. .shadow(radius: 7)
  8. }
  9. }
  10. struct CircleImage_Previews: PreviewProvider {
  11. static var previews: some View {
  12. CircleImage()
  13. }
  14. }









セクション 1セクション 2セクション 3
セクション 4セクション 5セクション 6
セクション 101セクション 102セクション 103
セクション 104セクション 105セクション 106






目次
Xcode の新機能

フレームワーク

  • SwiftUI

  • ビューの作成と結合

    セクション 1

    セクション 2

    セクション 3

    セクション 4

    セクション 5

    セクション 6


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    セクション 105

    セクション 106

    ビルドリストとナビゲーション

    セクション 1

    セクション 2

    セクション 3

    セクション 4

    セクション 5

    セクション 6

    セクション 7

    セクション 8


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    セクション 105

    セクション 106

    セクション 107

    セクション 108

    ユーザー入力の処理

    セクション 1

    セクション 2

    セクション 3

    セクション 4

    セクション 5

    セクション 6


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    セクション 105

    セクション 106

    パスとシェイプの描画

    セクション 1

    セクション 2

    セクション 3

    セクション 4


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    ビューと移行のアニメーション

    セクション 1

    セクション 2

    セクション 3

    セクション 4

    セクション 5


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    セクション 105

    複雑なインターフェースの構成

    セクション 1

    セクション 2

    セクション 3

    セクション 4

    セクション 5


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    セクション 105

    UI コントロールを扱う

    セクション 1

    セクション 2

    セクション 3

    セクション 4


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    UIKit とのインターフェース

    セクション 1

    セクション 2

    セクション 3

    セクション 4


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    watchOS アプリの作成

    セクション 1

    セクション 2

    セクション 3

    セクション 4

    セクション 5


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    セクション 105

    macOS アプリの作成

    セクション 1

    セクション 2

    セクション 3

    セクション 4

    セクション 5

    セクション 6

    セクション 7


    セクション 101

    セクション 102

    セクション 103

    セクション 104

    セクション 105

    セクション 106

    セクション 107