昔はかなりお世話になったVisual Studioですが、最近はさっぱり使わなくなってしまいました。完全に浦島太郎状態の初老のBoです。
今回は、C#でAndroidアプリを作った事がない、初老プログラマーが躓いた内容を自分の備忘録として残します。
もしかすると、バリバリのデベロッパーの皆さんには、
![](https://bo-blog.net/wp-content/uploads/2018/12/7a86263f86a12947a81fc58fcd5c392f_s_150x150.jpg)
と思わるかもしれませんが、海外のStack Overflowなどでも的確な解決策が得られなかった内容となります。
![](https://bo-blog.net/wp-content/uploads/2018/12/3599c27af271c7fcd5c653659d760b78_150x150.jpg)
環境は以下の通りです。
- Window10 Pro 64bit
- Visual Studio Community 2019 (以下VS)
- Xamarin.Android
開発環境を整える
マイクロソフトのチュートリアルに従って環境を構築しました。
![Visual Studio](https://visualstudio.microsoft.com/wp-content/uploads/2017/02/Microsoft-favicon.png)
VSをインストールする時に、「.NETによるモバイル開発」を選択します。
![](https://bo-blog.net/wp-content/uploads/2020/11/512291956d436e5ec855553adc95a652.jpg)
ここまでは、特に問題はないです。
![](https://bo-blog.net/wp-content/uploads/2018/12/3599c27af271c7fcd5c653659d760b78_150x150.jpg)
躓いた問題と解決策
マイクロソフトのクイックスタートチュートリアルに従い作業してみました。
エミュレーターが絶望的に重い
問題の詳細
なんか分かりませんが、エミュレーターを立ち上げてみると、フリーズしてんじゃないかと思うほど、起動するのに時間がかかり、やっと起動したと思っても激重です。デザイナーで作った画面を展開するにも100万年くらいかかり、動作も不安定で、この時点でエミュレーターを使った開発は無理?もしかして、Androidの実機を用意する必要がある?と、やる気を失くしました。
解決策
チュートリアルの「エミュレーターのパフォーマンスのためのハードウェア高速化 (Hyper-V と HAXM)」を実施すると、ビックリするほど軽快になりました。
可能な環境を持っていれば、まず実施した方が良さそうです。
Android Designerでレイアウトの表示がおかしい
問題の詳細
空のアプリを生成した後に、ソリューション エクスプローラーで Resources フォルダーを展開してから layout フォルダーを展開して、 activity_main.axml をダブルクリックして、Android Designer で開いても、チュートリアルの様なレイアウト(デザインサーフェイス)が表示されない。
![](https://docs.microsoft.com/ja-jp/xamarin/android/get-started/hello-android/hello-android-quickstart-images/vs/03-open-layout-w158.png#lightbox)
![](https://bo-blog.net/wp-content/uploads/2020/11/aa6851ddfa494e996cd98066e3e7c758.jpg)
解決策
どうやら、ソリューションを保存するフォルダに日本語が含まれているのが原因のようです。この他にもビルドの時などにも、ファイルが見つからない的なメッセージが表示されていましたが、フォルダ名から日本語を追放すると直りました。
![](https://bo-blog.net/wp-content/uploads/2020/11/f1bd6de2f42cf10203b29c6911908bc4.jpg)
ウィジットの配置が説明通りにならない
問題の詳細
チュートリアルの従って、ツールボックスからText (Large) ウィジェットをドラッグして、次にプレーンテキスト ウィジェットを先程のText (Large) ウィジェットの下に配置しようとしても、重なってしまう。
![](https://bo-blog.net/wp-content/uploads/2020/11/017def37caa6ed877564d33016206a09.jpg)
試行錯誤
どうやら、これは
android:layout_below
="@id/textView1
"
が効いていない状態だと分かりました。
調べると、海外のStack Overflowなどでも、多分同じ症状を訴えている書き込みがあり、そこには「ソリューションのクリーンを実施したら直る」的な事が書いてあったり、他には、上のウィジェットの属性がandroid:layout_height=”match_parent”になっているのが原因では?
というコメントや解決策の提案が多く見受けられました。
まず、ソリリューションのクリーンを試しましたが、直りませんでした。
それから、Text (Large) ウィジェットの属性は
android:layout_width="wrap_content"
android:layout_height="wrap_content"
となっており、該当しません。
ちなみに、Text (Large) ウィジェットのidが
android:id="@+id/textView1"
で
プレーンテキスト ウィジェットでのlayout_belowの値を
android:layout_below="@id/textView1"
から
android:layout_below="@+id/textView1"
に変更すると、
![](https://bo-blog.net/wp-content/uploads/2020/11/87e7b3ca5d808c2668f040b98ac1afc1.jpg)
![](https://bo-blog.net/wp-content/uploads/2018/12/3599c27af271c7fcd5c653659d760b78_150x150.jpg)
と思いましたが、チュートリアルにはそんな事は書いていません。。。。
そもそも、@+id/~と、@id/~って、なんだろうと思って調べたら、
プラス記号付きIDは追加、プラス記号無しIDは参照とのことです。
という事らしいので、チュートリアルは正しくて
android:layout_below="@id/textView1"
で動作するべきなのですが、正常動作しません。
不完全 解決策
諦めて、ふて寝しようと思いVSを終了しましたが、なんか気になったのでもう一度、起動してソリューションをロードすると、
![](https://bo-blog.net/wp-content/uploads/2020/11/87e7b3ca5d808c2668f040b98ac1afc1.jpg)
なんと!意図した通り、Text (Large) ウィジェットの下にプレーンテキスト ウィジェットが配置されていました!
![](https://bo-blog.net/wp-content/uploads/2018/12/3599c27af271c7fcd5c653659d760b78_150x150.jpg)
この状態で、他のウィジェットを配置してみると、今度は意図したとおりに、ウィジェットが配置されます!
![](https://bo-blog.net/wp-content/uploads/2018/12/3599c27af271c7fcd5c653659d760b78_150x150.jpg)
理由は分かりませんが、コレが解決策です。
理由がわかる方がいらしたら、コメントお願い致します。
![](https://bo-blog.net/wp-content/uploads/2018/12/3599c27af271c7fcd5c653659d760b78_150x150.jpg)
最後に
一番最初に躓いたので、かなりやる気を削がれましたが、先に進めそうなので、もう少し頑張ってみようと思います。
もう少し調査が必要ですね。