chuan/Ursa.Avalonia
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: WIP: add template.

Browse Source
This commit is contained in:
rabbitism
2023-05-07 01:16:27 +08:00
parent 26cb5f9436
commit 16dc10422c
7 changed files with 111 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
demo/Ursa.Demo/Pages/PaginationDemo.axaml Normal file
View File

@@ -0,0 +1,18 @@
<UserControl
x:Class="Ursa.Demo.Pages.PaginationDemo"
xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:u="https://irihi.tech/ursa"
xmlns:viewModels="clr-namespace:Ursa.Demo.ViewModels"
d:DesignHeight="450"
d:DesignWidth="800"
mc:Ignorable="d">
<Design.DataContext>
<viewModels:PaginationDemoViewModel />
</Design.DataContext>
<StackPanel>
<u:Pagination PageSizeOptions="{Binding PageSizes}" TotalCount="300" />
</StackPanel>
</UserControl>

15
demo/Ursa.Demo/Pages/PaginationDemo.axaml.cs Normal file
View File

@@ -0,0 +1,15 @@
using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;
using Ursa.Demo.ViewModels;
namespace Ursa.Demo.Pages;
public partial class PaginationDemo : UserControl
{
public PaginationDemo()
{
InitializeComponent();
this.DataContext = new PaginationDemoViewModel();
}
}

10
demo/Ursa.Demo/ViewModels/PaginationDemoViewModel.cs Normal file
View File

@@ -0,0 +1,10 @@
using System.Collections.ObjectModel;
using Avalonia.Collections;
using CommunityToolkit.Mvvm.ComponentModel;
namespace Ursa.Demo.ViewModels;
public class PaginationDemoViewModel: ObservableObject
{
public AvaloniaList<int> PageSizes { get; set; } = new() { 10, 20, 50, 100 };
}

3
demo/Ursa.Demo/Views/MainWindow.axaml
View File

@@ -35,6 +35,9 @@
<TabItem Header="IPv4Box">
<pages:IPv4BoxDemo />
</TabItem>
<TabItem Header="Pagination">
<pages:PaginationDemo />
</TabItem>
<TabItem Header="Timeline">
<pages:TimelineDemo />
</TabItem>

22
src/Ursa.Themes.Semi/Controls/Pagination.axaml Normal file
View File

@@ -0,0 +1,22 @@
<ResourceDictionary
xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:u="https://irihi.tech/ursa">
<!-- Add Resources Here -->
<ControlTheme x:Key="{x:Type u:Pagination}" TargetType="u:Pagination">
<Setter Property="Template">
<ControlTemplate TargetType="u:Pagination">
<StackPanel Orientation="Horizontal">
<Button Name="{x:Static u:Pagination.PART_PreviousButton}" Content="&lt;" />
<Button Name="{x:Static u:Pagination.PART_NextButton}" Content="&gt;" />
<StackPanel Name="{x:Static u:Pagination.PART_ButtonPanel}" Orientation="Horizontal" />
<ComboBox
Name="{x:Static u:Pagination.PART_SizeChangerComboBox}"
ItemsSource="{TemplateBinding PageSizeOptions}"
SelectedItem="{TemplateBinding PageSize,
Mode=TwoWay}" />
</StackPanel>
</ControlTemplate>
</Setter>
</ControlTheme>
</ResourceDictionary>

1
src/Ursa.Themes.Semi/Controls/_index.axaml
View File

@@ -5,6 +5,7 @@
<ResourceInclude Source="Banner.axaml" />
<ResourceInclude Source="Divider.axaml" />
<ResourceInclude Source="IPv4Box.axaml" />
<ResourceInclude Source="Pagination.axaml" />
<ResourceInclude Source="Timeline.axaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

74
src/Ursa/Controls/Pagination/Pagination.cs
View File

