更改WPF中UniformGrid的布局排列顺序

已于 2023-08-01 23:18:31 修改
阅读量1.7k 收藏 4
点赞数 1
分类专栏： WPF 文章标签： wpf UniformGrid 布局
于 2020-10-10 13:35:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37080285/article/details/108995222
版权

一.每行显示固定列数

<ListBox ItemsSource="{Binding DataList}" Style="{DynamicResource ListBoxStyle}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" >
	<ListBox.ItemsPanel>
	    <ItemsPanelTemplate>
	        <UniformGrid Columns="3"/>
	    </ItemsPanelTemplate>
	</ListBox.ItemsPanel>
	<ListBox.ItemTemplate>
	    <DataTemplate>
	        ...
	    </DataTemplate>
	</ListBox.ItemTemplate>
</ListBox>

二.每行显示列数随宽度变化

<ListBox ItemsSource="{Binding DataList}" Style="{DynamicResource ListBoxStyle}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" >
	<ListBox.ItemsPanel>
	    <ItemsPanelTemplate>          
	        <WrapPanel IsItemsHost="True"/>
	    </ItemsPanelTemplate>
	</ListBox.ItemsPanel>
	<ListBox.ItemTemplate>
	    <DataTemplate>
	        ...
	    </DataTemplate>
	</ListBox.ItemTemplate>
</ListBox>

如果想更改他的排列顺序，比如将
1 2 3
4 5 6
7 8 9
改为
7 8 9
4 5 6
1 2 3
参考MSDN

