2016年

5月

10日

Xamarin.Froms ListView

 

「名前」を表示する基本ListView。

Androidエミレーター表示

ファイル --> 新規作成  --> プロジェクト(P)...  --> Cross-Platform --> Xamarin-Forms で作成

プロジェクト XFContenPageを右クリック --> 追加(D) --> 新しい項目(W)...をクリック

Cross-Platform --> code --> Forms Xaml Page を選択 名前:HomePage 追加

HomePage.xamlを書き換える。

 

BackgroundColor="Blue"
Title="Home Page"
  <ListView x:Name="MainListView"/>

HomePage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="XFPart2LBE05.HomePage"
             BackgroundColor="Blue"
             Title="Home Page">
 
  <ListView x:Name="MainListView"/>
 
</ContentPage>

HomePage.xaml.csを書き換える。

HomePage.xaml.csにList一覧を記述する。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using Xamarin.Forms;

namespace XFPart2LBE05
{
    public partial class HomePage : ContentPage
    {
        public HomePage()
        {
            InitializeComponent();

            MainListView.ItemsSource = new List<string>
            {
                "山田","田中","坂本","鈴木","山口"
            };
        }
    }
}

App.cs MainPageの書き換え

App.cs

MainPage = new HomePage(); 1行のみ

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using Xamarin.Forms;

namespace XFPart2LBE05
{
    public class App : Application
    {
        public App()
        {
            // The root page of your application
            MainPage = new HomePage();
          
            //MainPage = new ContentPage
            //{
            //    Content = new StackLayout
            //    {
            //        VerticalOptions = LayoutOptions.Center,
            //        Children = {
            //             new Label {
            //                 HorizontalTextAlignment = TextAlignment.Center,
            //                 Text = "Welcome to Xamarin Forms!"
            //             }
            //         }
            //    }
            //};
        }

        protected override void OnStart()
        {
            // Handle when your app starts
        }

        protected override void OnSleep()
        {
            // Handle when your app sleeps
        }

        protected override void OnResume()
        {
            // Handle when your app resumes
        }
    }
}

 

目 次