博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」...
阅读量:4686 次
发布时间:2019-06-09

本文共 1582 字,大约阅读时间需要 5 分钟。

原文:

本章将介绍UseLayoutRounding,中文我把它翻译为「布局修整」

英文原文为:Gets or sets a value that determines whether to use rounding behavior that aligns layout to whole pixels.

?

本章将介绍UseLayoutRounding,中文我把它翻译为「布局修整

?

根据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

如下图:

ch34_01.jpg

?

请设定一个Rectangle勾选UseLayoutRounding,另一个Rectangle则不勾选

你也可以直接复制下面的Xaml

1: 
2:?
 
 
3: 
 
 
4:?
 
 
5: 
 
 
6:?
 
 
7: 
 
 
8:?
 
 
9: 
 
 
10:?
 
 
11: 
 
 
12:?
 
 
13: 
 
 
14:?
 
 
15: 
 
 

?

请把工作区的大小倍数拉大,或是仔细看

发现不一样的地方了吗?

ch34_02.jpg

?

左边的Rectangle边框是清楚的,但右边的边框有点模糊

看右边的Rectangle时会感觉好像是眼睛度数不够一样,物件边框会雾化,不够精细

?

这就是UseLayoutRounding设定值的差异

UseLayoutRounding可以改善边框锯齿状与雾化的状态,取而代之的是明亮乾净的画面

?

我将画面截下来使用绘图软体放大到300倍以上

差异就很明显了

下图是右边未使用UseLayoutRoundin的左上角

ch34_04.jpg

?

右边没有使用UseLayoutRounding的Rectangle周围出现了灰色的线条

但左边有使用UseLayoutRounding的Rectangle周围却是很平整的

ch34_03.jpg

?

有的布局会用切Grid百分比的方式来切割版面(Grid的介绍请看)

假如说切三等分,那每一等份就是0.33333333,不会是一个整数

ch34_05.jpg

?

所以在里面的物件大小也就不会是整数,画出来就会有毛毛的感觉

有使用UseLayoutRounding的话,绘图引擎会强制把它用整数画出来

看起来就不会毛毛的

?

但另一个布局容器Canvas里面的物件就不会被影响到,因为Canvas不会影响布局

想了解更多Canvas请到

?

UseLayoutRounding是个很容易被忽略的设定项目

但若能注意到很小的设定,会对你Silverlight的制作加分喔!

?

?

本篇的教学就到此。

?

?

?

(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)

一步一步迈向HIE之路

 

喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您

 

 

posted on
2017-12-24 00:59 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/lonelyxmas/p/8095232.html

你可能感兴趣的文章
产品 线上 保持 和 支持 服务 (Support and maintenance solutions)
查看>>
如何优雅的研究 RGSS3 (七) 加入LOGO屏幕
查看>>
POJ3187 Backward Digit Sums
查看>>
高频总线上的串阻问题
查看>>
Cookie/Session机制具体解释
查看>>
Android中Context具体解释 ---- 你所不知道的Context
查看>>
Windows8和MacOS10.9双系统安装及Mac经常使用软件安装--联想E49A
查看>>
轻松自动化---selenium-webdriver(python) (四)
查看>>
mmap内存映射
查看>>
Javascript - ERR_CONTENT_LENGTH_MISMATCH
查看>>
开启迅盘:ReadyBoost和ReadyDrive的开启方法
查看>>
Day25.2 类中的方法
查看>>
Linux 2.6 字符设备驱动程序
查看>>
返回一个二维数组中最大子数组的和
查看>>
memcached知识点梳理
查看>>
《构建之法》第一、二、十六章阅读笔记
查看>>
asp.net mvc在Model中控制日期格式
查看>>
Pandas基础(十一)时间序列
查看>>
arrow:让Python的日期与时间变的更好
查看>>
大型网站技术架构 大纲
查看>>