WPF程序开发之布局

UniformGrid：特殊的Grid，所有单元格相同尺寸。

Canvas：跟html5的canvas很像，也可以像winform那样基于坐标布局

Grid：网页的table

GridSplitter：Grid里的分隔符，可以拖动调整大小

<GridSplitter Grid.Row="1" HorizontalAlignment="Stretch" Height="10" Background="Blue" Grid.ColumnSpan="3"/>

//ShowsPreview="True" 拖拽不会立即调整，鼠标释放调整， DragIncrement="10"每次拖拽幅度宽度

//注意：Grid的Col或Row设置Auto，以便根据内容大小调整

SharedSizeGroup：Grid中的共享尺寸

在Grid外层布局添加附加属性Grid.IsSharedSizeScope="True" 设置允许对齐尺寸

在需要的对齐列设置SharedSizeGroup="abc" 即可对齐

<StackPanel Grid.IsSharedSizeScope="True"><Grid x:Name="LayoutRoot_grid1" ShowGridLines="True" Background="Cornsilk"><Grid.ColumnDefinitions><ColumnDefinition Width="Auto" SharedSizeGroup="abc"/><ColumnDefinition Width="Auto"/><ColumnDefinition /></Grid.ColumnDefinitions><Label Margin="5">ceshishisshw一段文本很长的文章决定了房价爱你撒地方阿萨帝发交水电费撒旦济南房价阿斯顿浪费</Label><Label Grid.Column="1" >moretext</Label><Label Grid.Column="2" Margin="2">而是大家拉萨的房间里的刷卡费</Label></Grid><Grid x:Name="LayoutRoot_grid2" ShowGridLines="True" Background="Azure"><Grid.ColumnDefinitions><ColumnDefinition Width="Auto" SharedSizeGroup="abc"/><ColumnDefinition/></Grid.ColumnDefinitions><Label Margin="5">房价阿斯顿浪费</Label><Label Grid.Column="1" >moretext</Label></Grid></StackPanel>

效果：

UniformGrid 规则的Grid

指定行和列，即可创建一样大小的框架 //曾用这个Grid做过类似2048这样的小游戏

InkCanvas （高级开发）

EditingMode的属性：

1、Ink（EditingMode的默认值） —— 通过鼠标或者指示笔来绘制笔画。
2、InkAndGesture —— 和Ink一样，但同样可以识别用户的手势。手势的列表（Up、Down、Circle、ScratchOut和Tap）保存在System.Windows.Ink.ApplicationGesture枚举类型中。
3、GestureOnly —— 只识别手势，不会绘制用户输入的笔画。
4、EraseByStroke （EditingModeInverted的默认值）—— 当笔画被触及时将笔画擦掉。
5、EraseByPoint —— 只擦掉直接碰及到的笔画部分（就像传统的铅笔橡皮）。
6、Select —— 当被触及时，选择笔画或者任何UIElement，使它们能被删除、移动或者在InkCanvas范围内被调整尺寸。
7、None —— 对于鼠标或者指示笔不做任何响应。

转载于:https://www.cnblogs.com/A-sync/p/5198610.html

WPF程序开发之布局相关推荐

微信小程序开发 — Flex布局
前言微信小程序页面布局方式采用的是Flex布局. Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局. Flex布局提供了元素在容器中的对齐,方向以及顺序 ...
微信小程序开发之布局奇盈绝技
1.微信小程序对flex流式布局支持的相当不错,甚至有些地方可以使用flex进行修复操作如在设置image这个标签的时候,内设有个10rpx的底部空间,假如这个空间背景为黑色,那么10rpx这个底部 ...
小程序开发——常用布局
小程序的布局分为两类:横向布局和纵向布局横向布局从左到右如: .wxss文件 .rowLayout {display: flex;flex-direction: row; } .wxml (vi ...
微信小程序wxml如何判断字符串中汉语某字符_微信小程序开发经典案例解析“嗨兔儿”...
嗨兔儿是微信公众号嗨日语歌(hitaici)助手,主要为用户提供,关键词检索,帮助手册等,为外语学习者提供一个便捷的操作方式,能够开心工作,开心生活. 开发过程及注意事项分享视频. 1. 微信小程序开 ...
房屋公寓出租房小程序开发
房屋公寓出租房小程序开发首页布局// 顶部导航,背景色自定.颜色自定义.文字自定义:搜索框,提示文字自定义:轮播图,图片高度自定义.播放速度自定义.图片高度自定义.跳转链接自定义.拖动调整顺序:导航 ...
WPF PRISM开发入门一( 初始化PRISM WPF程序)
原文:WPF PRISM开发入门一( 初始化PRISM WPF程序) 这篇博客将介绍在WPF项目中引入PRISM框架进行开发的一些基础知识.目前最新的PRISM的版本是Prism 6.1.0,可以在G ...
c++如何让程序异常以后继续执行_微信商城小程序开发首页广告如何布局？c
小程序的开发使得商家变现微信流量越来越便利,因此各类小程序制作数量不断增加,特别是不少商家选择制作商城类小程序.而在进行小程序制作的时候,是需要布局相应广告来进行流量转化的,那么微信商城小程序开发首页 ...
开发Google Material Design风格的WPF程序
原文:开发Google Material Design风格的WPF程序今天在网上看到了一个Material Design风格的WPF皮肤,看上去还是挺不错的这个项目是开源的,感兴趣的朋友可以下载试 ...
WPF触控程序开发(三)——类似IPhone相册的反弹效果
原文: WPF触控程序开发(三)--类似IPhone相册的反弹效果用过IPhone的都知道,IPhone相册里,当图片放大到一定程度后,手指一放,会自动缩回,移动图片超出边框后手指一放,图片也会自动 ...

WPF程序开发之布局

WPF程序开发之布局相关推荐

最新文章

热门文章

WPF程序开发之 布局

WPF程序开发之 布局相关推荐

最新文章

热门文章

WPF程序开发之布局

WPF程序开发之布局相关推荐