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

WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)未处理前效果:处理后效果:<BorderBackground=”{StaticResourceBorderBg}”BorderThickness=”2″BorderBrush=”{StaticResourceBorderBrush}”CornerRadius=”5″Padding=”5″x:Name=”SvKeyWords”Margi…

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

未处理前效果: 

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

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

处理后效果: 

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

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

<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>
        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();
                        }
                    }

                }
            }
        }

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

private void do()
{
    ……
    WpKeyWords.SizeChanged += delegate { AlignWrapPanelChild(); };
    AlignWrapPanelChild();
}

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • CSS常见问题

    CSS常见问题

    2021年6月29日
    66
  • epp和edr_一文读懂分频器

    epp和edr_一文读懂分频器一文读懂什么是EPP、EDR、CWPP、HIDS及业内主流产品当前终端安全概念包括:针对云工作负载保护平台cwpp、端点防护平台epp和终端全检测响应平台edr。HIDS品类(长亭牧云、青藤万相)更倾向于CWPP的落地产品。1、EPP与EDR如果通俗的讲可以理解成传统防病毒和下一代防病毒软件(其实EPP之前的阶段才是传统杀毒),但实际上EDR是个方案,深信服EDR、奇安信天擎、安恒明御对外宣传都是EDR产品,从产品能力严谨来讲,这些产品属于EPP+EDR的方案结合产物,其中EPP解决…

    2022年10月22日
    0
  • 逻辑回归

    逻辑回归

    2021年11月28日
    37
  • es数据库简介

    es数据库简介##1.es是什么ElasticSearch简称ES,是一个高拓展和开源的全文搜索和分析引擎,可以准实时地存储、搜索、分析海量的数据。它和MongoDB、redis等一样是非关系型数据。业应用定位:采用RestfulAPI标准的可扩展和高可用的实时数据分析的全文搜索工具。可拓展:开源软件,支持很多第三方插件。高可用:在一个集群的多个节点中进行分布式存储,索引支持shards和复制,即使部分节点down掉,也能自动进行数据恢复和主从切换。采用RestfulAPI标准:通过http接口使用JSO

    2022年5月7日
    54
  • 实例分割总结 Instance Segmentation Summary[通俗易懂]

    实例分割总结 Instance Segmentation Summary[通俗易懂]实例分割:机器自动从图像中用目标检测方法框出不同实例,再用语义分割方法在不同实例区域内进行逐像素标记借一个浅显的说法:语义分割不区分属于相同类别的不同实例。例如,当图像中有多只猫时,语义分割会将两只猫整体的所有像素预测为“猫”这个类别。与此不同的是,实例分割需要区分出哪些像素属于第一只猫、哪些像素属于第二只猫基本思路目标检测+语义分割。SDS-&gt;HyperColumns-&gt…

    2022年8月23日
    3
  • java 链表长度_Java实现单向链表[通俗易懂]

    java 链表长度_Java实现单向链表[通俗易懂]一、前言最近在回顾数据结构与算法,有部分的算法题用到了栈的思想,说起栈又不得不说链表了。数组和链表都是线性存储结构的基础,栈和队列都是线性存储结构的应用~本文主要讲解单链表的基础知识点,做一个简单的入门~如果有错的地方请指正二、回顾与知新说起链表,我们先提一下数组吧,跟数组比较一下就很理解链表这种存储结构了。2.1回顾数组数组我们无论是C、Java都会学过:数组是一种连续存储线性结构,元素类型相同…

    2022年6月6日
    23

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号