open-maui/OpenMaui
2
0
Fork 0
Code Issues Releases 1

Add control gallery sample and roadmap documentation

Browse Source 
- Add comprehensive ControlGallery sample app with 12 pages
  demonstrating all 35+ controls
- Add detailed ROADMAP.md with version milestones
- Add README placeholders for VSIX icons and template images
- Sample pages include: Home, Buttons, Labels, Entry, Pickers,
  Sliders, Toggles, Progress, Images, CollectionView, CarouselView,
  SwipeView, RefreshView

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
logikonline
2025-12-19 05:24:35 -05:00
parent 1d9338d823
commit f945d2a537
38 changed files with 1711 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
samples/ControlGallery/Pages/ImagesPage.xaml Normal file
View File

@@ -0,0 +1,102 @@
<?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="ControlGallery.Pages.ImagesPage"
Title="Images">
<ScrollView>
<VerticalStackLayout Spacing="20" Padding="20">
<Label Text="Image Controls" FontSize="24" FontAttributes="Bold" />
<!-- Basic Image -->
<Frame Padding="15" CornerRadius="8">
<VerticalStackLayout Spacing="10">
<Label Text="Basic Image" FontAttributes="Bold" />
<Image Source="dotnet_bot.png"
WidthRequest="150"
HeightRequest="150"
HorizontalOptions="Center" />
</VerticalStackLayout>
</Frame>
<!-- Image Aspect Ratios -->
<Frame Padding="15" CornerRadius="8">
<VerticalStackLayout Spacing="10">
<Label Text="Aspect Ratios" FontAttributes="Bold" />
<HorizontalStackLayout Spacing="10">
<VerticalStackLayout>
<Label Text="AspectFit" FontSize="12" HorizontalOptions="Center" />
<Image Source="dotnet_bot.png"
Aspect="AspectFit"
WidthRequest="80"
HeightRequest="80"
BackgroundColor="{StaticResource Gray100}" />
</VerticalStackLayout>
<VerticalStackLayout>
<Label Text="AspectFill" FontSize="12" HorizontalOptions="Center" />
<Image Source="dotnet_bot.png"
Aspect="AspectFill"
WidthRequest="80"
HeightRequest="80"
BackgroundColor="{StaticResource Gray100}" />
</VerticalStackLayout>
<VerticalStackLayout>
<Label Text="Fill" FontSize="12" HorizontalOptions="Center" />
<Image Source="dotnet_bot.png"
Aspect="Fill"
WidthRequest="80"
HeightRequest="80"
BackgroundColor="{StaticResource Gray100}" />
</VerticalStackLayout>
</HorizontalStackLayout>
</VerticalStackLayout>
</Frame>
<!-- Image in Border -->
<Frame Padding="15" CornerRadius="8">
<VerticalStackLayout Spacing="10">
<Label Text="Image with Border" FontAttributes="Bold" />
<Border StrokeThickness="3"
Stroke="{StaticResource Primary}"
StrokeShape="RoundRectangle 20"
HorizontalOptions="Center">
<Image Source="dotnet_bot.png"
WidthRequest="120"
HeightRequest="120"
Aspect="AspectFill" />
</Border>
</VerticalStackLayout>
</Frame>
<!-- Circular Image -->
<Frame Padding="15" CornerRadius="8">
<VerticalStackLayout Spacing="10">
<Label Text="Circular Image (Avatar Style)" FontAttributes="Bold" />
<Border StrokeThickness="0"
StrokeShape="RoundRectangle 60"
HorizontalOptions="Center"
WidthRequest="120"
HeightRequest="120">
<Image Source="dotnet_bot.png"
Aspect="AspectFill" />
</Border>
</VerticalStackLayout>
</Frame>
<!-- Image Loading States -->
<Frame Padding="15" CornerRadius="8">
<VerticalStackLayout Spacing="10">
<Label Text="Image Loading" FontAttributes="Bold" />
<Label Text="Images support loading indicators and error handling" TextColor="{StaticResource Gray500}" />
<Image Source="https://via.placeholder.com/150"
WidthRequest="150"
HeightRequest="150"
HorizontalOptions="Center" />
</VerticalStackLayout>
</Frame>
</VerticalStackLayout>
</ScrollView>
</ContentPage>