WrapPanel水平布局保持不换行的写法示例

UI需求

WrapPanel水平布局保持不换行的写法示例_第1张图片WrapPanel水平布局保持不换行的写法示例_第2张图片WrapPanel水平布局保持不换行的写法示例_第3张图片WrapPanel水平布局保持不换行的写法示例_第4张图片

宽高:  235px*285px

内容宽度: 191px

要求: 每行2个,右边距15,下边距10

代码写法:

WrapPanel水平布局保持不换行的写法示例_第5张图片

测量后发现两个item+margin=191,所以让wrappanel定宽191

item中grid套个border,在border中设置左右间距7.5,这样两个元素加起来的宽就是15,由于左边距多了7.5,所以在上一层grid左缩进7.5拉回来就可以了

效果:

WrapPanel水平布局保持不换行的写法示例_第6张图片

 

你可能感兴趣的:(WPF)