Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix sample code missmatch on ListView page #1337

Merged
merged 4 commits into from
Aug 30, 2023
Merged

Fix sample code missmatch on ListView page #1337

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f8836a4
Fix missmatch between sample code and actual code
marcelwgn Aug 27, 2023
10104c5
Merge branch 'main' into dev/1334-fix-listview-sample-missmatch
marcelwgn Aug 28, 2023
745510d
CR feedback and further adjustments
marcelwgn Aug 29, 2023
180c6d6
Merge branch 'main' into dev/1334-fix-listview-sample-missmatch
karkarl Aug 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 23 additions & 24 deletions WinUIGallery/ControlPages/ListViewPage.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -409,34 +409,33 @@ sent or received, and those values are bound in the DataTemplate.-->
BorderThickness="1"
BorderBrush="{ThemeResource SystemControlForegroundBaseMediumLowBrush}">

<!-- Data Template Used: -->
<!-- The data template is bound to a custom-created data type called CustomDataObject. -->
<!-- The full code for the class can be found in this page's source code, but its attributes are referenced/bound below. -->
<ListView.ItemTemplate>
<DataTemplate x:DataType="local1:CustomDataObject">
<Grid Margin="0,12,0,12" AutomationProperties.Name="{x:Bind Title}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" MinWidth="150"/>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Source="{x:Bind ImageLocation}" MaxHeight="100" Stretch="Fill"/>

<DataTemplate x:DataType="local1:CustomDataObject">
<Grid Margin="0,12,0,12" AutomationProperties.Name="{x:Bind Title}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" MinWidth="150"/>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Source="{x:Bind ImageLocation}" MaxHeight="100" Stretch="Fill"/>

<StackPanel Margin="12,0,0,0" Grid.Column="1" >
<TextBlock Text="{x:Bind Title}" FontSize="14" FontWeight="SemiBold" Style="{ThemeResource BaseTextBlockStyle}"
HorizontalAlignment="Left" Margin="0,0,0,6" LineHeight="20"/>
<TextBlock Text="{x:Bind Description}" FontFamily="Segoe UI" FontWeight="Normal" Style="{ThemeResource BodyTextBlockStyle}"
TextTrimming="CharacterEllipsis" Width="350" MaxLines="1"/>
<StackPanel Orientation="Horizontal">
<TextBlock Text="{x:Bind Views}" HorizontalAlignment="Left" Style="{ThemeResource CaptionTextBlockStyle}" Margin="0,0,0,0"/>
<TextBlock Text=" Views " HorizontalAlignment="Left" Style="{ThemeResource CaptionTextBlockStyle}"/>
<TextBlock Text=" ⋅ " Style="{ThemeResource CaptionTextBlockStyle}"
HorizontalAlignment="Left"/>
<TextBlock Text="{x:Bind Likes}" HorizontalAlignment="Left" Style="{ThemeResource CaptionTextBlockStyle}" Margin="5,0,0,0"/>
<TextBlock Text=" Likes" HorizontalAlignment="Left" Style="{ThemeResource CaptionTextBlockStyle}"/>
<StackPanel Margin="12,0,0,0" Grid.Column="1" >
<TextBlock Text="{x:Bind Title}" FontSize="14" FontWeight="SemiBold" Style="{ThemeResource BaseTextBlockStyle}"
HorizontalAlignment="Left" Margin="0,0,0,6" LineHeight="20"/>
<TextBlock Text="{x:Bind Description}" FontFamily="Segoe UI" FontWeight="Normal" Style="{ThemeResource BodyTextBlockStyle}"
TextTrimming="CharacterEllipsis" Width="350" TextWrapping="NoWrap"/>
<StackPanel Orientation="Horizontal">
<TextBlock Text="{x:Bind Views}" Style="{ThemeResource CaptionTextBlockStyle}" Margin="0"/>
<TextBlock Text=" Views " Style="{ThemeResource CaptionTextBlockStyle}"/>
<TextBlock Text=" ⋅ " Style="{ThemeResource CaptionTextBlockStyle}"/>
<TextBlock Text="{x:Bind Likes}" Style="{ThemeResource CaptionTextBlockStyle}" Margin="5,0,0,0"/>
<TextBlock Text=" Likes" Style="{ThemeResource CaptionTextBlockStyle}"/>
</StackPanel>
</StackPanel>
</StackPanel>
</Grid>
</DataTemplate>
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
</x:String>
</local:ControlExample.Xaml>
</local:ControlExample>
Expand Down