原文:零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异

本次要针对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

ch36_01.jpg

?

完成後，请全部选取後复制出另一个ScrollViewer，好为我们等等的比较做准备

(下图为还没有设定Hidden以及Disabled属性的状态)

ch36_02.jpg

还没有设定Hidden以及Disabled属性的Xaml如下：

1: <ScrollViewer x:Name="HiddenScview" Margin="0" ScrollViewer.VerticalScrollBarVisibility="Auto" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" Width="250" Height="200">
2:     <StackPanel Background="#FF525252">
3:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF0029A9"/>
4:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFA300F3"/>
5:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF8F002E"/>
6:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF086A00"/>
7:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF786800"/>
8:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFB16100"/>
9:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="Red"/>
10:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFFFBC79"/>
11:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF521E00"/>
12:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3"/>
13:     </StackPanel>
14: </ScrollViewer>
15: <ScrollViewer x:Name="HiddenScview" Margin="0" ScrollViewer.VerticalScrollBarVisibility="Auto" Grid.Column="1"  Grid.Row="1"HorizontalAlignment="Center" VerticalAlignment="Center" Width="250" Height="200">
16:     <StackPanel Background="#FF525252">
17:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF0029A9"/>
18:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFA300F3"/>
19:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF8F002E"/>
20:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF086A00"/>
21:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF786800"/>
22:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFB16100"/>
23:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="Red"/>
24:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFFFBC79"/>
25:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF521E00"/>
26:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3"/>
27:     </StackPanel>
28: </ScrollViewer>
29:  
30:

?

02

点选左边的ScrollViewer後从Properties->Layout->选择Show advanced Properties-> VerticalScrollBarVisibility

可以看到由上至下Disabled 、Auto、Hidden 以及Visible 四种设定

ch36_03.jpg

?

这里，请选择Hidden

?

而右边的ScrollViewer请选择Disabled

?

完成後，按下F5试试看到底哪边不一样

附上实作范例，试试看左边跟右边的差异

?

请点击左边ScrollViewer内的Button後，在ScrollViewer内卷动一下滑鼠滚轮

再点击右边ScrollViewer内的Button，也在右边的ScrollViewer内卷动一下滑鼠滚轮

?

很抱歉，阁下使用的浏览器并不支援 IFrame，不能正常浏览我的网页

?

更改为Hidden以及Disabled属性的Xaml如下：

1: <ScrollViewer x:Name="HiddenScview" Margin="0" ScrollViewer.VerticalScrollBarVisibility="Hidden" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" Width="250" Height="200">
2:     <StackPanel Background="#FF525252">
3:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF0029A9"/>
4:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFA300F3"/>
5:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF8F002E"/>
6:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF086A00"/>
7:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF786800"/>
8:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFB16100"/>
9:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="Red"/>
10:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFFFBC79"/>
11:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF521E00"/>
12:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3"/>
13:     </StackPanel>
14: </ScrollViewer>
15: <ScrollViewer x:Name="DisableScview" Margin="0" ScrollViewer.VerticalScrollBarVisibility="Disabled" Grid.Column="1" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" Width="250" Height="200">
16:     <StackPanel Background="#FF525252">
17:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF0029A9"/>
18:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFA300F3"/>
19:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF8F002E"/>
20:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF086A00"/>
21:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FF786800"/>
22:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="#FFB16100"/>
23:         <Button Content="请点按钮一下再滚动滑鼠" Margin="5,3" Foreground="Red"/>
24:         <Button Content="Button" Margin="5,3" Foreground="#FFFFBC79"/>
25:         <Button Content="Button" Margin="5,3"/>
26:         <Button Content="Button" Margin="5,3"/>
27:     </StackPanel>
28: </ScrollViewer

?

由此可知

虽然看不见ScrollBar，不过设定为Hidden的卷轴使用滑鼠滚轮滚动还是可以看到所有的内容

但是设定为Disabled的卷轴却已经完全没有反应了唷!

?

------------------------------------------------------03/21更新--------------------------------------------------------------

?

为了让大家更了解Disabled 、Auto、Hidden 以及Visible 四种设定间的差异

特别多做了一个四合一的比较：

感谢Ouch的技术协助

请拖动Slider更改颜色区块的大小，看出四种设定的差异

Auto = 当内容过多时，才会显示bar

Disabled = 就算内容超过容器大小，也完全禁用bar

