Support for BasemapGallery toolkit control to include 3D Basemaps

src/Samples/Toolkit.SampleApp.Maui/Samples/BasemapGallerySceneViewAppearanceSample.xaml

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="Toolkit.SampleApp.Maui.Samples.BasemapGallerySceneViewAppearanceSample"
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:esri="clr-namespace:Esri.ArcGISRuntime.Maui;assembly=Esri.ArcGISRuntime.Maui"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:toolkit="clr-namespace:Esri.ArcGISRuntime.Toolkit.Maui;assembly=Esri.ArcGISRuntime.Toolkit.Maui"
+    Title="3D BasemapGallery - appearance"
+    mc:Ignorable="d">
+    <ContentPage.Content>
+        <Grid BackgroundColor="{AppThemeBinding Dark=Black, Light=White}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="*" />
+                <RowDefinition Height="200" />
+            </Grid.RowDefinitions>
+            <StackLayout Grid.Row="0" Orientation="Horizontal">
+                <Button Clicked="Button_Add_Item" Text="Add special items" />
+                <Button Clicked="Button_Remove_Item" Text="Remove last item" />
+            </StackLayout>
+
+            <esri:SceneView x:Name="MySceneView" Grid.Row="1" />
+
+            <toolkit:BasemapGallery
+                x:Name="Gallery"
+                Grid.Row="2"
+                GeoModel="{Binding Source={x:Reference MySceneView}, Path=Scene, Mode=OneWay}" />
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>

src/Samples/Toolkit.SampleApp.Maui/Samples/BasemapGallerySceneViewAppearanceSample.xaml.cs

@@ -0,0 +1,38 @@
+using Esri.ArcGISRuntime.Mapping;
+using Esri.ArcGISRuntime.Toolkit.Maui;
+
+namespace Toolkit.SampleApp.Maui.Samples
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    [SampleInfo(Category = "BasemapGallery", Description = "Sceneview Basemap Appearance customization sample", ApiKeyRequired = true)]
+    public partial class BasemapGallerySceneViewAppearanceSample : ContentPage
+    {
+        public BasemapGallerySceneViewAppearanceSample()
+        {
+            InitializeComponent();
+            MySceneView.Scene = new Scene(BasemapStyle.ArcGISImagery);
+        }
+
+        private async void Button_Add_Item(object? sender, EventArgs e)
+        {
+            if (Gallery.AvailableBasemaps is null) return;
+            BasemapGalleryItem item = await BasemapGalleryItem.CreateAsync(new Basemap());
+            item.Name = "With Thumbnail";
+            item.Tooltip = Guid.NewGuid().ToString();
+            item.Thumbnail = new Esri.ArcGISRuntime.UI.RuntimeImage(new Uri("https://www.esri.com/content/dam/esrisites/en-us/home/homepage-tile-arcgis-collaboration.jpg"));
+            Gallery.AvailableBasemaps.Add(item);
+
+            BasemapGalleryItem item2 = await BasemapGalleryItem.CreateAsync(new Basemap());
+            item2.Name = "Without Thumbnail";
+            Gallery.AvailableBasemaps.Add(item2);
+        }
+
+        private void Button_Remove_Item(object? sender, EventArgs e)
+        {
+            if (Gallery.AvailableBasemaps?.Any() == true)
+            {
+                Gallery.AvailableBasemaps.RemoveAt(Gallery.AvailableBasemaps.Count - 1);
+            }
+        }
+    }
+}

src/Samples/Toolkit.SampleApp.UWP/Samples/BasemapGallery/BasemapGalleryAppearanceSample.xaml

@@ -50,7 +50,7 @@
             Background="White">
             <toolkit:BasemapGallery
                 x:Name="Gallery"
-                Width="{x:Bind WidthSlider.Value}"
+                Width="{x:Bind WidthSlider.Value, Mode=OneWay}"
                 GeoModel="{x:Bind MyMapView.Map, Mode=OneWay}" />
         </Border>
     </Grid>

src/Samples/Toolkit.SampleApp.UWP/Samples/BasemapGallery/BasemapGallerySceneViewAppearanceSample.xaml

@@ -0,0 +1,57 @@
+<Page
+    x:Class="Esri.ArcGISRuntime.Toolkit.SampleApp.Samples.BasemapGallery.BasemapGallerySceneViewAppearanceSample"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:esri="using:Esri.ArcGISRuntime.UI.Controls"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:toolkit="using:Esri.ArcGISRuntime.Toolkit.UI.Controls"
+    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
+    mc:Ignorable="d">
+    <Page.Resources>
+        <Style TargetType="Button">
+            <Setter Property="HorizontalAlignment" Value="Stretch" />
+        </Style>
+    </Page.Resources>
+    <Grid>
+        <esri:SceneView x:Name="MySceneView" />
+
+        <Border
+            Width="200"
+            Margin="8"
+            Padding="8"
+            HorizontalAlignment="Right"
+            VerticalAlignment="Top"
+            Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+            <StackPanel>
+                <TextBlock Text="Control Width:" />
+                <Slider
+                    x:Name="WidthSlider"
+                    Maximum="1000"
+                    Minimum="0"
+                    Value="200" />
+                <TextBlock Text="Gallery View Style: " />
+                <ComboBox
+                    x:Name="ViewStyleCombobox"
+                    HorizontalAlignment="Stretch"
+                    SelectionChanged="ViewStyleCombobox_SelectionChanged" />
+                <Button
+                    Margin="0,4,0,4"
+                    Click="Button_Add_Last"
+                    Content="Add special items" />
+                <Button Click="Button_Remove_Last" Content="Remove last item" />
+            </StackPanel>
+        </Border>
+
+        <Border
+            Margin="8"
+            HorizontalAlignment="Left"
+            VerticalAlignment="Bottom"
+            Background="White">
+            <toolkit:BasemapGallery
+                x:Name="Gallery"
+                Width="{x:Bind WidthSlider.Value, Mode=OneWay}"
+                GeoModel="{x:Bind MySceneView.Scene, Mode=OneWay}" />
+        </Border>
+    </Grid>
+</Page>

