UWP - ListView Array ItemsSource example

MainPage.xaml


<Page
    x:Class="UniversalAppTutorials.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UniversalAppTutorials"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <StackPanel 
        x:Name="stack_panel1" 
        Margin="50" 
        Orientation="Vertical"
        Background="PowderBlue"
        Padding="50"
        >
        <ListView 
            x:Name="ListView1" 
            Header="Choose A Color"
            SelectionChanged="ListView1_SelectionChanged"
            />
    </StackPanel>
</Page>

MainPage.xaml.cs


using Windows.UI.Xaml.Controls;
using Windows.UI.Popups;


namespace UniversalAppTutorials
{
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();

            // Initialize a new string array
            string[] colors = {
                "Crimson",
                "Green",
                "Blue",
                "Yellow",
                "Black",
                "Olive",
                "Magenta",
                "Orange",
                "Pink",
            };

            // Data bind the list view with array items
            ListView1.ItemsSource = colors;
        }


        private void ListView1_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            // Get the instance of ListView
            ListView listView = sender as ListView;

            // Get the ListView selected item text
            string selectedText = listView.SelectedItem.ToString();

            // Initialize a new message dialog
            MessageDialog dialog = new MessageDialog("Selected = " + selectedText);

            // Finally, display the selected item text on dialog
            dialog.ShowAsync();
        }
    }
}