NewPage1.xaml 29Jan

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  x:Class="MM2.Views.NewPage1"
  x:Name="this"
  xmlns:viewModels="clr-namespace:MM2.ViewModels"
  x:DataType="viewModels:MyViewModelx"
  xmlns:local="clr-namespace:MM2.Views"
  Title="NewPage1">


  <!--
  <ContentPage.BindingContext>
    <local:MyViewModel />
  </ContentPage.BindingContext>

  BindingContext="{x:Static local:MyViewModel}"
  xmlns:local="clr-namespace:MyViewModel"
    <local:MyViewModel />
  <ContentPage.BindingContext>
  </ContentPage.BindingContext>
-->

  <ContentPage.Resources>
    <ResourceDictionary>
    </ResourceDictionary>
    <Color x:Key="ColorUnSel">Gray</Color>
    <Color x:Key="ColorSel">Pink</Color>
    <!-- the above are used as fake selection in MiniView -->
    <Style TargetType="Border">
      <Setter Property="VisualStateManager.VisualStateGroups">
        <VisualStateGroupList>
          <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="Normal">
              <VisualState.Setters>
                <Setter Property="BackgroundColor" Value="LightGray" />
              </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Selected">
              <VisualState.Setters>
                <Setter Property="BackgroundColor" Value="Cornsilk" />
              </VisualState.Setters>
            </VisualState>
          </VisualStateGroup>
        </VisualStateGroupList>
      </Setter>
    </Style>
  </ContentPage.Resources>

<!--
  <ContentPage.BindingContext>
    <local:MyViewModel />
  </ContentPage.BindingContext>
 -->

  <ScrollView BindingContext="{Binding BindingContext,
              Source={x:Reference this}}">
    <VerticalStackLayout>
      <CollectionView x:Name="MiniView"
        SelectionMode="Single"
        SelectedItem="{Binding SelectedItem}"
        ItemsSource="{Binding ItemsOC}"
        SelectionChanged="MiniView_SelectionChanged">

        <CollectionView.ItemTemplate>
          <DataTemplate x:Name="WTF">
            <!-- x:DataType="Item"> -->
            <Border
              Padding="0"
              Margin="0" >
              <Label>
                <Label.Text>
                  <MultiBinding StringFormat="Name: {0}   $$ {1:N}">
                    <Binding Path="Acct" />
                    <Binding Path="Amount" />
                  </MultiBinding>
                </Label.Text>
              </Label>

            </Border>
          </DataTemplate>
        </CollectionView.ItemTemplate>
      </CollectionView>

      <HorizontalStackLayout>
        <Button x:Name="bUp"
        Text="Move Up"
        Clicked="clickUp"
        WidthRequest="120"
        HorizontalOptions="Start"
        IsEnabled="False"
         />

        <Button x:Name="bTop"
        Text="Move to Top"
        Clicked="clickToTop"
        HorizontalOptions="Start"
        WidthRequest="120"
        IsEnabled="False"
         />
    </HorizontalStackLayout>

    <HorizontalStackLayout>
        <Button x:Name="bDwn"
        Text="Move Down"
        Clicked="clickDown"
        HorizontalOptions="Start"
        WidthRequest="120"
        IsEnabled="False"
        />

        <Button x:Name="bDel"
        Text="Remove"
        Clicked="clickDelete"
        HorizontalOptions="Start"
        WidthRequest="120"
        IsEnabled="False"
        />
      </HorizontalStackLayout>

      <Label>
        <Label.Text>
          <Binding Path="theDate"
             StringFormat="ABC: {0:ddd dd-MMM-yyyy" />
        </Label.Text>
      </Label>

      <Label Text="{Binding theDate}"/>
      <Label Text="A" />
      <Label Text="B" />
      <Label Text="{Binding anInt}"/>
      <Label Text="END"/>
    </VerticalStackLayout>
  </ScrollView>
</ContentPage>