最大行または最大列を設定できるラップパネルを構成する必要があります。
これは本当に必要です。私はWPF4.0を使用しています。しかし、別の日、私はプログラムミンメトロアプリケーションであり、そのコントロールの1つにこのプロパティがあることを覚えていますが、WPFでは(私が知るまで)そうではありません。
WPF 4.0にはそのような制御がありますか?または、新しいものを作成する必要がありますか?
ItemHeight
プロパティを設定しItemWidth
て、最大の行と列を設定できます。
詳細については、こちらをご覧ください
これがそのようなWrapPanelの実装です。
Xaml:
<loc:WrapPanelWithRowsOrColumnsCount
xmlns:loc="clr-namespace:..."
Orientation="Vertical"
RowsOrColumnsCount="2">
<TextBox Text="Andrew" Margin="2" Height="30" />
<TextBox Text="Betty" Margin="2" Height="40" />
<TextBox Text="Celine" Margin="2" Height="20" />
<TextBox Text="Dick" Margin="2" Height="20" />
<TextBox Text="Enron" Margin="2" Height="30" />
<TextBox Text="Felix" Margin="2" Height="20" />
<TextBox Text="Hanibal" Margin="2" Height="30" />
</loc:WrapPanelWithRowsOrColumnsCount>
結果:
のコードWrapPanelWithRowsOrColumnsCount.cs
:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
public class WrapPanelWithRowsOrColumnsCount : WrapPanel
{
public static readonly DependencyProperty RowsOrColumnsCountProperty =
DependencyProperty.Register(
"RowsOrColumnsCount",
typeof(int),
typeof(WrapPanelWithRowsOrColumnsCount),
new PropertyMetadata(int.MaxValue));
public int RowsOrColumnsCount
{
get { return (int)GetValue(RowsOrColumnsCountProperty); }
set { SetValue(RowsOrColumnsCountProperty, Math.Max(value, 1)); }
}
protected override Size MeasureOverride(Size availableSize)
{
if (Children.Count > 0)
{
Size newAvailableSize;
if (Orientation == Orientation.Horizontal)
{
var suitableWidth = EstimateSuitableRowOrColumnLength(Children.Cast<UIElement>(),
true,
availableSize,
RowsOrColumnsCount);
newAvailableSize =
double.IsNaN(suitableWidth) || suitableWidth <= 0
? availableSize
: new Size(Math.Min(suitableWidth, availableSize.Width), availableSize.Height);
}
else
{
var suitableHeigth = EstimateSuitableRowOrColumnLength(Children.Cast<UIElement>(),
false,
availableSize,
RowsOrColumnsCount);
newAvailableSize =
double.IsNaN(suitableHeigth) || suitableHeigth <= 0
? availableSize
: new Size(availableSize.Width, Math.Min(suitableHeigth, availableSize.Height));
}
return base.MeasureOverride(newAvailableSize);
}
else
{
return base.MeasureOverride(availableSize);
}
}
private double EstimateSuitableRowOrColumnLength(IEnumerable<UIElement> elements,
bool trueRowsFalseColumns,
Size availableSize,
int rowsOrColumnsCount)
{
var elementsList = elements.ToList();
var desiredLengths = elementsList.Select(el => DesiredLength(el, availableSize, trueRowsFalseColumns)).ToList();
var maxLength = desiredLengths.Where(length => !double.IsNaN(length)).Concat(new[] { 0.0 }).Max();
if (maxLength <= 0.0)
{
return double.NaN;
}
var desiredLengthsRepaired = desiredLengths.Select(length => double.IsNaN(length) ? maxLength : length).ToList();
var totalDesiredLength = desiredLengthsRepaired.Sum();
var maxCount = Math.Min(rowsOrColumnsCount, elementsList.Count);
var suitableRowOrColumnLength = totalDesiredLength / maxCount;
double nextLengthIncrement;
while (CountRowsOrColumnsNumber(desiredLengthsRepaired, suitableRowOrColumnLength, out nextLengthIncrement) > maxCount)
{
suitableRowOrColumnLength += nextLengthIncrement;
}
suitableRowOrColumnLength = Math.Max(suitableRowOrColumnLength, desiredLengthsRepaired.Max());
return suitableRowOrColumnLength;
}
private int CountRowsOrColumnsNumber(List<double> desiredLengths, double rowOrColumnLengthLimit, out double nextLengthIncrement)
{
int rowOrColumnCount = 1;
double currentCumulativeLength = 0;
bool nextNewRowOrColumn = false;
var minimalIncrement = double.MaxValue;
foreach (var desiredLength in desiredLengths)
{
if (nextNewRowOrColumn)
{
rowOrColumnCount++;
currentCumulativeLength = 0;
nextNewRowOrColumn = false;
}
if (currentCumulativeLength + desiredLength > rowOrColumnLengthLimit)
{
minimalIncrement = Math.Min(minimalIncrement,
currentCumulativeLength + desiredLength - rowOrColumnLengthLimit);
if (currentCumulativeLength == 0)
{
nextNewRowOrColumn = true;
currentCumulativeLength = 0;
}
else
{
rowOrColumnCount++;
currentCumulativeLength = desiredLength;
}
}
else
{
currentCumulativeLength += desiredLength;
}
}
nextLengthIncrement = minimalIncrement != double.MaxValue ? minimalIncrement : 1;
return rowOrColumnCount;
}
private double DesiredLength(UIElement el, Size availableSize, bool trueRowsFalseColumns)
{
el.Measure(availableSize);
Size next = el.DesiredSize;
var length = trueRowsFalseColumns ? next.Width : next.Height;
if (Double.IsInfinity(length) ||
Double.IsNaN(length))
{
return Double.NaN;
}
else
{
return length;
}
}
}
このソリューションは、このcodeprojectの記事に触発されました。
WrapPanelでこれを実行できると私が考える唯一の方法は、オブジェクトのサイズがわかっている(そしてオブジェクトが一貫している)場合です。したがって、それに応じてWrapPanelの高さ/幅を設定できます。しかし、それはかなり醜いです。
考慮すべきことの1つ:最大行/列数を超える要素に対してパネルに何をさせたいですか?それとも、常に適切な数の要素がありますか?その場合は、代わりに実際にグリッドを確認する必要があります。
あなたがWPFグリッドを達成しようとしていることは、より良い解決策だと思います。グリッド行の特定の数を設定することにより、ラップパネルの動作をシミュレートでき、より柔軟になります。
<Grid>
<Grid.ColumnDefinitions>
<ColumDefinition Height="Auto"/>
<ColumDefinition Height="Auto"/>
<ColumDefinition Height="Auto"/>
....
<ColumDefinition Height="*/>
</Grid.ColumnDefinitions>
<Grid>