src/Samples/Toolkit.SampleApp.UWP/Samples/BasemapGallery/BasemapGallerySceneViewAppearanceSample.xaml.cs

@@ -0,0 +1,58 @@
+using Esri.ArcGISRuntime.Mapping;
+using Esri.ArcGISRuntime.Toolkit.UI;
+using System;
+using System.Linq;
+
+namespace Esri.ArcGISRuntime.Toolkit.SampleApp.Samples.BasemapGallery
+{
+    [SampleInfo(ApiKeyRequired = true)]
+    public sealed partial class BasemapGallerySceneViewAppearanceSample : Page
+    {
+        public BasemapGallerySceneViewAppearanceSample()
+        {
+            InitializeComponent();
+            MySceneView.Scene = new Scene(BasemapStyle.ArcGISImagery);
+            ViewStyleCombobox.Items.Add("Auto");
+            ViewStyleCombobox.Items.Add("List");
+            ViewStyleCombobox.Items.Add("Grid");
+            ViewStyleCombobox.SelectedIndex = 0;
+        }
+
+        private void ViewStyleCombobox_SelectionChanged(object sender, SelectionChangedEventArgs e)
+        {
+            switch (ViewStyleCombobox.SelectedIndex)
+            {
+                case 0:
+                    Gallery.GalleryViewStyle = BasemapGalleryViewStyle.Automatic;
+                    break;
+                case 1:
+                    Gallery.GalleryViewStyle = BasemapGalleryViewStyle.List;
+                    break;
+                case 2:
+                    Gallery.GalleryViewStyle = BasemapGalleryViewStyle.Grid;
+                    break;
+            }
+        }
+
+        private async void Button_Add_Last(object sender, RoutedEventArgs e)
+        {
+            BasemapGalleryItem item = await BasemapGalleryItem.CreateAsync(new Basemap());
+            item.Name = "With Thumbnail";
+            item.Tooltip = Guid.NewGuid().ToString();
+            item.Thumbnail = new ArcGISRuntime.UI.RuntimeImage(new Uri("https://www.esri.com/content/dam/esrisites/en-us/home/homepage-tile-arcgis-collaboration.jpg"));
+            Gallery.AvailableBasemaps.Add(item);
+
+            BasemapGalleryItem item2 = await BasemapGalleryItem.CreateAsync(new Basemap());
+            item2.Name = "Without Thumbnail";
+            Gallery.AvailableBasemaps.Add(item2);
+        }
+
+        private void Button_Remove_Last(object sender, RoutedEventArgs e)
+        {
+            if (Gallery.AvailableBasemaps.Any())
+            {
+                Gallery.AvailableBasemaps.Remove(Gallery.AvailableBasemaps.Last());
+            }
+        }
+    }
+}

src/Samples/Toolkit.SampleApp.UWP/Toolkit.Samples.UWP.csproj

@@ -119,6 +119,9 @@
       <DependentUpon>MainPage.xaml</DependentUpon>
     </Compile>
     <Compile Include="SampleDatasource.cs" />
+    <Compile Include="Samples\BasemapGallery\BasemapGallerySceneViewAppearanceSample.xaml.cs">
+      <DependentUpon>BasemapGallerySceneViewAppearanceSample.xaml</DependentUpon>
+    </Compile>
     <Compile Include="Samples\BasemapGallery\BasemapGalleryAppearanceSample.xaml.cs">
       <DependentUpon>BasemapGalleryAppearanceSample.xaml</DependentUpon>
     </Compile>
@@ -218,6 +221,10 @@
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
     </Page>
+    <Page Include="Samples\BasemapGallery\BasemapGallerySceneViewAppearanceSample.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
     <Page Include="Samples\BasemapGallery\BasemapGalleryAppearanceSample.xaml">
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
@@ -322,9 +329,9 @@
           <Project>{a6431f30-a608-4c78-80be-548c322cbe75}</Project>
           <Name>Esri.ArcGISRuntime.Toolkit.UWP</Name>
         </ProjectReference>
