広告
Xamarin.Forms
- ここではXamarin.Formsで開発した「EnglishQuiz - 英語クイズ」の作り方を解説します。
- MacOSXの「Visual Studio for Mac」を使って解説しますが、Windowsの「Visual Studio 2015」でも同様のことができます。
- このアプリは、英単語の意味を英語で再生するので、リストからどの英単語か当てるクイズです。
- ほとんどiOSとAndroidで共通のコードで実装していますが、音声の再生だけはiOSとAndroidで別々のコードを実装しなければなりません。
サンプルアプリ
| サンプルアプリ名 | iOS版 | Android版 | ソース |
|---|---|---|---|
| 英語クイズ | iOS版 | Android版 | ソース |
入門書の紹介
- このアプリは入門書では解説しません。
キャプチャ画像
プログラミング解説
- プロジェクトの作成、プロジェクトの実行、EnglishQuiz.csの解説
- 新しいページを作成、EnglishQuizPage.xamlのタイトル、EnglishQuiz.csでメインページ
- リストビューの定義、データバインディングの解説、アイテムデータの追加
- ITextToSpeech.csの新規作成、_speechインスタンスの宣言、iOSで音声再生、Speechクラスのインスタンス、再生ボタンの追加
- 正解のページ追加、AnswerPage.xamlでラベル、AnswerPage.xaml.csで文字列、リストのアイテムをクリックした場合、音声の英単語が正解の場合
- Androidで音声再生、Speechクラスのインスタンス生成