Xamarinを初めて触る人がXamarinとは何なのかがザックリ分かるよう、プロジェクト立ち上げからアプリを起動するところまで一通りの流れをご紹介します!
開発環境
Visual Studio 2022
Windows PC
開発手順
Visual Studio 2022を開く
Visual Studio 2022を開くと以下のような画面になっています。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-2.png)
「新しいプロジェクトの作成」をクリックします。
プロジェクトの作成
上部のソートで、全ての言語、全てのプラットフォーム、モバイル を選択すると、以下の通り、AndroidアプリもiOSアプリも作成できることがわかります。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-3-1024x305.png)
ここでは、Xamarin.Formsを選択し、iOSとAndroid用のアプリを一緒に作ります。
プロジェクト名を「Xamarin_tutorial」として作成します。
「ソリューションとプロジェクトを同じディレクトリに配置する」のチェックを外します。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-4.png)
テンプレートを3つから選ぶことができます。
ここでは「ポップアップ」を選択し、作成します。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-5.png)
ソースの確認
すると、以下のソースツリーの内容でプロジェクトが自動生成されます。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-6.png)
プロジェクトを実行するための設定
Androidを実行するための設定を行います。
.Androidのプロジェクト上で右クリックをし、スタートアップ プロジェクトに設定します。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-7.png)
エミュレーターの追加
PC上でアプリを実行するためのエミュレーターを起動します。
ここではAndroidを開きます。
ツール > Android > Android Device Manager…
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-8.jpg)
以下の確認画面が出てきますが、「はい」を選択します。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-8.png)
すると、Android Device Manager が開きます。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-10-1024x642.png)
+ New よりデバイスを追加します。
追加するデバイスの種類を選ぶことができます。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-11.png)
ここでは、この時点で最新の Pixel 5 にします。
同意を求められるので、同意します。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-12.jpg)
すると、Downloadが始まり、デバイスの追加がされます。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-12.png)
Visual Studio に戻ると、先程設定したデバイスが上部ツールバーに表示されています。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-13.png)
▶アイコンより、エミュレーターを起動します。
エミュレーター追加時のエラー
以下のようなエラーとなった場合の解消法をご紹介します。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-14.png)
「とにかく開始する」で開きます。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-15.png)
このような場合、Windowsの設定を変更する必要があります。
Windows 検索窓にて「Windows の機能の有効化または無効化」を検索し、開きます。
以下のような画面が開かれるので、「Windows ハイパーバイザープラットフォーム」にチェックを入れ、OKとします。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-17.png)
この変更が反映されているかどうかは、コマンドプロンプトでsysteminfoを叩いて確認することができます。
Hyper-Vの要件というところに注目します。
チェックと入れただけの状態では以下のようになっています。
Hyper-V の要件: VM モニター モード拡張機能: はい
ファームウェアで仮想化が有効になっています: はい
第 2 レベルのアドレス変換: はい
データ実行防止が使用できます: はい
変更が反映されていないようですので、PCの再起動をします。
再起動後に再びコマンドプロンプトでsysteminfoを叩くと、、
Hyper-V の要件: ハイパーバイザーが検出されました。Hyper-V に必要な機能は表示されません。
このような結果となります。
参考
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwWGFtYXJpbi5Gb3JtcyVFMyU4MCU5MUFuZHJvaWQlRTMlODIlQTglRTMlODMlOUYlRTMlODMlQTUlRTMlODMlQUMlRTMlODMlQkMlRTMlODIlQkYlRTMlODElQTclRTMlODMlODclRTMlODMlOTAlRTMlODMlODMlRTMlODIlQjAlRTMlODElOTklRTMlODIlOEIlRTMlODElOUYlRTMlODIlODElRTMlODElQUIlRTMlODIlODQlRTMlODElQTMlRTMlODElOUYlRTMlODElOTMlRTMlODElQTgmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWQ2ZjgwMjVhODQ3OGVlM2Y0NGI1ODE2ODhjM2UwNzhk&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBjNnRvd2VyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zNjJkYjVhNjM2NTgzOGNmZDM5YWZhZGE3MWQzZjNiZQ&blend-x=142&blend-y=486&blend-mode=normal&s=9e4d54f22adbb73814bfd7a06a2a82da)
この状態で、再度、Visual Studio の▶アイコンより、エミュレーターを起動します。
すると以下の画面が立ち上がります。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-18.png)
無事に起動完了です!
iOSを開くための Hot Restart の設定
Windows PCにライトニングケーブルでiPhoneを接続し、iPhone上に表示されている画面をPCに表示することができるようです。
そのために必要な設定が、まず、Hot Restartをオンにすること。
version 16.9 以降では、Xamarin Hot Restart はデフォルトでオンになっています。
ちなみに、オフにする場合は、[ツール > オプション] > Xamarin > iOS 設定で [ホット再起動を有効にする] のチェックを外して行うことができます。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-20.png)
iPhoneデバイスをWindowsのPC上に表示できるようにしていきます。
WindowsPC にiOSデバイスであるiPhoneを接続します。
iPhoneのロックを解除
これまでは、Androidのプロジェクトがスタートアッププロジェクトに設定されていましたが、
iOSの方をスタートアッププロジェクトに切り替えます。
「スタートアッププロジェクトに設定」をすると文字が微妙に太くなります。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-21.png)
期待していた動作は、以下の上部ツールバーで「リモートデバイス」と表示されているところで「iPhone」を選択できることです。
![](https://almonta2021blog.com/wp-content/uploads/2022/08/image-22.png)
しかし、Visual Studio 2022 では対応してないのか、表示することができません。
Visual Studio 2019では以下のYouTubeのようにできるようなのですが、同じようにいきません。
以上、お読みいただきありがとうございました。
コメント