@@ -1,4 +1,5 @@
using Avalonia;
using Avalonia.Collections;
using Avalonia.Controls;
using Avalonia.Controls.Metadata;
using Avalonia.Controls.Primitives;
@@ -10,14 +11,17 @@ namespace Ursa.Controls;
[TemplatePart(PART_PreviousButton, typeof(Button))]
[TemplatePart(PART_NextButton, typeof(Button))]
[TemplatePart(PART_ButtonPanel, typeof(StackPanel))]
[TemplatePart(PART_SizeChangerComboBox, typeof(ComboBox))]
public class Pagination: TemplatedControl
{
public const string PART_PreviousButton = "PART_PreviousButton";
public const string PART_NextButton = "PART_NextButton";
public const string PART_ButtonPanel = "PART_ButtonPanel";
public const string PART_SizeChangerComboBox = "PART_SizeChangerComboBox";
private Button? _previousButton;
private Button? _nextButton;
private StackPanel? _buttonPanel;
private ComboBox? _sizeChangerComboBox;
protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
{
@@ -27,8 +31,11 @@ public class Pagination: TemplatedControl
_previousButton = e.NameScope.Find<Button>(PART_PreviousButton);
_nextButton = e.NameScope.Find<Button>(PART_NextButton);
_buttonPanel = e.NameScope.Find<StackPanel>(PART_ButtonPanel);
_sizeChangerComboBox = e.NameScope.Find<ComboBox>(PART_SizeChangerComboBox);
if (_previousButton != null) _previousButton.Click += OnButtonClick;
if (_nextButton != null) _nextButton.Click += OnButtonClick;
UpdateButtons();
}
public static readonly StyledProperty<int> CurrentPageProperty = AvaloniaProperty.Register<Pagination, int>(
@@ -37,10 +44,7 @@ public class Pagination: TemplatedControl
public int CurrentPage
{
get => GetValue(CurrentPageProperty);
set {
int actualValue = CoercePage(value);
SetValue(CurrentPageProperty, actualValue);
}
set => SetValue(CurrentPageProperty, value);
}
public static readonly StyledProperty<int> TotalCountProperty = AvaloniaProperty.Register<Pagination, int>(
@@ -54,9 +58,9 @@ public class Pagination: TemplatedControl
get => GetValue(TotalCountProperty);
set => SetValue(TotalCountProperty, value);
}
public static readonly StyledProperty<int> PageSizeProperty = AvaloniaProperty.Register<Pagination, int>(
nameof(PageSize));
nameof(PageSize), defaultValue: 100);
/// <summary>
/// Page size.
@@ -81,26 +85,13 @@ public class Pagination: TemplatedControl
private set => SetAndRaise(PageCountProperty, ref _pageCount, value);
}
private int _startIndex;
public static readonly StyledProperty<AvaloniaList<int>> PageSizeOptionsProperty = AvaloniaProperty.Register<Pagination, AvaloniaList<int>>(
nameof(PageSizeOptions));
public static readonly DirectProperty<Pagination, int> StartIndexProperty = AvaloniaProperty.RegisterDirect<Pagination, int>(
nameof(StartIndex), o => o.StartIndex);
public int StartIndex
public AvaloniaList<int> PageSizeOptions
{
get => _startIndex;
private set => SetAndRaise(StartIndexProperty, ref _startIndex, value);
}
private int _endIndex;
public static readonly DirectProperty<Pagination, int> EndIndexProperty = AvaloniaProperty.RegisterDirect<Pagination, int>(
nameof(EndIndex), o => o.EndIndex);
public int EndIndex
{
get => _endIndex;
private set => SetAndRaise(EndIndexProperty, ref _endIndex, value);
get => GetValue(PageSizeOptionsProperty);
set => SetValue(PageSizeOptionsProperty, value);
}
public static readonly StyledProperty<ControlTheme> PageButtonThemeProperty = AvaloniaProperty.Register<Pagination, ControlTheme>(
@@ -120,7 +111,16 @@ public class Pagination: TemplatedControl
get => GetValue(ExpandButtonThemeProperty);
set => SetValue(ExpandButtonThemeProperty, value);
}
protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs change)
{
base.OnPropertyChanged(change);
if (change.Property == PageSizeProperty || change.Property == TotalCountProperty)
{
UpdateButtons();
}
}
private void OnButtonClick(object? sender, RoutedEventArgs e)
{
if (Equals(sender, _previousButton))
@@ -132,12 +132,22 @@ public class Pagination: TemplatedControl
CurrentPage++;
}
}
private int CoercePage(int page)
{
if (page < 1) return 1;
if (page > PageCount) return PageCount;
return page;
}
private void UpdateButtons()
{
if (PageSize == 0) return;
int currentPage = CurrentPage;
int pageCount = TotalCount / PageSize;
int residue = TotalCount % PageSize;
if (residue > 0)
{
pageCount++;
}
_buttonPanel?.Children.Clear();
for (int i = 0; i < pageCount; i++)
{
_buttonPanel?.Children.Add(new Button { Content = i + 1 });
}
}
}