public class HorizontalUniformGrid : UniformGrid
    {
        #region Orientation (Dependency Property)
        public static readonly DependencyProperty OrientationProperty =
            DependencyProperty.Register("Orientation", typeof(System.Windows.Controls.Orientation), typeof(HorizontalUniformGrid),
                new FrameworkPropertyMetadata(
                    System.Windows.Controls.Orientation.Vertical,
                    FrameworkPropertyMetadataOptions.AffectsMeasure),
                new ValidateValueCallback(HorizontalUniformGrid.IsValidOrientation));

        internal static bool IsValidOrientation(object o)
        {
            System.Windows.Controls.Orientation orientation = (System.Windows.Controls.Orientation)o;
            if (orientation != System.Windows.Controls.Orientation.Horizontal)
            {
                return (orientation == System.Windows.Controls.Orientation.Vertical);
            }
            return true;
        }

        public System.Windows.Controls.Orientation Orientation
        {
            get { return (System.Windows.Controls.Orientation)GetValue(OrientationProperty); }
            set { SetValue(OrientationProperty, value); }
        }
        #endregion

        protected override Size MeasureOverride(Size constraint)
        {
            this.UpdateComputedValues();
            Size availableSize = new Size(constraint.Width / ((double)this._columns), constraint.Height / ((double)this._rows));
            double width = 0.0;
            double height = 0.0;
            int num3 = 0;
            int count = base.InternalChildren.Count;
            while (num3 < count)
            {
                UIElement element = base.InternalChildren[num3];
                element.Measure(availableSize);
                Size desiredSize = element.DesiredSize;
                if (width < desiredSize.Width)
                {
                    width = desiredSize.Width;
                }
                if (height < desiredSize.Height)
                {
                    height = desiredSize.Height;
                }
                num3++;
            }
            return new Size(width * this._columns, height * this._rows);
        }

        private void UpdateComputedValues()
        {
            this._columns = this.Columns;
            this._rows = this.Rows;
            if (this.FirstColumn >= this._columns)
            {
                this.FirstColumn = 0;
            }

            if (FirstColumn > 0)
                throw new NotImplementedException("There is no support for seting the FirstColumn (nor the FirstRow).");
            if ((this._rows == 0) || (this._columns == 0))
            {
                int num = 0;    // Visible children  
                int num2 = 0;
                int count = base.InternalChildren.Count;
                while (num2 < count)
                {
                    UIElement element = base.InternalChildren[num2];
                    if (element.Visibility != Visibility.Collapsed)
                    {
                        num++;
                    }
                    num2++;
                }
                if (num == 0)
                {
                    num = 1;
                }
                if (this._rows == 0)
                {
                    if (this._columns > 0)
                    {
                        this._rows = ((num + this.FirstColumn) + (this._columns - 1)) / this._columns;
                    }
                    else
                    {
                        this._rows = (int)Math.Sqrt((double)num);
                        if ((this._rows * this._rows) < num)
                        {
                            this._rows++;
                        }
                        this._columns = this._rows;
                    }
                }
                else if (this._columns == 0)
                {
                    this._columns = (num + (this._rows - 1)) / this._rows;
                }
            }
        }

        protected override Size ArrangeOverride(Size arrangeSize)
        {
            Rect finalRect = new Rect(0.0, 0.0, arrangeSize.Width / ((double)this._columns), arrangeSize.Height / ((double)this._rows));
            double height = finalRect.Height;
            double numX = arrangeSize.Height - 1.0;
            double yPos = arrangeSize.Height - height;
            finalRect.X += finalRect.Width * this.FirstColumn;

            //TODO
            finalRect.Y += yPos;

            foreach (UIElement element in base.InternalChildren)
            {
                element.Arrange(finalRect);
                if (element.Visibility != Visibility.Collapsed)
                {

                    // Sortierung von unten links nach oben links
                    finalRect.X += finalRect.Width;
                    if (finalRect.X >= arrangeSize.Width)
                    {
                        finalRect.Y -= height;
                        finalRect.X = 0;
                    }
                }
            }
            return arrangeSize;
        }

        private int _columns;
        private int _rows;
    }
    public class VerticalUniformGrid : UniformGrid
    {
        #region Orientation (Dependency Property)  
        public static readonly DependencyProperty OrientationProperty =
            DependencyProperty.Register("Orientation", typeof(System.Windows.Controls.Orientation), typeof(VerticalUniformGrid),
                new FrameworkPropertyMetadata(
                    System.Windows.Controls.Orientation.Vertical,
                    FrameworkPropertyMetadataOptions.AffectsMeasure),
                new ValidateValueCallback(VerticalUniformGrid.IsValidOrientation));

        internal static bool IsValidOrientation(object o)
        {
            System.Windows.Controls.Orientation orientation = (System.Windows.Controls.Orientation)o;
            if (orientation != System.Windows.Controls.Orientation.Horizontal)
            {
                return (orientation == System.Windows.Controls.Orientation.Vertical);
            }
            return true;
        }

        public System.Windows.Controls.Orientation Orientation
        {
            get { return (System.Windows.Controls.Orientation)GetValue(OrientationProperty); }
            set { SetValue(OrientationProperty, value); }
        }
        #endregion

        protected override Size MeasureOverride(Size constraint)
        {
            this.UpdateComputedValues();
            Size availableSize = new Size(constraint.Width / ((double)this._columns), constraint.Height / ((double)this._rows));
            double width = 0.0;
            double height = 0.0;
            int num3 = 0;
            int count = base.InternalChildren.Count;
            while (num3 < count)
            {
                UIElement element = base.InternalChildren[num3];
                element.Measure(availableSize);
                Size desiredSize = element.DesiredSize;
                if (width < desiredSize.Width)
                {
                    width = desiredSize.Width;
                }
                if (height < desiredSize.Height)
                {
                    height = desiredSize.Height;
                }
                num3++;
            }
            return new Size(width * this._columns, height * this._rows);
        }



        private int _columns;
        private int _rows;

        private void UpdateComputedValues()
        {
            this._columns = this.Columns;
            this._rows = this.Rows;
            if (this.FirstColumn >= this._columns)
            {
                this.FirstColumn = 0;
            }

            if (FirstColumn > 0)
                throw new NotImplementedException("There is no support for seting the FirstColumn (nor the FirstRow).");
            if ((this._rows == 0) || (this._columns == 0))
            {
                int num = 0;    // Visible children  
                int num2 = 0;
                int count = base.InternalChildren.Count;
                while (num2 < count)
                {
                    UIElement element = base.InternalChildren[num2];
                    if (element.Visibility != Visibility.Collapsed)
                    {
                        num++;
                    }
                    num2++;
                }
                if (num == 0)
                {
                    num = 1;
                }
                if (this._rows == 0)
                {
                    if (this._columns > 0)
                    {
                        this._rows = ((num + this.FirstColumn) + (this._columns - 1)) / this._columns;
                    }
                    else
                    {
                        this._rows = (int)Math.Sqrt((double)num);
                        if ((this._rows * this._rows) < num)
                        {
                            this._rows++;
                        }
                        this._columns = this._rows;
                    }
                }
                else if (this._columns == 0)
                {
                    this._columns = (num + (this._rows - 1)) / this._rows;
                }
            }
        }

        protected override Size ArrangeOverride(Size arrangeSize)
        {
            Rect finalRect = new Rect(0.0, 0.0, arrangeSize.Width / ((double)this._columns), arrangeSize.Height / ((double)this._rows));
            double height = finalRect.Height;
            double numX = arrangeSize.Height - 1.0;
            double yPos = arrangeSize.Height - height;
            finalRect.X += finalRect.Width * this.FirstColumn;

            finalRect.Y += yPos;
            foreach (UIElement element in base.InternalChildren)
            {
                element.Arrange(finalRect);
                if (element.Visibility != Visibility.Collapsed)
                {
                    finalRect.Y -= height;
                    if (finalRect.Y < 0)
                    {
                        finalRect.X += finalRect.Width;
                        finalRect.Y = yPos;
                    }
                }
            }
            return arrangeSize;
        }
    }

