零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」
原文:零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」
本章将介绍UseLayoutRounding,中文我把它翻译为「布局修整」
英文原文为:Gets or sets a value that determines whether to use rounding behavior that aligns layout to whole pixels.
?
本章将介绍UseLayoutRounding,中文我把它翻译为「布局修整」
?
根据MSDN对UseLayoutRounding的介绍
UseLayoutRounding:为取得或设定值,这个值决定是否要使用将配置对齐整数像素的进位行为。
?
我查了一下英文原文为:
Gets or sets a value that determines whether to use rounding behavior that aligns layout to whole pixels.
?
我想,应该还有更好的表达方式
让我来带大家看看何谓UseLayoutRounding吧!
?
就是要让不会的新手都看的懂!
?
01
请在专案的工作区中放入两个Rectangle
宽高皆设定为:100.7
按下进阶箭头,你可以在延伸的功能中找到UseLayoutRounding
如下图:
?
请设定一个Rectangle勾选UseLayoutRounding,另一个Rectangle则不勾选
你也可以直接复制下面的Xaml
1: <Grid x:Name="LayoutRoot" Background="White">
2:?
3: <Grid.ColumnDefinitions>
4:?
5: <ColumnDefinition Width="0.5*"/>
6:?
7: <ColumnDefinition Width="0.5*"/>
8:?
9: </Grid.ColumnDefinitions>
10:?
11: <Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Center" Margin="0" Stroke="Black" Width="100.7" Height="100.7" VerticalAlignment="Center" StrokeThickness="10"/>
12:?
13: <Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Center" Margin="0" Stroke="Black" Width="100.7" UseLayoutRounding="False" Height="100.7" Grid.Column="1" VerticalAlignment="Center" StrokeThickness="10"/>
14:?
15: </Grid>
?
请把工作区的大小倍数拉大,或是仔细看
发现不一样的地方了吗?
?
左边的Rectangle边框是清楚的,但右边的边框有点模糊
看右边的Rectangle时会感觉好像是眼睛度数不够一样,物件边框会雾化,不够精细
?
这就是UseLayoutRounding设定值的差异
UseLayoutRounding可以改善边框锯齿状与雾化的状态,取而代之的是明亮乾净的画面
?
我将画面截下来使用绘图软体放大到300倍以上
差异就很明显了
下图是右边未使用UseLayoutRoundin的左上角
?
右边没有使用UseLayoutRounding的Rectangle周围出现了灰色的线条
但左边有使用UseLayoutRounding的Rectangle周围却是很平整的
?
有的布局会用切Grid或百分比的方式来切割版面(Grid的介绍请看这里)
假如说切三等分,那每一等份就是0.33333333,不会是一个整数
?
所以在里面的物件大小也就不会是整数,画出来就会有毛毛的感觉
有使用UseLayoutRounding的话,绘图引擎会强制把它用整数画出来
看起来就不会毛毛的
?
但另一个布局容器Canvas里面的物件就不会被影响到,因为Canvas不会影响布局
想了解更多Canvas请到这里
?
UseLayoutRounding是个很容易被忽略的设定项目
但若能注意到很小的设定,会对你Silverlight的制作加分喔!
?
?
本篇的教学就到此。
?
?
?
(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您
零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」的更多相关文章
- 零元学Expression Blend 4 - Chapter 46 三分钟快速充电-设定Margin的小撇步
原文:零元学Expression Blend 4 - Chapter 46 三分钟快速充电-设定Margin的小撇步 如果需要经常的使用某一项工具,总会希望能够更快速的使用各项设定达到效果 今天要介绍 ...
- 零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果
原文:零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果 有网友问我如何在Blend内制作出倒影效果 我提供了 ...
- 零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下)
原文:零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下) 抱歉久等了!!!! 终於到了动画MenuBar ...
- 零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗?
原文:零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗? ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗? 想要它变聪明吗? ...
- 零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画
原文:零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画 零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形 ...
- 零元学Expression Blend 4 - Chapter 41 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(中)
原文:零元学Expression Blend 4 - Chapter 41 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(中) 我们接着进行动画MenuBar的制作 接续着上 ...
- 零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上)
原文:零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 一直以来都有人拿Flash的动画问我Blend ...
- 零元学Expression Blend 4 - Chapter 39 虾米?!同款?不同师傅!告诉你Visible、Hidden与Collapsed的差异!
原文:零元学Expression Blend 4 - Chapter 39 虾米?!同款?不同师傅!告诉你Visible.Hidden与Collapsed的差异! 由此可知 Hidden为隐藏项目,但 ...
- 零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)
原文:零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下) 你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果 所以在这里我们把文字 ...
随机推荐
- one hot 编码的实现
one hot 编码,针对的是类别性属性(categorical),类别型属性可以为特征向量中的任一属性,比如性别(one hot 编码的意义在于,属性之间不具有数值上大小的区别,在对最后结果的影响上 ...
- Maven项目中读取src/main/resources目录下的配置文件
在Maven项目的开发中,当需要读取src/下的配置文件时,该怎么做? 我们假设Resources下有一个文件名为kafka.properties的配置文件(为什么用kafka.properties, ...
- request.getSession().getServletContext().getRealPath()的一些坑
今天是学校机房的服务器上对之前的一个网站升级时发现了一个bug,我自己的机器上用的tomcat8,机房上是tomcat7,结果一运行就开始报找不到文件,最后发现是文件分隔符的问题 原来在代码中涉及到路 ...
- 一个完整配置例nginx.conf(生产环境中使用)
一个完整的nginx配置案例,生产环境 一个完整配置例(生产环境中使用) user nobody nobody; worker_processes 4; worker_rlimit_nofile 51 ...
- TEdit,TMemo背景透明(SetWindowLong(WS_EX_TRANSPARENT)增加透明风格)
The component below works perfectly, except for the following problem: 1) Saves the component below ...
- WIN10+QT5.9+VS2015编译RedisDesktopManager
原文:WIN10+QT5.9+VS2015编译RedisDesktopManager 官方源码编译安装说明地址:http://docs.redisdesktop.com/en/latest/insta ...
- android studio 各种问题 应该能帮助到你们
1. you can import your settings from a previous version of Studio 可以导入您的设置从先前版本的工作室 2. I want to imp ...
- js 图片缩显
<script language="javascript"> var flag=false; function MyImage(Img){ var image=ne ...
- Parallel.For
Parallel.For 你可能忽视的一个非常实用的重载方法 说起Parallel.For大家都不会陌生,很简单,不就是一个提供并行功能的for循环吗? 或许大家平时使用到的差不多就是其中最简单 ...
- 调试分析工具 (C/C++)
一.静态分析工具 cppcheck cppcheck主要用于对C/C++源代码进行分析检查的一个开源工具,可以用来检测未使用的变量.越界访问.内存泄漏等问题. 使用方法 cppcheck --enab ...