Merancang antarmuka pengguna dengan Xcode

  • Artikel

Dimulai dengan Visual Studio 2019 versi 16.8 dan Visual Studio untuk Mac versi 8.8, cara yang disarankan untuk mengedit file .storyboard dan .nib adalah dengan mengeditnya di Xcode Interface Builder di Mac.

Catatan

Mulai visual Studio 2019 versi 16.9, tidak akan ada cara yang didukung untuk mengedit papan cerita iOS di Windows. Gunakan Visual Studio untuk Mac dan Xcode Interface Builder untuk terus membangun antarmuka pengguna Xamarin.iOS Anda.

Artikel ini membahas solusi umum untuk membangun antarmuka pengguna dengan Xcode Interface Builder. Artikel ini mungkin sangat membantu jika Anda sebelumnya mengedit UI anda dengan Xamarin.iOS Designer.

Untuk panduan yang lebih mendalam tentang papan cerita, lihat Papan Cerita di Xamarin.iOS.

Cara membuka papan cerita

Buka file antarmuka pengguna iOS di Visual Studio untuk Mac dengan mengklik kanan file papan cerita dan memilih Xcode Interface Builder:

Select Interface Builder

Anda kemudian akan melihat jendela Xcode terbuka. Setiap pengeditan yang disimpan di sini akan tercermin dalam proyek Visual Studio Anda.

Xcode Window

Untuk informasi selengkapnya tentang Penyusun Antarmuka Xcode, lihat Bawaan Penyusun Antarmuka.

Membuat kontrol baru

Untuk membuat kontrol baru dengan Xcode Interface Builder, pertama-tama pilih papan cerita yang ingin Anda edit. Kemudian, buka dialog Pustaka Xcode (Tampilkan>Tampilkan Pustaka) dan seret kontrol ke papan cerita Anda.

Library Picker

Selanjutnya, buka file header pengontrol tampilan yang sesuai. Untuk aplikasi "Tampilan Tunggal" Xamarin.iOS kosong, papan cerita default disebut Main.storyboard. File pengontrol tampilan yang sesuai disebut ViewController.cs di Visual Studio dengan file header ViewController.h yang sesuai saat dilihat dari Xcode.

Dari Xcode Interface Builder, buka storyboard dan file header pengontrol tampilan yang sesuai. Menahan tombol Kontrol (^), seret kontrol dari papan cerita ke file pengontrol tampilan hingga Xcode meminta Anda dengan kotak dialog.

Demo Link Control

Seperti yang diilustrasikan di atas, kode C# yang sesuai akan secara otomatis dihasilkan dalam file code-behind pengontrol tampilan. Anda sekarang dapat mengakses kontrol ini dalam proyek Xamarin.iOS Anda.

Mengedit nama kontrol yang sudah ada

Untuk mengedit nama kontrol yang ada dari Xcode Interface Builder dan mencerminkan perubahan itu kembali ke proyek C#Anda, navigasikan ke file header pengontrol tampilan yang sesuai, cick kanan, dan pilih Refaktor.

Refactor Control

File code-behind Anda akan diregenerasi dengan nama baru, memungkinkan Anda mengakses kontrol melalui kode di Visual Studio untuk Mac.

Masalah yang diketahui

Bagian ini mencakup masalah yang diketahui.

"Visual Studio tidak dapat berkomunikasi dengan Xcode"

Di macOS Catalina atau yang lebih tinggi, Anda mungkin mengalami kesalahan di bawah ini:

cant communicate err

Pertama, di preferensi sistem Mac Anda di bawah Otomatisasi Keamanan &Privasi>, pastikan Visual Studio tercantum dan Xcode dicentang.

macOS security

Jika Xcode dicentang dan pesan kesalahan masih muncul, Anda mungkin perlu mengatur ulang izin privasi Visual Studio untuk Mac.

Ini dapat dicapai dengan meluncurkan Jendela Terminal dan mengeluarkan perintah berikut:

sudo tccutil reset All "com.microsoft.visual-studio"

Untuk memastikan perubahan di atas berlaku, reset PRAM Mac Anda. Untuk petunjuknya, lihat Mengatur ulang NVRAM atau PRAM di Mac Anda.