零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」
2017-12-24 00:59
495 查看
原文:零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」
?
请把工作区的大小倍数拉大,或是仔细看
发现不一样的地方了吗?
?
左边的Rectangle边框是清楚的,但右边的边框有点模糊
看右边的Rectangle时会感觉好像是眼睛度数不够一样,物件边框会雾化,不够精细
?
这就是UseLayoutRounding设定值的差异
UseLayoutRounding可以改善边框锯齿状与雾化的状态,取而代之的是明亮乾净的画面
?
我将画面截下来使用绘图软体放大到300倍以上
差异就很明显了
下图是右边未使用UseLayoutRoundin的左上角
?
右边没有使用UseLayoutRounding的Rectangle周围出现了灰色的线条
但左边有使用UseLayoutRounding的Rectangle周围却是很平整的
?
有的布局会用切Grid或百分比的方式来切割版面(Grid的介绍请看这里)
假如说切三等分,那每一等份就是0.33333333,不会是一个整数
?
所以在里面的物件大小也就不会是整数,画出来就会有毛毛的感觉
有使用UseLayoutRounding的话,绘图引擎会强制把它用整数画出来
看起来就不会毛毛的
?
但另一个布局容器Canvas里面的物件就不会被影响到,因为Canvas不会影响布局
想了解更多Canvas请到这里
?
UseLayoutRounding是个很容易被忽略的设定项目
但若能注意到很小的设定,会对你Silverlight的制作加分喔!
?
?
本篇的教学就到此。
?
?
?
(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您
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 26 教你如何使用RaidoButton以及布局容器的活用
- android 使用TabLayout 自定义View布局作为底部菜单栏
- Android Layout中使用include标签实现UI布局重用
- 全面使用自动布局(AutoLayout )的开始
- 零元学Expression Blend 4 - Chapter 35 讨厌!!我不想一直重复设定!!『Template Binding』使用前後的差异
- 转载:使用Auto Layout中的VFL(Visual format language)--代码实现自动布局
- 仿知乎程序(四)swipebacklayout的使用,处理TextView中图片的显示以及类360滚动布局
- UseLayoutRounding vs. SnapsToDevicePixels
- 使用include实现布局(layout)复用
- Xcode6中自动布局autolayout和sizeclass的使用
- TabLayout布局使用范例详解
- iOS8开发~UI布局(二)storyboard中autolayout和size class的使用详解
- MonoRail学习笔记十二:layout布局的使用
- LayoutInflater的使用:动态加载布局
- Android LinearLayout布局嵌套及权重weight的使用
- ExtJS专题(十):layout布局的使用(3)
- ExtJS专题(十):layout布局的使用(7)
- include 布局android:layout_below属性无法使用
- Devexpress之LayoutControl的使用及其控件布局设计
- CoordinatorLayout布局的使用方式