Hidden = 隐藏bar ，但可以使用滑鼠滚轮卷动，观看超过容器大小的内容

Visible =不管内容是否有超过容器大小，永远都显示bar

?

很抱歉，阁下使用的浏览器并不支援 IFrame，不能正常浏览我的网页

?

?

?

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

一步一步迈向HIE之路

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

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

零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异...相关推荐

  1. html 文本显示蓝底蓝框,零元学Expression Blend 4 - Chapter 27 PathlistBox被Selected时的蓝底蓝框问题...

    最近收到网友Cloud的来信,询问我有关放进PathlistBox的物件,被选取後会出现蓝底蓝框的问题 经由他的同意,我决定把这个实作上遇到的问题及解决的方式,用一篇文章来跟大家分享 ? 最近收到网友 ...

  2. 零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上)...

    零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 原文:零元学Expression Blend 4 - ...

  3. 零元学Expression Blend 4 - Chapter 1 缘起

    原文:零元学Expression Blend 4 - Chapter 1 缘起 本来都使用Adobe相关工具从事设计工作的我,因缘际会下,接触到了Expression Blend 4,让我完全的对微软 ...

  4. 零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)

    原文:零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下) 你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果 所以在这里我们把文字 ...

  5. 零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面...

    原文:零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面 本章将交大家如何运用Blend 4 内的Text相关功能做出有设计感的登 ...

  6. 零元学Expression Blend 4 - Chapter 4元件重复运用的观念

    零元学Expression Blend 4 - Chapter 4元件重复运用的观念 原文:零元学Expression Blend 4 - Chapter 4元件重复运用的观念 本章将教大家Blend ...

  7. 零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸)

    原文:零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸) 本篇内容会教你如何使用笔刷.钢笔.渐层以及透明度的调整,还有如何转化图层和路径,最重要的是要 ...

  8. 零元学Expression Blend 4 - Chapter 7 什麽?影片不再是印象中的方框框!!!看Blend 4如何把影片镶入字里...

    零元学Expression Blend 4 - Chapter 7 什麽?影片不再是印象中的方框框!!!看Blend 4如何把影片镶入字里 原文:零元学Expression Blend 4 - Cha ...

  9. 零元学Expression Blend 4 ndash; Chapter 21 以实作案例学习MouseDragElementBehavior

    原文:零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior 本章将教大家如何运用Blend 4内建的行为注入元件「Mou ...

最新文章

  1. linux完美卸载mysql,Linux下彻底卸载mysql详解
  2. Tensor for ‘out‘ is on CPU, Tensor for argument #1 ‘self‘ is on CPU
  3. 使用xshell远程连接Linux
  4. VC++获取操作系统的版本 GetVersionEx函数
  5. load、loads、dump、dumps的区别
  6. matlab语音信号处理实验_现代通信综合实验系统平台
  7. 数据科学入门与实战：Seaborn002热力图等
  8. 有人说如果车速每小时超过120公里，爆胎时无法挽回是真的吗？
  9. android开发我的新浪微博客户端-用户授权页面功能篇(3.2)
  10. winapi编程获取文件版本信息的代码_.Net调用WinAPI轻松实现POS小票并口打印
  11. 无法定位程序输入点 except_python自制王者荣耀抽卡程序
  12. mysql查询记录总数_MySQL记录总条数实现查询优化
  13. 关于COM类工厂80070005和8000401a错误分析及解决办法
  14. windows系统ping端口及利用telnet命令Ping 端口
  15. 使用Redis来做浏览量统计
  16. latex 删除脚注的标号
  17. 关系数据模型——三个组成部分
  18. 农历和阳历互转（c语言）
  19. 学计算机颈椎痛,近九成电脑族曾颈椎疼痛，怎么办？
  20. 网站被攻击如何查找木马文件 以及攻击者IP

热门文章

  1. 崩溃！Win10 强制更新导致电脑无限重启
  2. 自然语言交流系统 phxnet团队 创新实训 个人博客 （五）
  3. HASH暴力破解工具-Hashcat
  4. 贪心算法-Best cow line-字典序问题
  5. JetBrains 发布Kotlin 1.0
  6. 让人期待的2011年度最佳 jQuery 插件发布啦
  7. VS2008 连接 SAP 4.6C RFC 经验分享(折腾了两天)
  8. IPv6域名解析服务基础
  9. 解决方案 | tensorflow安装慢解决方案
  10. Apollo浏览全貌