広告
Xamarin.Forms
- 「英語クイズ」を作るために「新しいページを作成」「EnglishQuizPage.xamlのタイトル」「EnglishQuiz.csでメインページ」を解説します。
- 新たに「EnglishQuizPage」ページを作成します。
プログラミング解説
- 新しいページを作成
- IDE左のEnglishQuizフォルダで右クリックし「追加」→「新しいファイル」を実行します。
- 「Forms」→「Forms ContentPage Xaml」を選び、「名前」に「EnglishQuizPage」と入力し、「新規」ボタンをクリックします。
- XamlファイルはホームページのHTMLに似たXMLファイルで、Xamarin.Formsではインターフェースの外観を定義するファイルです。
- EnglishQuizPage.xamlのタイトル
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="EnglishQuiz.EnglishQuizPage" Title="英語クイズ">
- 新規作成した「EnglishQuizPage.xaml」ファイルを開きます。
- 「Title="英語クイズ"」とタイトルを設定します。
- EnglishQuiz.csでメインページ
public App() { MainPage = new NavigationPage(new EnglishQuizPage()) { BarBackgroundColor = Color.FromRgba(0.75, 0.75, 0.75, 1), }; }
- 「EnglishQuiz.cs」ファイルを開きます。
- メインページに「EnglishQuizPage()」のインスタンスを指定します。
- 「BarBackgroundColor = Color.FromRgba(0.75, 0.75, 0.75, 1),」でナビゲーションバーの背景色を薄いグレーにします。
- IDE左上の▶を実行するとシミュレータ画面上部に「英語クイズ」のタイトルが出ます。