skills.rest
seydakaratekeli
seydakaratekeliCOMMUNITY
Explore all skills by this author →
GitHub

maui-collectionview

Display virtualized lists and grids in .NET MAUI apps with CollectionView.

Updated Nov 27, 2025
Search Tags:#selection#grouping#pull-to-refresh#incremental-loading#maui#data-template#collectionview
One-click install
npx skills add https://github.com/seydakaratekeli/KamPay3 --skill maui-collectionview-seydakaratekeli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: maui-collectionview
Source: https://github.com/seydakaratekeli/KamPay3/tree/main/KamPay/.github/skills/maui-collectionview%20-%20Kopyala
Command: npx skills add https://github.com/seydakaratekeli/KamPay3 --skill maui-collectionview-seydakaratekeli

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Mobile and desktop MAUI apps need a performant, flexible way to display scrollable lists and grids of data without the complexity and limitations of legacy ListView patterns. CollectionView provides virtualization, flexible layouts, item templates, selection, grouping, and common UX behaviors so developers can build responsive item lists and grids that scale.

Core Features & Use Cases

  • Display lists and grids using LinearItemsLayout or GridItemsLayout for vertical, horizontal, or multi-column arrangements.
  • Selection support with Single or Multiple modes and visual state styling to highlight selected items.
  • Grouping with group header and footer templates for category-based catalogs.
  • Pull-to-refresh via a RefreshView wrapper and incremental loading using RemainingItemsThreshold and RemainingItemsThresholdReachedCommand for infinite scroll.
  • EmptyView and EmptyViewTemplate support to show custom empty states when the source collection is empty.
  • Swipe actions on items and programmatic scrolling using ScrollTo for chat or message feeds.
  • Use case example: a 2-column recipe grid showing image, title, and prep time with SelectionMode=Single and a ViewModel exposing an ObservableCollection and SelectedItem.

Quick Start

Create a CollectionView with a GridItemsLayout Span=2, bind ItemsSource to an ObservableCollection in your ViewModel, set SelectionMode to Single, and add a SelectedItem property with INotifyPropertyChanged.

Frequently Asked Questions about maui-collectionview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display a scrollable grid of data in a .NET MAUI app?▼

Display a scrollable grid in .NET MAUI using CollectionView with GridItemsLayout, binding ItemsSource to an ObservableCollection and configuring Span for multi-column arrangements.

What is the best way to implement pull-to-refresh and infinite scroll in MAUI?▼

Pull-to-refresh and infinite scroll in MAUI use a RefreshView wrapper around CollectionView, combined with RemainingItemsThreshold and RemainingItemsThresholdReachedCommand to trigger incremental loading.

How do I set up selection modes and visual state styling for MAUI CollectionView items?▼

Selection in MAUI CollectionView is configured via SelectionMode set to Single or Multiple, with VisualState styling applied to highlight selected items and a bound SelectedItem property.

Can I show a custom empty state when my MAUI CollectionView has no data?▼

CollectionView supports EmptyView and EmptyViewTemplate to display custom empty states when the bound ItemsSource ObservableCollection contains no items.

How do I group items with headers and footers in a MAUI CollectionView?▼

Grouping in MAUI CollectionView uses group header and footer templates to organize data into category-based catalogs with structured visual separation.

Does MAUI CollectionView support swipe actions and programmatic scrolling for chat feeds?▼

CollectionView supports swipe actions on individual items and programmatic scrolling using ScrollTo, enabling navigation for chat or message feed scenarios.

Related Skills

Explore More Software Engineering Skills→
ojrojasojrojas

maui-collectionview

Configure .NET MAUI CollectionView with selection, grouping, and pull-to-refresh.

Community
Advanced
mkazimotomkazimoto

maui-data-binding

Guide MAUI XAML data binding with compiled bindings and converters.

Community
Advanced
iButtersiButters
3

maui-blazor-development

Guide .NET MAUI Blazor Hybrid development with architecture and BlazorWebView configuration.

Community
Advanced
lucidlabs-hqlucidlabs-hq
2

sync

Propagate upstream template updates into downstream projects while preserving overrides.

Official
Intermediate