Files

194 lines
6.7 KiB
C#
Raw Permalink Normal View History

2026-01-02 17:30:41 +08:00
namespace Melskin.Layout
2025-08-12 23:08:54 +08:00
{
2025-08-20 12:10:13 +08:00
/// <summary>
/// 表格网格控件继承自Grid用于以表格形式排列子元素。
/// 通过设置列数和间距属性,可以控制子元素在表格中的布局方式。
/// </summary>
public class TableGrid:System.Windows.Controls.Grid
2025-08-12 23:08:54 +08:00
{
#region Spacing
2025-08-20 12:10:13 +08:00
/// <summary>
/// 获取或设置表格网格中单元格之间的间距。
/// 该属性控制表格中每个单元格在水平和垂直方向上的间隔大小。
/// </summary>
/// <value>一个表示间距的 <see cref="Size"/> 结构,其中 <see cref="Size.Width"/> 控制列间距,<see cref="Size.Height"/> 控制行间距。</value>
/// <remarks>
/// 更改此属性将触发布局更新,以确保所有子元素根据新的间距值重新排列。
/// </remarks>
2025-08-12 23:08:54 +08:00
public Size Spacing
{
2025-08-20 12:10:13 +08:00
get => spacing;
2025-08-12 23:08:54 +08:00
set
{
2025-08-20 12:10:13 +08:00
if (value != spacing)
2025-08-12 23:08:54 +08:00
SetValue(SpacingProperty, value);
}
}
2025-08-20 12:10:13 +08:00
private Size spacing;
2025-08-12 23:08:54 +08:00
2025-08-20 12:10:13 +08:00
/// <summary>
/// 表示表格网格中单元格间距的依赖属性。
/// 该属性用于定义表格内每个单元格在水平和垂直方向上的间隔大小,通过<see cref="Size"/>结构来表示,其中<see cref="Size.Width"/>部分控制列间距,<see cref="Size.Height"/>部分控制行间距。
/// </summary>
/// <remarks>
/// 当此属性值发生变化时,会触发布局更新机制,以确保所有子元素能够根据新的间距值重新排列。这有助于保持布局的一致性和美观性。
/// </remarks>
2025-08-12 23:08:54 +08:00
public static readonly DependencyProperty SpacingProperty =
DependencyProperty.Register(
nameof(Spacing),
typeof(Size),
typeof(TableGrid),
new PropertyMetadata(
default(Size),
(s, e) =>
{
var self = (TableGrid) s;
2025-08-20 12:10:13 +08:00
self.spacing = (Size) e.NewValue;
2025-08-12 23:08:54 +08:00
self.UpdateColumns();
}));
#endregion
#region Columns
2025-08-20 12:10:13 +08:00
/// <summary>
/// 获取或设置表格网格中的列数。
/// </summary>
/// <remarks>
/// 当更改此属性时,会自动调整行和列的布局以适应新的列数,并重新排列子元素的位置。此属性影响测量过程。
/// </remarks>
2025-08-12 23:08:54 +08:00
public int Columns
{
2025-08-20 12:10:13 +08:00
get => columns;
2025-08-12 23:08:54 +08:00
set
{
2025-08-20 12:10:13 +08:00
if (value != columns)
2025-08-12 23:08:54 +08:00
SetValue(ColumnsProperty, value);
}
}
2025-08-20 12:10:13 +08:00
private int columns;
2025-08-12 23:08:54 +08:00
2025-08-20 12:10:13 +08:00
/// <summary>
/// 获取或设置表格网格中的列数。
/// 该属性定义了表格中将包含多少列,从而影响子元素的布局方式。
/// </summary>
/// <value>一个整数值,表示表格网格中的列数。</value>
/// <remarks>
/// 更改此属性会触发布局更新,确保所有子元素根据新的列数重新排列。如果设置了新的列数,则会对整个表格进行测量和排列以适应更改。
/// </remarks>
2025-08-12 23:08:54 +08:00
public static readonly DependencyProperty ColumnsProperty =
DependencyProperty.Register(
nameof(Columns),
typeof(int),
typeof(TableGrid),
new FrameworkPropertyMetadata(
0,
FrameworkPropertyMetadataOptions.AffectsMeasure,
(s, e) =>
{
var self = (TableGrid) s;
2025-08-20 12:10:13 +08:00
self.columns = (int) e.NewValue;
2025-08-12 23:08:54 +08:00
self.UpdateColumns();
}));
#endregion
private void UpdateColumns()
{
var childCount = VisualTreeHelper.GetChildrenCount(this);
{
while (ColumnDefinitions.Count < childCount)
{
var cd = new ColumnDefinition
{
Width = new GridLength(0, GridUnitType.Auto)
};
ColumnDefinitions.Add(cd);
}
while (ColumnDefinitions.Count > childCount)
ColumnDefinitions.RemoveAt(ColumnDefinitions.Count - 1);
}
{
var rows = childCount / Columns;
while (RowDefinitions.Count < rows)
{
var rd = new RowDefinition
{
Height = new GridLength(0, GridUnitType.Star)
};
RowDefinitions.Add(rd);
}
while (RowDefinitions.Count > rows)
RowDefinitions.RemoveAt(RowDefinitions.Count - 1);
}
{
var columnCount = 0;
var rowCount = 0;
var rows = childCount / Columns;
var isLastRow = rowCount == rows - 1;
for (var i = 0; i != childCount; ++i)
{
var child = (FrameworkElement) VisualTreeHelper.GetChild(this, i);
SetColumn(child, columnCount);
SetRow(child, rowCount);
var isLastItem = i == childCount - 1;
var px = columnCount == Columns - 1 || isLastItem
? 0d
: Spacing.Width;
var py = isLastRow || isLastItem
? 0d
: Spacing.Height;
child.Margin = new Thickness(0d, 0d, px, py);
++columnCount;
if (columnCount == Columns)
{
columnCount = 0;
++rowCount;
isLastRow = rowCount == rows - 1;
}
}
}
}
2025-08-20 12:10:13 +08:00
/// <inheritdoc />
2025-08-12 23:08:54 +08:00
protected override Size ArrangeOverride(Size arrangeSize)
{
2025-08-20 12:10:13 +08:00
if (!isRequestUpdateColumns) return base.ArrangeOverride(arrangeSize);
UpdateColumns();
isRequestUpdateColumns = false;
2025-08-12 23:08:54 +08:00
return base.ArrangeOverride(arrangeSize);
}
2025-08-20 12:10:13 +08:00
private bool isRequestUpdateColumns;
2025-08-12 23:08:54 +08:00
2025-08-20 12:10:13 +08:00
/// <inheritdoc />
2025-08-12 23:08:54 +08:00
protected override void OnVisualChildrenChanged(DependencyObject visualAdded, DependencyObject visualRemoved)
{
2025-08-20 12:10:13 +08:00
isRequestUpdateColumns = true;
2025-08-12 23:08:54 +08:00
base.OnVisualChildrenChanged(visualAdded, visualRemoved);
}
}
}