零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗?
2017-12-24 23:36
337 查看
原文:零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗?
ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗?
想要它变聪明吗?
看下去就对了~
?
ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗?
想要它变聪明吗?
看下去就对了~
?
先前在【Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下)】
使用了WrapPanel做为第二层选单的布局容器
另外,在设计x程式社团,也有朋友问到有关WrapPanel的问题
我就一起在这里做介绍
?
在开始本章之前,要先提醒朋友~
如果你还没有装Silverlight Toolkit的话,请先下载,才会有本章提到的WrapPanel唷!
针对Silverlight Toolkit,小猴子先前有特别做了详细的介绍。
(请看【扩充元件-「Silverlight Toolkit」教学】)
?
01
在主要工作区置入一个ListBox,并调整到适当位置
?
02
接着我们运用假资料的代入,来测试布局容器内物件的排序状况
於Data->Creat Sample Data->New Sample Data开始我们的Sample Data建置
?
有关更详细的Sample Data如何使用
请看小猴子先前所做的详细介绍:
【零元学Expression Blend 4 - Chapter 31 看如何简单的把SampleData 绑进ListBox里】
?
03
这里,我们设定一组的Property就好,并且把Type改为Image
?
点选Collection後直接拖拉进ListBox里,ListBox就会出现刚刚所设定的SampleData了
?
04
放入Sample Data的ListBox,出现了VerticalScrollBar
?
让我们进到Template里面,看看发生什麽事
ListBox->Edit Additional Templates->Edit Layout of Items->Create Empty
?
原来是预设的ListBox里面住了个StackPanel阿!!!
没关系,我们来帮它变身~
点选StackPanel->右键->Change Layout Type->WrapPanel
?
05
变身为WrapPanel後,除了图片改为横向排列外,好像没甚麽差别
没关系,不要紧~让我们先离开Edit Template模式再说
?
在这边,我必须要先介绍WrapPanel特性:
WrapPanel会将子项目由左至右依序放置,在包含方块的边缘将内容换行。
依据 Orientation 属性的值,後续的排列方式会由上至下或由右至左依序进行。
(看更多MSDN详细介绍,请点这里)
?
所以我们要把ListBox的HorizontalScrollBarVisibility以及VerticalScrollBarVisibility设定为Disabled
让宽度或高度不够时,容器内的物件自动排列
?
如果没有设定Disabled,会被辨识为宽高无限制,底层的WrapPanel自然没办法发挥它的特性
?
设定Disabled後,你应该可以发现,ListBox内的物件排列已经改变了
?
06
若你想要改变把排列方式由水平改为垂直
请回到Edit Template模式,在Properties->CommomProperties->Orientation
把Horizontal改为Vertical
?
物件的排列方式,就改为垂直排列噜!
?
?
(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)
?
?
?
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您
ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗?
想要它变聪明吗?
看下去就对了~
?
ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗?
想要它变聪明吗?
看下去就对了~
?
先前在【Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下)】
使用了WrapPanel做为第二层选单的布局容器
另外,在设计x程式社团,也有朋友问到有关WrapPanel的问题
我就一起在这里做介绍
?
在开始本章之前,要先提醒朋友~
如果你还没有装Silverlight Toolkit的话,请先下载,才会有本章提到的WrapPanel唷!
针对Silverlight Toolkit,小猴子先前有特别做了详细的介绍。
(请看【扩充元件-「Silverlight Toolkit」教学】)
?
01
在主要工作区置入一个ListBox,并调整到适当位置
?
02
接着我们运用假资料的代入,来测试布局容器内物件的排序状况
於Data->Creat Sample Data->New Sample Data开始我们的Sample Data建置
?
有关更详细的Sample Data如何使用
请看小猴子先前所做的详细介绍:
【零元学Expression Blend 4 - Chapter 31 看如何简单的把SampleData 绑进ListBox里】
?
03
这里,我们设定一组的Property就好,并且把Type改为Image
?
点选Collection後直接拖拉进ListBox里,ListBox就会出现刚刚所设定的SampleData了
?
04
放入Sample Data的ListBox,出现了VerticalScrollBar
?
让我们进到Template里面,看看发生什麽事
ListBox->Edit Additional Templates->Edit Layout of Items->Create Empty
?
原来是预设的ListBox里面住了个StackPanel阿!!!
没关系,我们来帮它变身~
点选StackPanel->右键->Change Layout Type->WrapPanel
?
05
变身为WrapPanel後,除了图片改为横向排列外,好像没甚麽差别
没关系,不要紧~让我们先离开Edit Template模式再说
?
在这边,我必须要先介绍WrapPanel特性:
WrapPanel会将子项目由左至右依序放置,在包含方块的边缘将内容换行。
依据 Orientation 属性的值,後续的排列方式会由上至下或由右至左依序进行。
(看更多MSDN详细介绍,请点这里)
?
所以我们要把ListBox的HorizontalScrollBarVisibility以及VerticalScrollBarVisibility设定为Disabled
让宽度或高度不够时,容器内的物件自动排列
?
如果没有设定Disabled,会被辨识为宽高无限制,底层的WrapPanel自然没办法发挥它的特性
?
设定Disabled後,你应该可以发现,ListBox内的物件排列已经改变了
?
06
若你想要改变把排列方式由水平改为垂直
请回到Edit Template模式,在Properties->CommomProperties->Orientation
把Horizontal改为Vertical
?
物件的排列方式,就改为垂直排列噜!
?
?
(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)
?
?
?
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您
相关文章推荐
- 零元學Expression Blend 4 - Chapter 45 ListBox裡的物件不能換行嗎?
- 零元学Expression Blend 4 - Chapter 27 PathlistBox被Selected时的蓝底蓝框问题
- 零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式
- 零元学Expression Blend 4 - Chapter 29 ListBox与Button结合运用的简单功能
- 零元学Expression Blend 4 - Chapter 31 看如何简单的把SampleData 绑进ListBox里
- php 字符串中的\n换行符无效、不能换行的解决方法
- android关于AlertDialog.Builder中setMessage不能换行问题的解决方法
- 解决浏览器显示长数字不能自动换行或长字母不能换行的问题
- 解决 Tomcat Server in Eclipse unable to start within 45 seconds 不能启动的问题
- 固定宽度的DIV中英文不能自动换行
- 顶宽的div中的英文不能自动换行
- 零元学Expression Blend 4 - Chapter 8 用实例了解布局容器系列-「Grid」
- 零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用
- 固定宽度的DIV中英文不能自动换行
- php 字符串中的\n换行符无效、不能换行的解决方法
- Android的TextView不能自动换行的问题
- win7的记事本的状态栏和自动换行不能同时存在
- 解决table不能换行的问题与CSS之自动换行总结
- 单词太长,不能自动换行
- 表格遇到???等连续符号不能换行怎么办?