Skip to content

Replace deprecated ListView samples with CollectionView #780

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

Open
jfversluis wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Replace deprecated ListView samples with CollectionView #780

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
932521a
Replace deprecated ListView samples with CollectionView
jfversluis Aug 28, 2026
96724a4
Remove unrelated whitespace change
jfversluis Aug 28, 2026
2662339
Limit style cleanup to .NET 10 samples
jfversluis Sep 1, 2026
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
7 changes: 0 additions & 7 deletions 10.0/AI/ChatClient/src/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -267,13 +267,6 @@
Value="Center"/>
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor"
Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}"/>
<Setter Property="RefreshControlColor"
Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}"/>
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor"
Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}"/>
Expand Down
5 changes: 0 additions & 5 deletions 10.0/AI/ChatClientWithTools/src/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -199,11 +199,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Animations/Animations/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -205,11 +205,6 @@
</Setter>
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Apps/BugSweeper/BugSweeper/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -197,11 +197,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Apps/Calculator/src/Calculator/Resources/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -200,11 +200,6 @@
<Setter Property="FontSize" Value="14" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource LightGray}, Dark={StaticResource DarkGray}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource DarkGray}, Dark={StaticResource LightGray}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource DarkGray}, Dark={StaticResource LightGray}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Apps/DeveloperBalance/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -200,11 +200,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Apps/EmployeeDirectory/EmployeeDirectory/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -199,11 +199,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
1 change: 0 additions & 1 deletion 10.0/Apps/EmployeeDirectory/EmployeeDirectory/Views/CSharp/TableItems.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,4 +70,3 @@ public static View CreateDetailsItem()
}
}
}

27 changes: 0 additions & 27 deletions 10.0/Apps/EmployeeDirectory/EmployeeDirectory/Views/Xaml/EmployeeXaml.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,33 +34,6 @@ private void OnFavoriteClicked(object? sender, ToggledEventArgs e)
}
}

public void OnItemSelected(object? sender, SelectedItemChangedEventArgs e)
{
if (e.SelectedItem is PersonViewModel.Property property)
{
System.Diagnostics.Debug.WriteLine("Property clicked " + property.Type + " " + property.Value);

switch (property.Type)
{
case PersonViewModel.PropertyType.Email:
App.PhoneFeatureService?.Email(property.Value);
break;
case PersonViewModel.PropertyType.Twitter:
App.PhoneFeatureService?.Tweet(property.Value);
break;
case PersonViewModel.PropertyType.Url:
App.PhoneFeatureService?.Browse(property.Value);
break;
case PersonViewModel.PropertyType.Phone:
App.PhoneFeatureService?.Call(property.Value);
break;
case PersonViewModel.PropertyType.Address:
App.PhoneFeatureService?.Map(property.Value);
break;
}
}
}

private void OnCancelClicked(object? sender, EventArgs e)
{
Navigation.PopAsync();
Expand Down
6 changes: 0 additions & 6 deletions 10.0/Apps/GameOfLife/GameOfLife/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -179,11 +179,6 @@
</Setter>
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down Expand Up @@ -406,4 +401,3 @@
</Style>

</ResourceDictionary>

5 changes: 0 additions & 5 deletions 10.0/Apps/RpnCalculator/RpnCalculator/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -198,11 +198,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Apps/SolitaireEncryption/SolitaireEncryption/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -198,11 +198,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Apps/TipCalc/TipCalc/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -198,11 +198,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Apps/Weather/Weather/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -198,11 +198,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Apps/WordPuzzle/WordPuzzle/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -197,11 +197,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Beginners-Series/BeginnersTask/Resources/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -152,11 +152,6 @@
<Setter Property="FontSize" Value="14" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource LightGray}, Dark={StaticResource DarkGray}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource DarkGray}, Dark={StaticResource LightGray}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource DarkGray}, Dark={StaticResource LightGray}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/BillingService/BillingService/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -191,11 +191,6 @@
<Setter Property="HorizontalTextAlignment" Value="Center" />
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
5 changes: 0 additions & 5 deletions 10.0/Data/TodoSQLite/TodoSQLite/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,11 +163,6 @@
</Setter>
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
7 changes: 3 additions & 4 deletions ...edItemEventArgsToSelectedItemConverter.cs → ...hangedEventArgsToSelectedItemConverter.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@

namespace BehaviorsDemos
{
public class SelectedItemEventArgsToSelectedItemConverter : IValueConverter
public class SelectionChangedEventArgsToSelectedItemConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
var eventArgs = value as SelectedItemChangedEventArgs;
return eventArgs.SelectedItem;
var eventArgs = value as SelectionChangedEventArgs;
return eventArgs?.CurrentSelection.FirstOrDefault();
}

public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
Expand All @@ -16,4 +16,3 @@ public object ConvertBack(object value, Type targetType, object parameter, Cultu
}
}
}