然后调用，这是从左下到右下的，例如
7 8 9
4 5 6
1 2 3

<ListBox ItemTemplate="{DynamicResource HoleListTemplate}" ItemsSource="{Binding PGHoles}">
     <ListBox.ItemsPanel>
         <ItemsPanelTemplate>
             <local:HorizontalUniformGrid Columns="3" Rows="3"/>
         </ItemsPanelTemplate>
     </ListBox.ItemsPanel>
 </ListBox>

我对他进行了修改，他只有一个从左下到右下的顺序，我增加了一个从左下到左上的顺序，例如
3 6 9
2 5 8
1 4 7

<ListBox ItemTemplate="{DynamicResource HoleListTemplate}" ItemsSource="{Binding PGHoles}">
     <ListBox.ItemsPanel>
         <ItemsPanelTemplate>
             <local:VerticalUniformGrid Columns="3" Rows="3"/>
         </ItemsPanelTemplate>
     </ListBox.ItemsPanel>
 </ListBox>
迷惘小书童
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
WPF经典教程之Grid、UniformGrid布局
10-05
Grid UniformGrid容器 一、Grid Grid是以表格形式组织控件的一种布局方式，与Java AWT中的GridLayout类似，但区别在于..... 更多WPF资源：http://cleopard.download.csdn.net/
【无标题】XMAL 布局元素（常用 重点）下
m0_57756558的博客
04-28 133
4、WrapPanel：自动折行面板（环绕面板）。 内部元素在排满一行后能够自动折行，类似于Html中的流式布局 WrapPanel布局页面将各个控件从左至右按照行或列的顺序罗列，当长度或高度不够时就会自动调整进行换行，后续按照从上至下或从左至右的顺序进行 Orientation—根据内容自动换行。当Orientation属性的值设置为Horizontal：元素是从左向右排列的，然后自上至下自动换行。当Orientation属性的值设置为Vertical：元素从上向下排列的，然后从左至右自动换
XAML布局元素
yishengqianan的博客
07-27 161
在C#语言中，常用的重点布局元素有6种 分别是： 1、Grid：网格。可以自定义行和列并通过行列的数量、行高列宽来调整控件的布局。近似Html中的table。Grid和其他各个Panel比较起来，功能最多 也最为复杂。 要使用Grid，首先要向RowDefinitions和ColumnDefinitions属性中添加一定数量的RowDefinitions和 ColumnDefinitions元素，从而定义行数 和列数。 而放置在Grid面板中的控件元素都必须显示采用附加属性语法定义其 放置所在的行和列，它们
【WPF用18】WPF 基本控件-UniformGrid布局，应用详解与示例
最新发布
qq_35320456的博客
03-28 1722
WPF 基本控件-UniformGrid布局，应用详解与示例
WPF WrapPanel、UniformGrid、DockPanel介绍
韬光养晦
03-06 971
WPF WrapPanel、UniformGrid、DockPanel介绍
WPF 面板布局常用方法
weixin_43680751的博客
04-19 1183
WPF 面板布局的常用方法
WPF 控件专题 UniformGrid 控件详解
^@^lemon tea^@^
06-25 4634
WPF 控件专题 UniformGrid 控件详解
WPF编程基础入门 ——— 第三章 布局（六）布局面板UniformGrid
m0_46334316的博客
05-30 2068
WPF布局——布局面板UniformGridWPF——UniformGrid布局控件UniformGrid实例——按钮排列1UniformGrid实例——按钮排列2 WPF——UniformGrid布局控件 UniformGrid(简化网格布局) 隐含在 System.Windows.Controls.Primitives 名称空间中。每个单元格具有相同的大小。在使用UniformGrid布局时,需要设定行值与列值。 UniformGrid实例——按钮排列1 此例设计要求：现在使用简化网格布局来布局六个Bu
WPF页面式UniformGrid ItemsControl
04-02
本技巧介绍了一个控件，该控件派生自使用UniformGrid进行显示的ItemsControl。
wpf中xaml的布局
10-15
wpf中xaml的布局
WPF的ListView控件自定义布局用法实例
09-02
主要介绍了WPF的ListView控件自定义布局的方法,结合实例形式分析了WPF中ListView控件的布局方法,需要的朋友可以参考下
WPF页面布局DEMO
06-01
WPF页面布局，界面操作，设计各种样式嵌套，适用各种数据显示方式等等
WPF 进阶第二课 UniformGrid
weixin_43783135的博客
07-13 524
UnifromGrid使用
WPF入门教程系列八——布局之Grid与UniformGrid（三）
Gefangenes的博客
05-24 823
TextBlock Grid.Row="0" Grid.ColumnSpan="1" Text="第一行，第一列，占1列" Background="Red" HorizontalAlignment="Center" />两行都是*，将平分剩余宽度；像上面的一个2*，一个*，表示前者2/3宽度。
WPF列表框ListBox横向排列ListBox样式
上山的人啊，请不要嘲讽下山的神
08-16 782
wpfListBox样式横向排布
WPF入门3：UniformGrid布局
黄瓜炒鸡蛋的博客
02-22 649
UniformGrid布局：
浅谈WPF之UniformGrid和ItemsControl
绳锯木断，水滴石穿，专心写文，无问西东！！！
01-31 2267
在日常开发中，有些布局非常具有规律性，比如相同的列宽，行高，均匀的排列等，为了简化开发，WPF提供了UniformGrid布局和ItemsControl容器，本文以一个简单的小例子，简述，如何在WPF开发中应用UniformGrid和ItemsControl实现均匀的布局，仅供学习分享使用，如有不足之处，还请指正。
WPF的DataGrid的使用技巧—列宽调整和列排序问题
热门推荐
United2016的博客
05-02 1万+
WPF的DataGrid的使用技巧—列宽调整和列排序问题DataGrid是WPF中经常用到的控件，用来显示用户数据，功能非常强大。今天在开发的时候，业主要求修改数据显示窗口的显示风格，要求列宽不能调整，且列与列之间不允许拖拽。这个问题其实很简单，涉及到DataGrid的两个属性：①CanUserResizeColumns；②CanUserReorderColumns。但是，实际使用的过程中非常容易混
WPF控件自动排列布局
06-09
WPF中提供了多种控件自动排列布局的方式，以下是其中几种常用的方式： 1. WrapPanel WrapPanel是一个自动换行的面板，可以让子元素自动排列，并在需要时自动换行。当子元素宽度超过容器宽度时，WrapPanel会将子元素放到下一行。 示例代码如下： ```xaml <WrapPanel> <Button Content="Button 1" /> <Button Content="Button 2" /> <Button Content="Button 3" /> <Button Content="Button 4" /> <Button Content="Button 5" /> <Button Content="Button 6" /> <Button Content="Button 7" /> <Button Content="Button 8" /> </WrapPanel> ``` 2. UniformGrid UniformGrid是一个均匀排列子元素的面板，可以将子元素均匀分布在多行多列的网格中。 示例代码如下： ```xaml <UniformGrid Rows="2" Columns="4"> <Button Content="Button 1" /> <Button Content="Button 2" /> <Button Content="Button 3" /> <Button Content="Button 4" /> <Button Content="Button 5" /> <Button Content="Button 6" /> <Button Content="Button 7" /> <Button Content="Button 8" /> </UniformGrid> ``` 3. DockPanel DockPanel是一个将子元素停靠在容器边缘的面板，可以将子元素停靠在顶部、底部、左侧或右侧。 示例代码如下： ```xaml <DockPanel> <Button Content="Top" DockPanel.Dock="Top" /> <Button Content="Bottom" DockPanel.Dock="Bottom" /> <Button Content="Left" DockPanel.Dock="Left" /> <Button Content="Right" DockPanel.Dock="Right" /> <Button Content="Center" /> </DockPanel> ``` 这些自动排列布局方式都可以方便地实现控件的自动排列布局，具体使用哪种方式取决于您的布局需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值