本文共 2311 字，大约阅读时间需要 7 分钟。
本次要针对Disabled以及Hidden作讨论
很多人会把Disabled当成是不显示，因为选单内容有个Visible(翻译为可见or显示) 但其实Disabled是禁用而非不显示，若是想要使之不显示，请使用Hidden作隐藏即可 我想，不显示跟隐藏的意思是雷同的，但与禁用却是相差很远，所以请不要搞混喔~ 隐藏与禁用，在实务上使用起来就是有差别!! 差在哪里呢?看下去就知道?
?
先前在Chapter10有介绍过ScrollViewer的属性以及功能
()
?
其重点设定的内容为
Auto = 当内容过多时，自动显示bar
Disabled = 禁用bar
Hidden = 隐藏bar
Visible =显示bar
?
本次要针对Disabled以及Hidden作讨论
很多人会把Disabled当成是不显示，因为选单内容有个Visible(翻译为可见or显示)
但其实Disabled是禁用而非不显示，若是想要使之不显示，请使用Hidden作隐藏即可
我想，不显示跟隐藏的意思是雷同的，但与禁用却是相差很远，所以请不要搞混喔~
隐藏与禁用，在实务上使用起来就是有差别!!
差在哪里呢?看下去就知道
?
01
延续Ch10的作法，请在ScrollViewer内放入StackPanel，并在StackPanel内放入数个Button
?
完成後，请全部选取後复制出另一个ScrollViewer，好为我们等等的比较做准备
(下图为还没有设定Hidden以及Disabled属性的状态)
还没有设定Hidden以及Disabled属性的Xaml如下：
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
?
02
点选左边的ScrollViewer後从Properties->Layout->选择Show advanced Properties-> VerticalScrollBarVisibility
可以看到由上至下Disabled 、Auto、Hidden 以及Visible 四种设定
?
这里，请选择Hidden
?
而右边的ScrollViewer请选择Disabled
?
完成後，按下F5试试看到底哪边不一样
附上实作范例，试试看左边跟右边的差异
?
请点击左边ScrollViewer内的Button後，在ScrollViewer内卷动一下滑鼠滚轮
再点击右边ScrollViewer内的Button，也在右边的ScrollViewer内卷动一下滑鼠滚轮
?
很抱歉，阁下使用的浏览器并不支援 IFrame，不能正常浏览我的网页
?
更改为Hidden以及Disabled属性的Xaml如下：
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
?
由此可知
虽然看不见ScrollBar，不过设定为Hidden的卷轴使用滑鼠滚轮滚动还是可以看到所有的内容
但是设定为Disabled的卷轴却已经完全没有反应了唷!
?
------------------------------------------------------03/21更新--------------------------------------------------------------
?
为了让大家更了解Disabled 、Auto、Hidden 以及Visible 四种设定间的差异
特别多做了一个四合一的比较：
请拖动Slider更改颜色区块的大小，看出四种设定的差异
Auto = 当内容过多时，才会显示bar
Disabled = 就算内容超过容器大小，也完全禁用bar
Hidden = 隐藏bar ，但可以使用滑鼠滚轮卷动，观看超过容器大小的内容
Visible =不管内容是否有超过容器大小，永远都显示bar
?
很抱歉，阁下使用的浏览器并不支援 IFrame，不能正常浏览我的网页
?
?
?
(若有任何错误的地方，请各位前辈或同好能不吝指教，小女子都会虚心接受；若是你喜欢我的教学，请给我点鼓励，谢谢。)
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应，你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要，请在文章回应处留言，我会尽快回覆您
转载地址：http://syuwo.baihongyu.com/