Initial commit: .NET MAUI Linux Platform
Complete Linux platform implementation for .NET MAUI with:
- 35+ Skia-rendered controls (Button, Label, Entry, CarouselView, etc.)
- Platform services (Clipboard, FilePicker, Notifications, DragDrop, etc.)
- Accessibility support (AT-SPI2, High Contrast)
- HiDPI and Input Method support
- 216 unit tests
- CI/CD workflows
- Project templates
- Documentation
🤖 Generated with Claude Code
This commit is contained in:
logikonline
616
Views/SkiaCollectionView.cs
Normal file
616
Views/SkiaCollectionView.cs
Normal file
@@ -0,0 +1,616 @@
|
||||
// Licensed to the .NET Foundation under one or more agreements.
|
||||
// The .NET Foundation licenses this file to you under the MIT license.
|
||||
|
||||
using SkiaSharp;
|
||||
using System.Collections;
|
||||
using Microsoft.Maui.Graphics;
|
||||
|
||||
namespace Microsoft.Maui.Platform;
|
||||
|
||||
/// <summary>
|
||||
/// Selection mode for collection views.
|
||||
/// </summary>
|
||||
public enum SkiaSelectionMode
|
||||
{
|
||||
None,
|
||||
Single,
|
||||
Multiple
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Layout orientation for items.
|
||||
/// </summary>
|
||||
public enum ItemsLayoutOrientation
|
||||
{
|
||||
Vertical,
|
||||
Horizontal
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Skia-rendered CollectionView with selection, headers, and flexible layouts.
|
||||
/// </summary>
|
||||
public class SkiaCollectionView : SkiaItemsView
|
||||
{
|
||||
private SkiaSelectionMode _selectionMode = SkiaSelectionMode.Single;
|
||||
private object? _selectedItem;
|
||||
private List<object> _selectedItems = new();
|
||||
private int _selectedIndex = -1;
|
||||
|
||||
// Layout
|
||||
private ItemsLayoutOrientation _orientation = ItemsLayoutOrientation.Vertical;
|
||||
private int _spanCount = 1; // For grid layout
|
||||
private float _itemWidth = 100;
|
||||
|
||||
// Header/Footer
|
||||
private object? _header;
|
||||
private object? _footer;
|
||||
private float _headerHeight = 0;
|
||||
private float _footerHeight = 0;
|
||||
|
||||
public SkiaSelectionMode SelectionMode
|
||||
{
|
||||
get => _selectionMode;
|
||||
set
|
||||
{
|
||||
_selectionMode = value;
|
||||
if (value == SkiaSelectionMode.None)
|
||||
{
|
||||
ClearSelection();
|
||||
}
|
||||
else if (value == SkiaSelectionMode.Single && _selectedItems.Count > 1)
|
||||
{
|
||||
// Keep only first selected
|
||||
var first = _selectedItems.FirstOrDefault();
|
||||
ClearSelection();
|
||||
if (first != null)
|
||||
{
|
||||
SelectItem(first);
|
||||
}
|
||||
}
|
||||
Invalidate();
|
||||
}
|
||||
}
|
||||
|
||||
public object? SelectedItem
|
||||
{
|
||||
get => _selectedItem;
|
||||
set
|
||||
{
|
||||
if (_selectionMode == SkiaSelectionMode.None) return;
|
||||
|
||||
ClearSelection();
|
||||
if (value != null)
|
||||
{
|
||||
SelectItem(value);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public IList<object> SelectedItems => _selectedItems.AsReadOnly();
|
||||
|
||||
public override int SelectedIndex
|
||||
{
|
||||
get => _selectedIndex;
|
||||
set
|
||||
{
|
||||
if (_selectionMode == SkiaSelectionMode.None) return;
|
||||
|
||||
var item = GetItemAt(value);
|
||||
if (item != null)
|
||||
{
|
||||
SelectedItem = item;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public ItemsLayoutOrientation Orientation
|
||||
{
|
||||
get => _orientation;
|
||||
set
|
||||
{
|
||||
_orientation = value;
|
||||
Invalidate();
|
||||
}
|
||||
}
|
||||
|
||||
public int SpanCount
|
||||
{
|
||||
get => _spanCount;
|
||||
set
|
||||
{
|
||||
_spanCount = Math.Max(1, value);
|
||||
Invalidate();
|
||||
}
|
||||
}
|
||||
|
||||
public float GridItemWidth
|
||||
{
|
||||
get => _itemWidth;
|
||||
set
|
||||
{
|
||||
_itemWidth = value;
|
||||
Invalidate();
|
||||
}
|
||||
}
|
||||
|
||||
public object? Header
|
||||
{
|
||||
get => _header;
|
||||
set
|
||||
{
|
||||
_header = value;
|
||||
_headerHeight = value != null ? 44 : 0;
|
||||
Invalidate();
|
||||
}
|
||||
}
|
||||
|
||||
public object? Footer
|
||||
{
|
||||
get => _footer;
|
||||
set
|
||||
{
|
||||
_footer = value;
|
||||
_footerHeight = value != null ? 44 : 0;
|
||||
Invalidate();
|
||||
}
|
||||
}
|
||||
|
||||
public float HeaderHeight
|
||||
{
|
||||
get => _headerHeight;
|
||||
set
|
||||
{
|
||||
_headerHeight = value;
|
||||
Invalidate();
|
||||
}
|
||||
}
|
||||
|
||||
public float FooterHeight
|
||||
{
|
||||
get => _footerHeight;
|
||||
set
|
||||
{
|
||||
_footerHeight = value;
|
||||
Invalidate();
|
||||
}
|
||||
}
|
||||
|
||||
public SKColor SelectionColor { get; set; } = new SKColor(0x21, 0x96, 0xF3, 0x40);
|
||||
public SKColor HeaderBackgroundColor { get; set; } = new SKColor(0xF5, 0xF5, 0xF5);
|
||||
public SKColor FooterBackgroundColor { get; set; } = new SKColor(0xF5, 0xF5, 0xF5);
|
||||
|
||||
public event EventHandler<CollectionSelectionChangedEventArgs>? SelectionChanged;
|
||||
|
||||
private void SelectItem(object item)
|
||||
{
|
||||
if (_selectionMode == SkiaSelectionMode.None) return;
|
||||
|
||||
var oldSelectedItems = _selectedItems.ToList();
|
||||
|
||||
if (_selectionMode == SkiaSelectionMode.Single)
|
||||
{
|
||||
_selectedItems.Clear();
|
||||
_selectedItems.Add(item);
|
||||
_selectedItem = item;
|
||||
|
||||
// Find index
|
||||
for (int i = 0; i < ItemCount; i++)
|
||||
{
|
||||
if (GetItemAt(i) == item)
|
||||
{
|
||||
_selectedIndex = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
else // Multiple
|
||||
{
|
||||
if (_selectedItems.Contains(item))
|
||||
{
|
||||
_selectedItems.Remove(item);
|
||||
if (_selectedItem == item)
|
||||
{
|
||||
_selectedItem = _selectedItems.FirstOrDefault();
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
_selectedItems.Add(item);
|
||||
_selectedItem = item;
|
||||
}
|
||||
|
||||
_selectedIndex = _selectedItem != null ? GetIndexOf(_selectedItem) : -1;
|
||||
}
|
||||
|
||||
SelectionChanged?.Invoke(this, new CollectionSelectionChangedEventArgs(oldSelectedItems, _selectedItems.ToList()));
|
||||
Invalidate();
|
||||
}
|
||||
|
||||
private int GetIndexOf(object item)
|
||||
{
|
||||
for (int i = 0; i < ItemCount; i++)
|
||||
{
|
||||
if (GetItemAt(i) == item)
|
||||
return i;
|
||||
}
|
||||
return -1;
|
||||
}
|
||||
|
||||
private void ClearSelection()
|
||||
{
|
||||
var oldItems = _selectedItems.ToList();
|
||||
_selectedItems.Clear();
|
||||
_selectedItem = null;
|
||||
_selectedIndex = -1;
|
||||
|
||||
if (oldItems.Count > 0)
|
||||
{
|
||||
SelectionChanged?.Invoke(this, new CollectionSelectionChangedEventArgs(oldItems, new List<object>()));
|
||||
}
|
||||
}
|
||||
|
||||
protected override void OnItemTapped(int index, object item)
|
||||
{
|
||||
if (_selectionMode != SkiaSelectionMode.None)
|
||||
{
|
||||
SelectItem(item);
|
||||
}
|
||||
|
||||
base.OnItemTapped(index, item);
|
||||
}
|
||||
|
||||
protected override void DrawItem(SKCanvas canvas, object item, int index, SKRect bounds, SKPaint paint)
|
||||
{
|
||||
// Draw selection highlight
|
||||
bool isSelected = _selectedItems.Contains(item);
|
||||
if (isSelected)
|
||||
{
|
||||
paint.Color = SelectionColor;
|
||||
paint.Style = SKPaintStyle.Fill;
|
||||
canvas.DrawRect(bounds, paint);
|
||||
}
|
||||
|
||||
// Draw separator (only for vertical list layout)
|
||||
if (_orientation == ItemsLayoutOrientation.Vertical && _spanCount == 1)
|
||||
{
|
||||
paint.Color = new SKColor(0xE0, 0xE0, 0xE0);
|
||||
paint.Style = SKPaintStyle.Stroke;
|
||||
paint.StrokeWidth = 1;
|
||||
canvas.DrawLine(bounds.Left, bounds.Bottom, bounds.Right, bounds.Bottom, paint);
|
||||
}
|
||||
|
||||
// Use custom renderer if provided
|
||||
if (ItemRenderer != null)
|
||||
{
|
||||
if (ItemRenderer(item, index, bounds, canvas, paint))
|
||||
return;
|
||||
}
|
||||
|
||||
// Default rendering
|
||||
paint.Color = SKColors.Black;
|
||||
paint.Style = SKPaintStyle.Fill;
|
||||
|
||||
using var font = new SKFont(SKTypeface.Default, 14);
|
||||
using var textPaint = new SKPaint(font)
|
||||
{
|
||||
Color = SKColors.Black,
|
||||
IsAntialias = true
|
||||
};
|
||||
|
||||
var text = item?.ToString() ?? "";
|
||||
var textBounds = new SKRect();
|
||||
textPaint.MeasureText(text, ref textBounds);
|
||||
|
||||
var x = bounds.Left + 16;
|
||||
var y = bounds.MidY - textBounds.MidY;
|
||||
canvas.DrawText(text, x, y, textPaint);
|
||||
|
||||
// Draw checkmark for selected items in multiple selection mode
|
||||
if (isSelected && _selectionMode == SkiaSelectionMode.Multiple)
|
||||
{
|
||||
DrawCheckmark(canvas, new SKRect(bounds.Right - 32, bounds.MidY - 8, bounds.Right - 16, bounds.MidY + 8));
|
||||
}
|
||||
}
|
||||
|
||||
private void DrawCheckmark(SKCanvas canvas, SKRect bounds)
|
||||
{
|
||||
using var paint = new SKPaint
|
||||
{
|
||||
Color = new SKColor(0x21, 0x96, 0xF3),
|
||||
Style = SKPaintStyle.Stroke,
|
||||
StrokeWidth = 2,
|
||||
IsAntialias = true,
|
||||
StrokeCap = SKStrokeCap.Round
|
||||
};
|
||||
|
||||
using var path = new SKPath();
|
||||
path.MoveTo(bounds.Left, bounds.MidY);
|
||||
path.LineTo(bounds.MidX - 2, bounds.Bottom - 2);
|
||||
path.LineTo(bounds.Right, bounds.Top + 2);
|
||||
|
||||
canvas.DrawPath(path, paint);
|
||||
}
|
||||
|
||||
protected override void OnDraw(SKCanvas canvas, SKRect bounds)
|
||||
{
|
||||
// Draw background
|
||||
if (BackgroundColor != SKColors.Transparent)
|
||||
{
|
||||
using var bgPaint = new SKPaint
|
||||
{
|
||||
Color = BackgroundColor,
|
||||
Style = SKPaintStyle.Fill
|
||||
};
|
||||
canvas.DrawRect(bounds, bgPaint);
|
||||
}
|
||||
|
||||
// Draw header if present
|
||||
if (_header != null && _headerHeight > 0)
|
||||
{
|
||||
var headerRect = new SKRect(bounds.Left, bounds.Top, bounds.Right, bounds.Top + _headerHeight);
|
||||
DrawHeader(canvas, headerRect);
|
||||
}
|
||||
|
||||
// Draw footer if present
|
||||
if (_footer != null && _footerHeight > 0)
|
||||
{
|
||||
var footerRect = new SKRect(bounds.Left, bounds.Bottom - _footerHeight, bounds.Right, bounds.Bottom);
|
||||
DrawFooter(canvas, footerRect);
|
||||
}
|
||||
|
||||
// Adjust content bounds for header/footer
|
||||
var contentBounds = new SKRect(
|
||||
bounds.Left,
|
||||
bounds.Top + _headerHeight,
|
||||
bounds.Right,
|
||||
bounds.Bottom - _footerHeight);
|
||||
|
||||
// Draw items
|
||||
if (ItemCount == 0)
|
||||
{
|
||||
DrawEmptyView(canvas, contentBounds);
|
||||
return;
|
||||
}
|
||||
|
||||
// Use grid layout if spanCount > 1
|
||||
if (_spanCount > 1)
|
||||
{
|
||||
DrawGridItems(canvas, contentBounds);
|
||||
}
|
||||
else
|
||||
{
|
||||
DrawListItems(canvas, contentBounds);
|
||||
}
|
||||
}
|
||||
|
||||
private void DrawListItems(SKCanvas canvas, SKRect bounds)
|
||||
{
|
||||
// Standard list drawing (delegate to base implementation via manual drawing)
|
||||
canvas.Save();
|
||||
canvas.ClipRect(bounds);
|
||||
|
||||
using var paint = new SKPaint { IsAntialias = true };
|
||||
|
||||
var scrollOffset = GetScrollOffset();
|
||||
var firstVisible = Math.Max(0, (int)(scrollOffset / (ItemHeight + ItemSpacing)));
|
||||
var lastVisible = Math.Min(ItemCount - 1,
|
||||
(int)((scrollOffset + bounds.Height) / (ItemHeight + ItemSpacing)) + 1);
|
||||
|
||||
for (int i = firstVisible; i <= lastVisible; i++)
|
||||
{
|
||||
var itemY = bounds.Top + (i * (ItemHeight + ItemSpacing)) - scrollOffset;
|
||||
var itemRect = new SKRect(bounds.Left, itemY, bounds.Right - 8, itemY + ItemHeight);
|
||||
|
||||
if (itemRect.Bottom < bounds.Top || itemRect.Top > bounds.Bottom)
|
||||
continue;
|
||||
|
||||
var item = GetItemAt(i);
|
||||
if (item != null)
|
||||
{
|
||||
DrawItem(canvas, item, i, itemRect, paint);
|
||||
}
|
||||
}
|
||||
|
||||
canvas.Restore();
|
||||
|
||||
// Draw scrollbar
|
||||
var totalHeight = ItemCount * (ItemHeight + ItemSpacing) - ItemSpacing;
|
||||
if (totalHeight > bounds.Height)
|
||||
{
|
||||
DrawScrollBarInternal(canvas, bounds, scrollOffset, totalHeight);
|
||||
}
|
||||
}
|
||||
|
||||
private void DrawGridItems(SKCanvas canvas, SKRect bounds)
|
||||
{
|
||||
canvas.Save();
|
||||
canvas.ClipRect(bounds);
|
||||
|
||||
using var paint = new SKPaint { IsAntialias = true };
|
||||
|
||||
var cellWidth = (bounds.Width - 8) / _spanCount; // -8 for scrollbar
|
||||
var cellHeight = ItemHeight;
|
||||
var rowCount = (int)Math.Ceiling((double)ItemCount / _spanCount);
|
||||
var totalHeight = rowCount * (cellHeight + ItemSpacing) - ItemSpacing;
|
||||
|
||||
var scrollOffset = GetScrollOffset();
|
||||
var firstVisibleRow = Math.Max(0, (int)(scrollOffset / (cellHeight + ItemSpacing)));
|
||||
var lastVisibleRow = Math.Min(rowCount - 1,
|
||||
(int)((scrollOffset + bounds.Height) / (cellHeight + ItemSpacing)) + 1);
|
||||
|
||||
for (int row = firstVisibleRow; row <= lastVisibleRow; row++)
|
||||
{
|
||||
var rowY = bounds.Top + (row * (cellHeight + ItemSpacing)) - scrollOffset;
|
||||
|
||||
for (int col = 0; col < _spanCount; col++)
|
||||
{
|
||||
var index = row * _spanCount + col;
|
||||
if (index >= ItemCount) break;
|
||||
|
||||
var cellX = bounds.Left + col * cellWidth;
|
||||
var cellRect = new SKRect(cellX + 2, rowY, cellX + cellWidth - 2, rowY + cellHeight);
|
||||
|
||||
if (cellRect.Bottom < bounds.Top || cellRect.Top > bounds.Bottom)
|
||||
continue;
|
||||
|
||||
var item = GetItemAt(index);
|
||||
if (item != null)
|
||||
{
|
||||
// Draw cell background
|
||||
using var cellBgPaint = new SKPaint
|
||||
{
|
||||
Color = _selectedItems.Contains(item) ? SelectionColor : new SKColor(0xFA, 0xFA, 0xFA),
|
||||
Style = SKPaintStyle.Fill
|
||||
};
|
||||
canvas.DrawRoundRect(new SKRoundRect(cellRect, 4), cellBgPaint);
|
||||
|
||||
DrawItem(canvas, item, index, cellRect, paint);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
canvas.Restore();
|
||||
|
||||
// Draw scrollbar
|
||||
if (totalHeight > bounds.Height)
|
||||
{
|
||||
DrawScrollBarInternal(canvas, bounds, scrollOffset, totalHeight);
|
||||
}
|
||||
}
|
||||
|
||||
private void DrawScrollBarInternal(SKCanvas canvas, SKRect bounds, float scrollOffset, float totalHeight)
|
||||
{
|
||||
var scrollBarWidth = 8f;
|
||||
var trackRect = new SKRect(
|
||||
bounds.Right - scrollBarWidth,
|
||||
bounds.Top,
|
||||
bounds.Right,
|
||||
bounds.Bottom);
|
||||
|
||||
using var trackPaint = new SKPaint
|
||||
{
|
||||
Color = new SKColor(200, 200, 200, 64),
|
||||
Style = SKPaintStyle.Fill
|
||||
};
|
||||
canvas.DrawRect(trackRect, trackPaint);
|
||||
|
||||
var maxOffset = Math.Max(0, totalHeight - bounds.Height);
|
||||
var viewportRatio = bounds.Height / totalHeight;
|
||||
var thumbHeight = Math.Max(20, bounds.Height * viewportRatio);
|
||||
var scrollRatio = maxOffset > 0 ? scrollOffset / maxOffset : 0;
|
||||
var thumbY = bounds.Top + (bounds.Height - thumbHeight) * scrollRatio;
|
||||
|
||||
var thumbRect = new SKRect(
|
||||
bounds.Right - scrollBarWidth + 1,
|
||||
thumbY,
|
||||
bounds.Right - 1,
|
||||
thumbY + thumbHeight);
|
||||
|
||||
using var thumbPaint = new SKPaint
|
||||
{
|
||||
Color = new SKColor(128, 128, 128, 128),
|
||||
Style = SKPaintStyle.Fill,
|
||||
IsAntialias = true
|
||||
};
|
||||
|
||||
canvas.DrawRoundRect(new SKRoundRect(thumbRect, 3), thumbPaint);
|
||||
}
|
||||
|
||||
private float GetScrollOffset()
|
||||
{
|
||||
// Access base class scroll offset through reflection or expose it
|
||||
// For now, use the field directly through internal access
|
||||
return _scrollOffset;
|
||||
}
|
||||
|
||||
private void DrawHeader(SKCanvas canvas, SKRect bounds)
|
||||
{
|
||||
using var bgPaint = new SKPaint
|
||||
{
|
||||
Color = HeaderBackgroundColor,
|
||||
Style = SKPaintStyle.Fill
|
||||
};
|
||||
canvas.DrawRect(bounds, bgPaint);
|
||||
|
||||
// Draw header text
|
||||
var text = _header?.ToString() ?? "";
|
||||
if (!string.IsNullOrEmpty(text))
|
||||
{
|
||||
using var font = new SKFont(SKTypeface.Default, 16);
|
||||
using var textPaint = new SKPaint(font)
|
||||
{
|
||||
Color = SKColors.Black,
|
||||
IsAntialias = true
|
||||
};
|
||||
|
||||
var textBounds = new SKRect();
|
||||
textPaint.MeasureText(text, ref textBounds);
|
||||
|
||||
var x = bounds.Left + 16;
|
||||
var y = bounds.MidY - textBounds.MidY;
|
||||
canvas.DrawText(text, x, y, textPaint);
|
||||
}
|
||||
|
||||
// Draw separator
|
||||
using var sepPaint = new SKPaint
|
||||
{
|
||||
Color = new SKColor(0xE0, 0xE0, 0xE0),
|
||||
Style = SKPaintStyle.Stroke,
|
||||
StrokeWidth = 1
|
||||
};
|
||||
canvas.DrawLine(bounds.Left, bounds.Bottom, bounds.Right, bounds.Bottom, sepPaint);
|
||||
}
|
||||
|
||||
private void DrawFooter(SKCanvas canvas, SKRect bounds)
|
||||
{
|
||||
using var bgPaint = new SKPaint
|
||||
{
|
||||
Color = FooterBackgroundColor,
|
||||
Style = SKPaintStyle.Fill
|
||||
};
|
||||
canvas.DrawRect(bounds, bgPaint);
|
||||
|
||||
// Draw separator
|
||||
using var sepPaint = new SKPaint
|
||||
{
|
||||
Color = new SKColor(0xE0, 0xE0, 0xE0),
|
||||
Style = SKPaintStyle.Stroke,
|
||||
StrokeWidth = 1
|
||||
};
|
||||
canvas.DrawLine(bounds.Left, bounds.Top, bounds.Right, bounds.Top, sepPaint);
|
||||
|
||||
// Draw footer text
|
||||
var text = _footer?.ToString() ?? "";
|
||||
if (!string.IsNullOrEmpty(text))
|
||||
{
|
||||
using var font = new SKFont(SKTypeface.Default, 14);
|
||||
using var textPaint = new SKPaint(font)
|
||||
{
|
||||
Color = new SKColor(0x80, 0x80, 0x80),
|
||||
IsAntialias = true
|
||||
};
|
||||
|
||||
var textBounds = new SKRect();
|
||||
textPaint.MeasureText(text, ref textBounds);
|
||||
|
||||
var x = bounds.MidX - textBounds.MidX;
|
||||
var y = bounds.MidY - textBounds.MidY;
|
||||
canvas.DrawText(text, x, y, textPaint);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Event args for collection selection changed events.
|
||||
/// </summary>
|
||||
public class CollectionSelectionChangedEventArgs : EventArgs
|
||||
{
|
||||
public IReadOnlyList<object> PreviousSelection { get; }
|
||||
public IReadOnlyList<object> CurrentSelection { get; }
|
||||
|
||||
public CollectionSelectionChangedEventArgs(IList<object> previousSelection, IList<object> currentSelection)
|
||||
{
|
||||
PreviousSelection = previousSelection.ToList().AsReadOnly();
|
||||
CurrentSelection = currentSelection.ToList().AsReadOnly();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user