feat(SimpleListPage): Add Sample Page utilizing a FeedView-less ItemsSource bound ListView in an Mvux Uno App

Author: DevTKSS

src/DevTKSS.Uno.Samples.MvuxGallery/App.xaml.cs

@@ -122,7 +122,8 @@ private static void RegisterRoutes(IViewRegistry views, IRouteRegistry routes)
             new ViewMap<CounterPage, CounterModel>(),
             new ViewMap<DashboardPage, DashboardModel>(),
             new ViewMap<ListboardPage, ListboardModel>(),
-            new ViewMap<SimpleCardsPage, SimpleCardsModel>()
+            new ViewMap<SimpleCardsPage, SimpleCardsModel>(),
+            new ViewMap<SimpleListPage, SimpleListModel>()
         );
 
         routes.Register(
@@ -136,6 +137,7 @@ private static void RegisterRoutes(IViewRegistry views, IRouteRegistry routes)
                             new ("Listboard", View: views.FindByViewModel<ListboardModel>()),
                             new ("Counter", View: views.FindByViewModel<CounterModel>()),
                             new ("SimpleCards", View: views.FindByViewModel<SimpleCardsModel>()),
+                            new ("SimpleList", View: views.FindByViewModel<SimpleListModel>()),
                         ]
                     ),
 

src/DevTKSS.Uno.Samples.MvuxGallery/DevTKSS.Uno.Samples.MvuxGallery.csproj

@@ -56,5 +56,15 @@
     <Resource Include="Assets\Samples\*" CopyToOutputDirectory="PreserveNewest" />
     <UnoSplashScreen Include="Assets\SplashScreens\*" />
   </ItemGroup>
+  <ItemGroup>
+    <Compile Update="Presentation\Views\SimpleListPage.xaml.cs">
+      <DependentUpon>SimpleListPage.xaml</DependentUpon>
+    </Compile>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Update="Presentation\Views\SimpleListPage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
 
 </Project>

src/DevTKSS.Uno.Samples.MvuxGallery/Presentation/ViewModels/SimpleListModel.cs

@@ -0,0 +1,29 @@
+using Uno.Extensions.Reactive.Commands;
+
+namespace DevTKSS.Uno.Samples.MvuxGallery.Presentation.ViewModels;
+
+public partial record SimpleListModel
+{
+    #region Services
+    private readonly IStringLocalizer _stringLocalizer;
+    private readonly IGalleryImageService _galleryImageService;
+
+    #endregion
+    public SimpleListModel(
+        IStringLocalizer stringLocalizer,
+        IGalleryImageService galleryImageService
+)
+    {
+        this._stringLocalizer = stringLocalizer;
+        this._galleryImageService = galleryImageService;
+    }
+
+    public IListFeed<GalleryImageModel> GalleryImagesWithResw => ListFeed.Async(_galleryImageService.GetGalleryImagesWithReswAsync);
+
+
+    public IState<string> SimpleListTitle => State<string>.Value(this, () => _stringLocalizer["SimpleListTitle"]);
+
+}
+
+
+

src/DevTKSS.Uno.Samples.MvuxGallery/Presentation/Views/MainPage.xaml

@@ -55,6 +55,9 @@
                         <FontIcon x:Name="TaskView" Glyph="&#xEB91;" />
                     </NavigationViewItem.Icon>
                 </NavigationViewItem>
+                <NavigationViewItem Content="Simple List"
+                                    uen:Region.Name="SimpleList"
+                                    Icon="List" />
             </NavigationView.MenuItems>
 
             <NavigationView.Content>

src/DevTKSS.Uno.Samples.MvuxGallery/Presentation/Views/SimpleListPage.xaml

@@ -0,0 +1,16 @@
+<Page
+    x:Class="DevTKSS.Uno.Samples.MvuxGallery.Presentation.Views.SimpleListPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:DevTKSS.Uno.Samples.MvuxGallery.Presentation.Views"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d"
+    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+
+    <ListView ItemsSource="{Binding GalleryImagesWithResw}"
+              ItemTemplate="{StaticResource GalleryImageOverlayTemplate}"
+              SelectionMode="Single">
+    </ListView>
+
+</Page>

src/DevTKSS.Uno.Samples.MvuxGallery/Presentation/Views/SimpleListPage.xaml.cs

@@ -0,0 +1,28 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+using Microsoft.UI.Xaml.Data;
+using Microsoft.UI.Xaml.Input;
+using Microsoft.UI.Xaml.Media;
+using Microsoft.UI.Xaml.Navigation;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+
+// The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=234238
+
+namespace DevTKSS.Uno.Samples.MvuxGallery.Presentation.Views;
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+public sealed partial class SimpleListPage : Page
+{
+    public SimpleListPage()
+    {
+        this.InitializeComponent();
+    }
+}

src/DevTKSS.Uno.Samples.MvuxGallery/Strings/de/Resources.resw

@@ -151,9 +151,12 @@
     <value>Ein lebhafter Freigeist, der mit seinen lustigen Sprüngen und Hüpfern für pure Lebensfreude sorgt.</value>
   </data>
   <data name="WelcomeGreeting" xml:space="preserve">
-    <value>Willkommen zu meiner Uno App!</value>
+    <value>Willkommen zu meiner MvuxGallery App!</value>
   </data>
   <data name="SimpleCardsTitle" xml:space="preserve">
     <value>Definiere die Cards Elemente direkt im XAML der Seite</value>
   </data>
+  <data name="SimpleListTitle" xml:space="preserve">
+    <value>Hier gibts nur eine ListView ohne FeedView zu sehen</value>
+  </data>
 </root>

src/DevTKSS.Uno.Samples.MvuxGallery/Strings/en/Resources.resw

@@ -151,9 +151,12 @@
     <value>A lively free spirit who bounces around spreading cheer and fun.</value>
   </data>
   <data name="WelcomeGreeting" xml:space="preserve">
-    <value>Welcome to my first Uno HotDesign App!</value>
+    <value>Welcome to the MvuxGallery App!</value>
   </data>
   <data name="SimpleCardsTitle" xml:space="preserve">
     <value>Define the Cards Elements direkty in the XAML of your Page</value>
   </data>
+  <data name="SimpleListTitle" xml:space="preserve">
+    <value>The only one you can see here is a ListView without a FeedView.</value>
+  </data>
 </root>