カテゴリー: SwiftUI

これは何

App Store で product/archive からディストリビュートに進んで下記のエラーが出た際の対処法です。

手順

Developperアカウントを持っているのに下記のエラーが出た場合は、新しい利用規約に同意していない場合があります。久しぶりにアップする方はこの場合を確認しましょう。

Unable to process request - PLA Upadata Available

または下記のエラーメッセージの場合もあります。

App record creation error

"STATE_ERROR.APP_CREATE.PLATFORM_NOT_ALLOWED_DUE_TO_CONTRACT_STATE", and reason "One or more platforms cannot be created for this app due to your provider's contract state. Creation of apps for the platform(s) xrOS is not available due to your provider's contract state."

この場合は Storeconnect にwebからアクセスして、新しい利用規約に同意しましょう。

appstoreconnect.apple.com にアクセスすると、下記のような警告が出てると思うので、それに従いましょう。

これでも解決しない場合 https://appstoreconnect.apple.com/business/ のページにアクセスして、自分の登録名をクリックした下層ページにある有料アプリ契約、無料アプリ契約の欄を確認してください、もしかしたら同意できていない契約があるかもしれません。

SwiftUIを使って番号付きの箇条書きにしたい！

これをやると下記のようになります。

以下コードです。自分の環境に合わせて置き換えてください。

struct TutorialView: View {
    let items = [
        "Connect your iPhone to your Mac with a cable.",
        "Open QuickTime Player on your Mac.",
        "Select File > New Movie Recording.",
        "Click the arrow next to the record button and select your iPhone.",
        "In the movie recording screen, device information will be displayed in the detailed settings. Click the arrow next to the red recording button and select ‘iPhone’ for the Screen."
    ]
    
    var body: some View {
        Text("How to mirror on Mac using QuickTime Player")
            .font(.title)
        VStack(alignment: .leading) {
            ForEach(items, id: \.self) { item in
                HStack(alignment: .top) {
                    Text("\(items.firstIndex(of: item)! + 1).")
                        .font(.body)
                        .fontWeight(.bold)
                    Text(item)
                        .font(.body)
                }
                .padding(.top, 6)
            }
        }
        .padding()
    }
}

#Preview {
    TutorialView()
}

最初だけポップアップが表示されて、次回からはユーザーがポップアップの有無を選べるトグル。

あれの実装方法です。

.sheetでポップアップを表示します。AppStorageを使って「二度と表示しない」をBooleanで設定して置けばOK

import SwiftUI

struct ContentView: View {
    @AppStorage("dontShowAgain") var dontShowAgain = false
    @State private var showingPopup = false

    var body: some View {
        VStack {
            Button("Show Popup") {
                if !dontShowAgain {
                    showingPopup = true
                }
            }
        }
        .sheet(isPresented: $showingPopup) {
            HowToSetIcon(dontShowAgain: $dontShowAgain)
        }
    }
}

popupViewの中身

import SwiftUI

struct PopupView: View {
    @Environment(\.presentationMode) var presentationMode
    @Binding var dontShowAgain: Bool

    var body: some View {
        VStack {
            Text("This is a popup")

            Toggle(isOn: $dontShowAgain) {
                Text("二度と表示しない")
            }

            Button("Close") {
                self.presentationMode.wrappedValue.dismiss()
            }
        }
    }
}

AvKitで読み込んだ動画にCornerRadiusをかけると、動画自体が飛び出してしまいます。下の感じ。

VideoPlayer(player: player)
    .aspectRatio(4 / 3, contentMode: .fit)
    .overlay(
        RoundedRectangle(cornerRadius: 20)
            .stroke(Color.purple, lineWidth: 2)
    )

これを直すには以下のように.clipShapeを追加すること。意外と簡単だったね。

VideoPlayer(player: player)
    .aspectRatio(4 / 3, contentMode: .fit)
    .clipShape(RoundedRectangle(cornerRadius: 20))
    .overlay(
        RoundedRectangle(cornerRadius: 20)
            .stroke(Color.purple, lineWidth: 2)
    )

こんにちは！今日は、SwiftUIで画像を選択する機能を作りました。下の画像のような感じです。

コードの名前はSelectImage.swiftです。

コードの全体像

import SwiftUI
import UniformTypeIdentifiers

struct SelectImage: View {
    @Binding var image: NSImage?
    @State private var isHovering = false
    
    var body: some View {
        // ここに色々なコードが入ります
    }
}

まず、import SwiftUIとimport UniformTypeIdentifiersで必要なライブラリをインポートします。次に、SelectImageという名前のViewを作ります。このViewには2つの変数があります。@Binding var image: NSImage?は選択した画像を保持し、@State private var isHovering = falseはマウスが画像の上にあるかどうかをチェックします。

画像を選ぶ部分

Button("Select Image") {
    let panel = NSOpenPanel()
    panel.allowedContentTypes = [UTType.image]
    panel.allowsMultipleSelection = false
    if panel.runModal() == .OK {
        let url = panel.url
        self.image = NSImage(contentsOf: url!)
    }
}

“Select Image”というボタンを作ります。このボタンをクリックすると、画像を選ぶダイアログが開きます。選んだ画像はNSImageとしてimage変数に保存されます。

画像を表示する部分

if let img = image {
    ZStack {
        Rectangle()
            .fill(Color.gray)
            .frame(width: 44, height: 44)
            .cornerRadius(4)
        Image(nsImage: img)
            .resizable()
            .scaledToFit()
            .frame(width: 40, height: 40)
    }
}

選んだ画像は、四角形の枠内に表示されます。画像は自動的に枠に合わせてリサイズされます。

画像を削除する部分

Button {
    self.image = nil
} label: {
    Image(systemName: "xmark.circle")
        .foregroundColor(.white)
        .font(.system(size: 16, weight: .bold))
}
.disabled(image == nil)
.padding(2)
.background(Color.black)
.clipShape(Circle())
.opacity(isHovering ? 0.9 : 0)
.onHover { hovering in
    isHovering = hovering
}

画像の上にマウスを持っていくと、削除ボタンが現れます。このボタンを押すと、選んだ画像が削除されます。

まとめ

以上が、私が作ったSelectImage.swiftの解説です。このコードを使えば、SwiftUIで簡単に画像選択機能を追加することができます。皆さんもぜひ試してみてください。それでは、また次回！