-       <PackageReference Include="Esri.ArcGISRuntime.UWP">
-         <Version>$(ArcGISRuntimePackageVersion)</Version>
-       </PackageReference>
+        <PackageReference Include="Esri.ArcGISRuntime.UWP">
+          <Version>$(ArcGISRuntimePackageVersion)</Version>
+        </PackageReference>
       </ItemGroup>
     </When>
     <Otherwise>
@@ -358,4 +365,4 @@
   <Target Name="AfterBuild">
   </Target>
   -->
-</Project>
+</Project>

src/Samples/Toolkit.SampleApp.WPF/Samples/BasemapGallery/BasemapGallerySceneViewAppearanceSample.xaml

@@ -0,0 +1,49 @@
+<UserControl
+    x:Class="Esri.ArcGISRuntime.Toolkit.Samples.BasemapGallery.BasemapGallerySceneViewAppearanceSample"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:esri="http://schemas.esri.com/arcgis/runtime/2013"
+    xmlns:local="clr-namespace:Esri.ArcGISRuntime.Toolkit.Samples.BasemapGallery"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    mc:Ignorable="d">
+    <Grid>
+        <esri:SceneView x:Name="MySceneView" />
+        <Border
+            Width="200"
+            Margin="8"
+            Padding="8"
+            HorizontalAlignment="Right"
+            VerticalAlignment="Top"
+            Background="White">
+            <StackPanel>
+                <Label Content="Control Width:" />
+                <Slider
+                    x:Name="WidthSlider"
+                    Maximum="1000"
+                    Minimum="0"
+                    Value="200" />
+                <Label Content="Gallery View Style: " />
+                <ComboBox x:Name="ViewStyleCombobox" SelectionChanged="ViewStyleCombobox_SelectionChanged" />
+                <Button
+                    Margin="0,4,0,4"
+                    Click="Button_Add_Last"
+                    Content="Add special items" />
+                <Button Click="Button_Remove_Last" Content="Remove last item" />
+            </StackPanel>
+        </Border>
+
+        <Border
+            Margin="8"
+            HorizontalAlignment="Left"
+            VerticalAlignment="Bottom"
+            Background="White">
+            <esri:BasemapGallery
+                x:Name="Gallery"
+                Width="{Binding ElementName=WidthSlider, Path=Value}"
+                GeoModel="{Binding ElementName=MySceneView, Path=Scene, Mode=OneWay}" />
+        </Border>
+    </Grid>
+</UserControl>

src/Samples/Toolkit.SampleApp.WPF/Samples/BasemapGallery/BasemapGallerySceneViewAppearanceSample.xaml.cs

@@ -0,0 +1,60 @@
+using Esri.ArcGISRuntime.Mapping;
+using Esri.ArcGISRuntime.Toolkit.UI;
+using System;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+
+namespace Esri.ArcGISRuntime.Toolkit.Samples.BasemapGallery
+{
+    [SampleInfo(Category = "BasemapGallery", DisplayName = "Sceneview BasemapGallery - Appearance", Description = "Sample showing customization options related to appearance for a Sceneview Basemap Gallery", ApiKeyRequired = true)]
+    public partial class BasemapGallerySceneViewAppearanceSample : UserControl
+    {
+        public BasemapGallerySceneViewAppearanceSample()
+        {
+            InitializeComponent();
+            MySceneView.Scene = new Scene(BasemapStyle.ArcGISImagery);
+            ViewStyleCombobox.Items.Add("Auto");
+            ViewStyleCombobox.Items.Add("List");
+            ViewStyleCombobox.Items.Add("Grid");
+            ViewStyleCombobox.SelectedIndex = 0;
+        }
+
+        private void ViewStyleCombobox_SelectionChanged(object sender, SelectionChangedEventArgs e)
+        {
+            switch (ViewStyleCombobox.SelectedIndex)
+            {
+                case 0:
+                    Gallery.GalleryViewStyle = BasemapGalleryViewStyle.Automatic;
+                    break;
+                case 1:
+                    Gallery.GalleryViewStyle = BasemapGalleryViewStyle.List;
+                    break;
+                case 2:
+                    Gallery.GalleryViewStyle = BasemapGalleryViewStyle.Grid;
+                    break;
+            }
+        }
+
+        private async void Button_Add_Last(object sender, RoutedEventArgs e)
+        {
+            BasemapGalleryItem item = await BasemapGalleryItem.CreateAsync(new Basemap());
+            item.Name = "With Thumbnail";
+            item.Tooltip = Guid.NewGuid().ToString();
+            item.Thumbnail = new ArcGISRuntime.UI.RuntimeImage(new Uri("https://www.esri.com/content/dam/esrisites/en-us/home/homepage-tile-arcgis-collaboration.jpg"));
+            Gallery.AvailableBasemaps.Add(item);
+
+            BasemapGalleryItem item2 = await BasemapGalleryItem.CreateAsync(new Basemap());
+            item2.Name = "Without Thumbnail";
+            Gallery.AvailableBasemaps.Add(item2);
+        }
+
+        private void Button_Remove_Last(object sender, RoutedEventArgs e)
+        {
+            if (Gallery.AvailableBasemaps.Any())
+            {
+                Gallery.AvailableBasemaps.Remove(Gallery.AvailableBasemaps.Last());
+            }
+        }
+    }
+}