maui-collectionview

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

Updated May 28, 2026
One-click install
npx skills add https://github.com/ojrojas/AgentsInstructions --skill maui-collectionview-ojrojas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: maui-collectionview
Source: https://github.com/ojrojas/AgentsInstructions/tree/main/.claude/skills/dotnet-maui/skills/maui-collectionview
Command: npx skills add https://github.com/ojrojas/AgentsInstructions --skill maui-collectionview-ojrojas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill unit addresses the complexities of implementing and using CollectionView in .NET MAUI, offering a comprehensive guide for managing data display in list and grid layouts with features like selection, grouping, and pull-to-refresh.

Core Features & Use Cases

  • Guidance for CollectionView: Offers in-depth instructions for setting up, configuring, and customizing CollectionView controls.
  • Data Display Layouts: Provides details on vertical and horizontal lists, grids, and custom layouts for displaying scrollable data.
  • Selection & Grouping: Walks through the setup of single and multiple selection modes, grouping models, and the visual states for selection.
  • Pull-to-Refresh & Infinite Scroll: Explains how to implement pull-to-refresh functionality and incremental loading for a better user experience.
  • EmptyView & Performance Tips: Discusses handling empty data scenarios and performance optimizations like MeasureFirstItem for item sizing.
  • Use Case: Ideal for a .NET MAUI developer who needs to display and manage complex data in list or grid views, especially in applications requiring dynamic user interactions and efficient data handling.

Quick Start

Create a new CollectionView control with a custom layout in your .NET MAUI app, binding it to your data source and implementing selection or grouping if needed.

Frequently Asked Questions about maui-collectionview

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

FAQPage Schema
How do I configure a CollectionView in .NET MAUI for scrollable data display?

To configure a CollectionView in .NET MAUI, you bind the control to a data source in XAML and customize the layout for vertical or horizontal scrolling. This Skill covers setup, selection modes, and grouping for list and grid layouts.

What's the best way to implement pull-to-refresh and infinite scroll in .NET MAUI?

The best way to implement pull-to-refresh and infinite scroll in .NET MAUI is by using the CollectionView's built-in functionality. This Skill explains how to configure incremental loading and refresh actions for a better user experience.

How does CollectionView handle empty data sources in a .NET MAUI app?

CollectionView handles empty data sources in a .NET MAUI app by using an EmptyView. This Skill details how to configure empty views to display fallback content when the bound data source contains no items.

Can I use CollectionView to display data in both list and grid layouts in .NET MAUI?

Yes, you can use CollectionView to display data in both list and grid layouts in .NET MAUI. This Skill provides instructions for setting up vertical, horizontal, and custom grid layouts for managing data display.

Do I need XAML knowledge to use CollectionView selection modes in .NET MAUI?

Yes, you need XAML knowledge and familiarity with the .NET MAUI CollectionView API to implement selection modes. This Skill walks through single and multiple selection setups, grouping models, and visual states.

Why use CollectionView over other list controls for performance in .NET MAUI?

You should use CollectionView over other list controls for performance in .NET MAUI because it offers optimizations like `MeasureFirstItem` for item sizing. This Skill discusses performance tips and handling dynamic user interactions efficiently.