WPF中的网格目前有一个这样的网格系统：
Cols
+ + + + +
| 0 | 1 | 2 | 3 |
+--+---|---|---|---|---
0 | | | | |
+--+---|---|---|---|--- Rows
1 | | | | |
+--+---|---|---|---|---
2 | | | | |
+--+---|---|---|---|---
有没有办法让它表现得像这样：
Cols
+ + + + +
| 0 | 1 | 2 | 3 |
+--+---|---|---|---|---
2 | | | | |
+--+---|---|---|---|--- Rows
1 | | | | |
+--+---|---|---|---|---
0 | | | | |
+--+---|---|---|---|---
理想情况下，我希望RowSpan向上扩展项目而不是向下扩展。
示例：
我的数据源将地图上的多维数据集存储为0,0，目的是显示在左下角。但是，WPF中的网格会将该多维数据集放在左上角。另一个问题是数据源给了我一个2x2的左下角“锚”位置的位置，宽度和高度。宽度和高度绑定到ColSpan和RowSpan。 RowSpan是一个问题，因为它将在网格中向下扩展而不是向上扩展。
答案 0 :(得分：1)
您可以通过编写自己的自定义控件来实现此目的。您可以继承Grid，也可以使用带有UserControl的{{1}}。无论哪种方式，您都会提供类似于Grid的附加属性，然后您可以根据需要操纵值，然后将它们传递给基础Grid。
答案 1 :(得分：1)
您显示多维数据集的Grid是固定大小的吗？如果是这样，您可以考虑编写一个ViewModel来转换/反转模型坐标以便在视图中工作，即，多维数据集的值为(0,0)，ViewModel会将该值公开为{{1} }。
这个想法可能比滚动自己的控制更容易。
答案 2 :(得分：1)
您应该能够在不必使用附加属性创建自定义或用户控件的情况下执行此操作。
这是一个我认为应该能够做你想做的课程。不是将Grid.Row和Grid.RowSpan的值绑定到您的行和高度，而是将GridEx.RowFromBottom和GridEx.RowSpanFromBottom绑定到它们。这些属性的属性更改处理程序将根据这些属性的值和网格中的行数计算Grid.Row的新值。
一个潜在的问题是，如果您在运行时在网格中添加或减去行，则可能无法正确更新。
public static class GridEx
{
public static readonly DependencyProperty RowFromBottomProperty = DependencyProperty.RegisterAttached("RowFromBottom", typeof(int?), typeof(GridEx), new FrameworkPropertyMetadata(default(int?), FrameworkPropertyMetadataOptions.AffectsMeasure | FrameworkPropertyMetadataOptions.AffectsArrange | FrameworkPropertyMetadataOptions.AffectsParentArrange | FrameworkPropertyMetadataOptions.AffectsParentMeasure, OnRowFromBottomChanged));
public static readonly DependencyProperty RowSpanFromBottomProperty = DependencyProperty.RegisterAttached("RowSpanFromBottom", typeof(int?), typeof(GridEx), new FrameworkPropertyMetadata(default(int?), FrameworkPropertyMetadataOptions.AffectsMeasure | FrameworkPropertyMetadataOptions.AffectsArrange | FrameworkPropertyMetadataOptions.AffectsParentArrange | FrameworkPropertyMetadataOptions.AffectsParentMeasure, OnRowSpanFromBottomChanged));
private static void OnRowFromBottomChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var grid = GetContainingGrid(d);
int? rowFromBottom = (int?) e.NewValue;
int? rowSpanFromBottom = GetRowSpanFromBottom(d);
if (rowFromBottom == null || rowSpanFromBottom == null) return;
int rows = grid.RowDefinitions.Count;
int row = Math.Max(0, Math.Min(rows, rows - rowFromBottom.Value - rowSpanFromBottom.Value));
Grid.SetRow((UIElement) d, row);
}
private static void OnRowSpanFromBottomChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var grid = GetContainingGrid(d);
int? rowFromBottom = GetRowFromBottom(d);
int? rowSpanFromBottom = (int?)e.NewValue;
if (rowFromBottom == null || rowSpanFromBottom == null) return;
int rows = grid.RowDefinitions.Count;
int row = Math.Max(0, Math.Min(rows, rows - rowFromBottom.Value - rowSpanFromBottom.Value));
Grid.SetRow((UIElement)d, row);
Grid.SetRowSpan((UIElement)d, rowSpanFromBottom.Value);
}
public static int? GetRowFromBottom(DependencyObject obj)
{
return (int?) obj.GetValue(RowFromBottomProperty);
}
public static void SetRowFromBottom(DependencyObject obj, int? value)
{
obj.SetValue(RowFromBottomProperty, value);
}
public static int? GetRowSpanFromBottom(DependencyObject obj)
{
return (int?)obj.GetValue(RowSpanFromBottomProperty);
}
public static void SetRowSpanFromBottom(DependencyObject obj, int? value)
{
obj.SetValue(RowSpanFromBottomProperty, value);
}
private static Grid GetContainingGrid(DependencyObject element)
{
Grid grid = null;
while (grid == null && element != null)
{
element = LogicalTreeHelper.GetParent(element);
grid = element as Grid;
}
return grid;
}
}
如果您对此处发生的事情有任何疑问，请随时提出。
答案 3 :(得分：1)
试试这个转换器。 XAML看起来有点复杂，但不需要ViewModel或UserControl：
转换为翻转行：
public class UpsideDownRowConverter : IMultiValueConverter
{
public int RowCount
{
get;
set;
}
public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
{
if (values.Length == 2 && values[0] is int && values[1] is int)
{
var row = (int)values[0];
var rowSpan = (int)values[1];
row = this.RowCount - row - rowSpan;
return row;
}
return DependencyProperty.UnsetValue;
}
public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
}
XAML。第一个Grid是原始的，第二个是翻转的：
<Window.Resources>
<local:UpsideDownRowConverter x:Key="UpsideDownRowConverter"
RowCount="3"/>
</Window.Resources>
<UniformGrid Rows="2">
<Grid Name="Original"
Margin="0,0,0,10">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Rectangle Fill="Green"
Grid.Column="0"
Grid.Row="2"/>
<Rectangle Fill="Red"
Grid.Column="1"
Grid.Row="1"/>
<Rectangle Fill="Blue"
Grid.Column="2"
Grid.RowSpan="3"/>
<Rectangle Fill="Yellow"
Grid.Column="3"
Grid.RowSpan="2"/>
</Grid>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Rectangle Fill="Green"
Grid.Column="0">
<Grid.Row>
<MultiBinding Converter="{StaticResource UpsideDownRowConverter}">
<Binding Path="Children[0].(Grid.Row)"
ElementName="Original"/>
<Binding Path="(Grid.RowSpan)"
RelativeSource="{RelativeSource Self}"/>
</MultiBinding>
</Grid.Row>
</Rectangle>
<Rectangle Fill="Red"
Grid.Column="1">
<Grid.Row>
<MultiBinding Converter="{StaticResource UpsideDownRowConverter}">
<Binding Path="Children[1].(Grid.Row)"
ElementName="Original"/>
<Binding Path="(Grid.RowSpan)"
RelativeSource="{RelativeSource Self}"/>
</MultiBinding>
</Grid.Row>
</Rectangle>
<Rectangle Fill="Blue"
Grid.Column="2"
Grid.RowSpan="3">
<Grid.Row>
<MultiBinding Converter="{StaticResource UpsideDownRowConverter}">
<Binding Path="Children[2].(Grid.Row)"
ElementName="Original"/>
<Binding Path="(Grid.RowSpan)"
RelativeSource="{RelativeSource Self}"/>
</MultiBinding>
</Grid.Row>
</Rectangle>
<Rectangle Fill="Yellow"
Grid.Column="3"
Grid.RowSpan="2">
<Grid.Row>
<MultiBinding Converter="{StaticResource UpsideDownRowConverter}">
<Binding Path="Children[3].(Grid.Row)"
ElementName="Original"/>
<Binding Path="(Grid.RowSpan)"
RelativeSource="{RelativeSource Self}"/>
</MultiBinding>
</Grid.Row>
</Rectangle>
</Grid>
</UniformGrid>
不幸的是，它无法将行计数作为第三个值传递，因为RowDefinitionCollection不会通知有关更改。这就是我将RowCount添加为转换器属性的原因。
答案 4 :(得分：0)
您可以将行转换为反向格式，如下所示：
private void ReverseRow(Grid grd)
{
int totalRows = grd.RowDefinitions.Count-1;
foreach (UIElement ctl in grd.Children)
{
int currentRowIndex = Grid.GetRow(ctl);
Grid.SetRow(ctl, totalRows - currentRowIndex);
}
}
这将还原该行。