前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)

WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)

作者头像
全栈程序员站长
发布2022-09-15 10:26:13
5420
发布2022-09-15 10:26:13
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

未处理前效果:

WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)
WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)
WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)
WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)

处理后效果:

WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)
WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)
WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)
WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)
代码语言:javascript
复制
<Border  Background="{StaticResource BorderBg}"  BorderThickness="2" BorderBrush="{StaticResource BorderBrush}" CornerRadius="5" Padding="5"   x:Name="SvKeyWords" Margin="142,0,134,58" Height="175" VerticalAlignment="Bottom" Visibility="Collapsed"  Opacity="0.98">
       <ScrollViewer VerticalScrollBarVisibility="Auto" >
            <WrapPanel x:Name="WpKeyWords"/>
       </ScrollViewer>
 </Border>
代码语言:javascript
复制
        private void AlignWrapPanelChild()
        {
            //WrapPanel 所有子元素
            var lst = (from object child in WpKeyWords.Children select child as Border).ToList();
            if (lst.Count > 1)
            {
                //每次 重置 子元素宽度
                foreach (var t in lst)
                {
                    t.Width = double.NaN;
                    t.UpdateLayout();
                }

                for (var i = 0; i < lst.Count - 1; i++)
                {
                    //找到每行最后一个子元素
                    var child = lst[i];
                    var nxtChild = lst[i + 1];
                    var plWidth = WpKeyWords.ActualWidth;
                    var childPoint = child.TranslatePoint(new Point(0, 0), WpKeyWords);
                    var nxtChildPoint = nxtChild.TranslatePoint(new Point(0, 0), WpKeyWords);
                    if (nxtChildPoint.X < childPoint.X)
                    {
                        //找出同一行的子元素
                        var tempLst = lst.Where(b => b.TranslatePoint(new Point(0, 0), WpKeyWords).Y.Equals(childPoint.Y)).ToList();
                        //算出多余的空白宽度
                        var surplusWidth = plWidth - childPoint.X - child.Margin.Right - child.ActualWidth;
                        var averageAddWidth = surplusWidth / tempLst.Count;
                        //将多余的宽度平均分给当前行每个子元素
                        foreach (var b in tempLst)
                        {
                            b.Width = b.ActualWidth + averageAddWidth;
                            b.UpdateLayout();
                        }
                    }

                }
            }
        }

在数据绑定或者初始化控件后调用

代码语言:javascript
复制
private void do()
{
    ……
    WpKeyWords.SizeChanged += delegate { AlignWrapPanelChild(); };
    AlignWrapPanelChild();
}

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/163325.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 未处理前效果:
  • 处理后效果:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档