5 changes: 0 additions & 5 deletions 10.0/Fundamentals/BehaviorsDemos/BehaviorsDemos/Resources/Styles/Styles.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,11 +163,6 @@
</Setter>
</Style>

<Style TargetType="ListView">
<Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
<Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
</Style>

<Style TargetType="Picker">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
<Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
Expand Down
62 changes: 44 additions & 18 deletions 10.0/Fundamentals/BehaviorsDemos/BehaviorsDemos/Views/Code/EventToCommandBehaviorPageCode.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,36 +6,62 @@ public EventToCommandBehaviorPageCode()
{
BindingContext = new HomePageViewModel();

var listView = new ListView();
listView.SetBinding(ItemsView<Cell>.ItemsSourceProperty, static (HomePageViewModel vm) => vm.People);
listView.ItemTemplate = new DataTemplate(() =>
var collectionView = new CollectionView
{
var textCell = new TextCell();
textCell.SetBinding(TextCell.TextProperty, static (Person person) => person.Name);
return textCell;
SelectionMode = SelectionMode.Single
};
collectionView.SetBinding(ItemsView.ItemsSourceProperty, static (HomePageViewModel vm) => vm.People);
collectionView.ItemTemplate = new DataTemplate(() =>
{
var nameLabel = new Label { Padding = 10 };
nameLabel.SetBinding(Label.TextProperty, static (Person person) => person.Name);

var divider = new BoxView
{
Background = Colors.LightGray,
HeightRequest = 1
};

var itemLayout = new Grid
{
RowDefinitions =
{
new RowDefinition(GridLength.Auto),
new RowDefinition(1)
}
};
itemLayout.Add(nameLabel);
itemLayout.Add(divider, row: 1);
return itemLayout;
});
listView.Behaviors.Add(new EventToCommandBehavior
collectionView.Behaviors.Add(new EventToCommandBehavior
{
EventName = "ItemSelected",
EventName = "SelectionChanged",
Command = ((HomePageViewModel)BindingContext).OutputAgeCommand,
Converter = new SelectedItemEventArgsToSelectedItemConverter()
Converter = new SelectionChangedEventArgsToSelectedItemConverter()
});

var selectedItemLabel = new Label();
selectedItemLabel.SetBinding(Label.TextProperty, static (HomePageViewModel vm) => vm.SelectedItemText);
Content = new StackLayout
var layout = new Grid
{
Margin = new Thickness(20),
Children = {
new Label {
Text = "Behaviors Demo",
FontAttributes = FontAttributes.Bold,
HorizontalOptions = LayoutOptions.Center
},
listView,
selectedItemLabel
RowDefinitions =
{
new RowDefinition(GridLength.Auto),
new RowDefinition(GridLength.Star),
new RowDefinition(GridLength.Auto)
}
};
layout.Add(new Label
{
Text = "Behaviors Demo",
FontAttributes = FontAttributes.Bold,
HorizontalOptions = LayoutOptions.Center
});
layout.Add(collectionView, row: 1);
layout.Add(selectedItemLabel, row: 2);
Content = layout;
}
}
}
33 changes: 21 additions & 12 deletions 10.0/Fundamentals/BehaviorsDemos/BehaviorsDemos/Views/XAML/EventToCommandBehaviorPage.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,22 +10,31 @@
</ContentPage.BindingContext>
<ContentPage.Resources>
<ResourceDictionary>
<local:SelectedItemEventArgsToSelectedItemConverter x:Key="SelectedItemConverter" />
<local:SelectionChangedEventArgsToSelectedItemConverter x:Key="SelectedItemConverter" />
</ResourceDictionary>
</ContentPage.Resources>
<StackLayout Margin="20">
<ListView ItemsSource="{Binding People}">
<ListView.ItemTemplate>
<Grid Margin="20"
RowDefinitions="*,Auto">
<CollectionView ItemsSource="{Binding People}"
SelectionMode="Single">
<CollectionView.ItemTemplate>
<DataTemplate x:DataType="local:Person">
<TextCell Text="{Binding Name}" />
<Grid RowDefinitions="Auto,1">
<Label Padding="10"
Text="{Binding Name}" />
<BoxView Grid.Row="1"
Color="#E0E0E0"
HeightRequest="1" />
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
<ListView.Behaviors>
<local:EventToCommandBehavior EventName="ItemSelected"
</CollectionView.ItemTemplate>
<CollectionView.Behaviors>
<local:EventToCommandBehavior EventName="SelectionChanged"
Command="{Binding OutputAgeCommand}"
Converter="{StaticResource SelectedItemConverter}" />
</ListView.Behaviors>
</ListView>
<Label Text="{Binding SelectedItemText}" />
</StackLayout>
</CollectionView.Behaviors>
</CollectionView>
<Label Grid.Row="1"
Text="{Binding SelectedItemText}" />
</Grid>
</ContentPage>
Loading
Loading