web-dev-qa-db-ja.com

Xcode 11：Canvasが表示されない

Xcode 11から新しいCanvas機能を実行しようとしていますが、Canvasが表示されません。何が悪いのですか？

新しいデフォルトプロジェクト（シングルビューアプリ）を作成してコンパイルし、「エディター>エディターとキャンバス」をアクティブ化しました。プロジェクト内の各ファイルに移動できますが、何も表示されません。

他に何をする必要がありますか？

iosswiftswiftuixcode11
36
stk

公式チュートリアル に記載されているように、CatalinamacOSバージョン（10.15）である必要があります

警告：Catalinaは32ビットアプリケーションをサポートしていません。一部の古いアプリは更新後に動作しなくなります。

59
Andrei Konstantinov

あなたはまだ遊び場でライブビューを見ることができます（カタリナがインストールされていなくても）。 UIHostingControllerを使用します。

import UIKit
import SwiftUI
import PlaygroundSupport



struct ContentView : View {
    var body: some View {

        Text("Hello World")
            .color(Color.blue)
    }
}

// Present the view controller in the Live View window
PlaygroundPage.current.liveView = UIHostingController.init(rootView: ContentView())

enter image description here

21
Akash Soni

Appleの公式チュートリアル に従って、他の回答にさらに追加するには：

Xcodeでキャンバスのビューをプレビューして操作するには、MacでmacOS 10.15ベータ版が実行されていることを確認してください。

ベータ版がリリースされたばかりなので、現在は実行できず、予備のMacもありません。

16
Simon

プレビューはMacOS 10.15 Betaでのみ機能します

Xcode 11.0-Betaでエディターとキャンバスオプションをタップする必要があります。または、トップオプションからエディター->エディターとキャンバスをタップすることもできます。

参照用に添付されたスクリーンショット。 Image

image 2

7
CrazyPro007

Mac OSバージョン10.15以降をアップデートします。 Xcode 11以降のバージョンを更新します。その後、[エディター]> [キャンバス]をクリックしてコードをプレビューします。

おまけ：コードのプレビューを左側に表示したい場合は、メニューアイコン>レイアウト>キャンバスの右側からレイアウトを変更できます。 （スクリーンショットを共有しました）

Bonus info screenshot

@canerkaseler

6
canerkaseler

これは、Xcodeを上位のベータバージョンにアップグレードし、プロセス中に次のエラーメッセージが表示された場合に影響する可能性があります。

プラグインのロードに失敗しました

パス「/Applications/Xcode-beta.appDownloads/Xcode-beta.app/Contents/PlugIns/UVKit.framework」にあるプラグイン「com.Apple.dt.UVKit」をロードできませんでした。プラグインまたはその必須プラグインの1つが欠落しているか、損傷している可能性があります。プラグインまたはその必須プラグインの1つが欠落しているか損傷している可能性があり、再インストールが必要になる場合があります。

解決策は、カタリナベータバージョンを同じレベルにアップグレードすることです。 Appleの Beta Software Downloads へのリンクは次のとおりです。

2
turingtested

macOS以降のバージョン（10.15以降）をインストールする必要があります

2
Yodagama

MacOS Catalina [beta]を実行しているのと同様に、コマンドラインツールをインストールする必要があるようです。それらをインストールするには、以下を実行します。

xcode-select --install
1
Pierz

Xcodeでキャンバスのビューをプレビューして操作するには、Macが実行されていることを確認してくださいMacOS 10.15 beta。

SwiftUI開発用のツールは、macOS 10.15ベータで実行している場合にのみ使用できます。

https://developer.Apple.com/tutorials/swiftui/creating-and-combining-views

1
casillas

XcodeがSwiftUIキャンバスに提供している機能（およびこの機能がこの機能を使用できるようにCatalinaにアップグレードする必要があることとどのように通信していないか）に不満を感じていました。独自のツールを作成するには：QDesigner。これはiPadアプリで、iPhoneキャンバスにSwiftUIコントロールをドラッグアンドドロップし、数回のタップでそれらをカスタマイズし、シングルタップでSwiftUIコードを生成できます。 Xcodeは不要です。

QDesignerの最初のベータ版はTestFlightから入手できます：
https://testflight.Apple.com/join/aSXW5tVp

仲間もいますQDesigner Client iPhone用アプリ。iPad上で実行されているQDesignerと接続して、リアルタイムで更新されたターゲットデバイスのUIデザインを確認できます。
https://testflight.Apple.com/join/DQv0DBJ

私はそれが少なくともあなたの一部に役立つことを願っています！ご意見をお聞かせください。もちろん、これを完全に機能させるための作業は山ほどありますが、最初のベータ版は基本的なSwiftUIの使用にすでにメリットがあります。

QDesignerのデモビデオを参照し、Webサイトにアクセスして詳細を確認してください。
https://Q-Mobile.IT/Q-Designer

QDesigner1

QDesigner2

QDesigner3

1
Karol Kulesza

Swiftファイルの内容をコピーし、

ファイルをゴミ箱に移動します

Swiftファイルを再度作成します

コードを貼り付けて実行する

1
C Williams

重要なチェックリストがいくつかあります。1つずつ確認してください。これがすべて完了すると、「エディタとキャンバス」オプションを簡単に取得できます。

  1. MacOSのバージョンが10.15以上である

  2. Xcode 11 Beta以降を使用しています。 Xcode 11を使用していても、MacOSが10.15以下の場合は、オプションを表示できません。

  3. ターミナルからコマンドを実行します。

Sudo xcode-select -s /Applications/Xcode.app/Contents/Developer

その後

Sudo xcodebuild -license

  1. チェックリスト1と2が完了したら、[設定]オプションに移動し、[コマンドラインツール]を選択します。環境設定->場所とコマンドラインツールをXcode 11/Betaに割り当てます。

ほとんどの場合、オプション4が問題です。

1
Jamshed Alam

キャンバスプレビューは、MacOS 10.14から10.15にアップデートした後にのみ機能します

Mac OS Catalina Betaバージョン（10.15）があります。

システムをアップグレードすると機能します。 :)

このリンクを確認してください 。

1
Anuj J

また、この関数がSwiftUIクラスと呼ばれていることを確認してください

struct ContentView_Previews: PreviewProvider {
static var previews: some View {
    ContentView() //this is you struct UI
}

}

0
Vikesh Prasad