Xamarin研究所

Xamarin.Forms

• 「英語クイズ」を作るために「プロジェクトの作成」「プロジェクトの実行」「EnglishQuiz.csの解説」を解説します。
• プロジェクトを新規作成してできた雛形を実行します。

プログラミング解説

• プロジェクトの作成
  • MacOSXで「Visual Studio for Mac」を起動します。
  • 「新しいソリューション」メニューを実行します。
  • 「Multiplatform」→「アプリ」→「Xamarin.Forms」→「Forms App」→「C#」を選び「次へ」をクリックします。
  • 「App Name」に「EnglishQuiz」と入力し、「次へ」をクリックします。
  • 「作成」をクリックします。

• プロジェクトの実行
  • IDE左の「EnglishQuiz.iOS」を右クリックメニューで「スタートアッププロジェクトとして設定」を実行します。
  • 「EnglishQuiz.iOS ＞ Debug ＞ iPhone SE iOS 10.0」などが選ばれていることを確認します。
  • IDE左上の▶ボタンをクリックします。
  • iOSシミュレータが起動し、画面に「Welcome to Xamarin Forms!」が表示されましたね？

• EnglishQuiz.csの解説

  		public App()
  		{
  			// The root page of your application
  			var content = new ContentPage
  			{
  				Title = "EnglishQuiz",
  				Content = new StackLayout
  				{
  					VerticalOptions = LayoutOptions.Center,
  					Children = {
  						new Label {
  							HorizontalTextAlignment = TextAlignment.Center,
  							Text = "Welcome to Xamarin Forms!"
  						}
  					}
  				}
  			};
  
  			MainPage = new NavigationPage(content);
  		}
  

  • 「EnglishQuiz.cs」ファイルを開きます。
  • 「var content = new ContentPage」でページに表示するコンテンツのクラスのインスタンスを宣言します。
  • 「Title = "EnglishQuiz",」でコンテンツのタイトルを「EnglishQuiz」にします。
  • 「Content = new StackLayout」でコンテンツを一番シンプルなレイアウトの「StackLayout」にします。
  • 「VerticalOptions = LayoutOptions.Center,」で縦の配置を中央に設定します。
  • 「Children = {」で「StackLayout」に追加する子を設定します。
  • 「new Label {」で「ラベル」を宣言します。
  • 「HorizontalTextAlignment = TextAlignment.Center,」で横の配置を中央に設定します。
  • 「Text = "Welcome to Xamarin Forms!"」でラベルの文字を「Welcome to Xamarin Forms!」に設定します。
  • 「MainPage = new NavigationPage(content);」でアプリケーションで最初に表示するメインのページをcontentインスタンスにします。「NavigationPage」のインスタンスにすることでページ遷移ができるようになり、タイトルが表示されます。

• 次へ