零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式

原文:零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式

本章将先教大家认识ListBox的基本运用与更改预设样式

此为本篇ListBox的基本样式范例

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

开启一个新专案後，放入一个ListBox

你会看到是个空白的框框，什麽东西都没有?

不是应该会有一行一行可以放文字的容器吗?

别着急，让我们来看看到底ListBox肚子里藏了甚麽，进到Template就知道噜

进到Template以後，里面住了ScrollViewer，表示当资料过多时，会自动生成控制bar

接着，我们要放入可以填入内容的容器->ListBoxItem

你会发现，当放入过多的ListBoxItem後，ScrollViewer的控制bar就跑出来了

来看一下Xaml

把ListBoxItem Content内的资料改成我们要的内容

回到Design模式，内容已经变成我们刚刚修改後的文字了

你若不想从Xaml修改资料内容，也可以从Properties->Common Properties->Content下修改

当然也能从Properties->Brush更改文字的颜色以及背景

按下F5预览後，会发现点选或是滑鼠移动到文字上时的预设蓝底蓝框

如果你有看过上一篇对PathlistBox的介绍，那你应该可以猜到我接下来要干嘛~

请选取ListBox後Edit Additional Templates->Edit Generated Item Container->Edit a Copy

点下MouseOver，fillColor会有一个小红点，你可以发现Properties->Fill就是刚刚在浏览器看到的预设颜色

更改颜色为#FF00FF1B

点下Focus，更改FocusVisualElement->Storke为#FFFF0000

点下Selected，更改fillColor2->Fill为#FFFFBD5C

按下F5看看更改後的样子

想知道如何制作自己的ListBox吗?下篇告诉你~!

最後附上范例专案

如果您有Blend上的各种问题，也欢迎寄信给我，让彼此做交流~

本篇的教学就到此。

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

一步一步迈向HIE之路

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

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

零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式相关推荐

html 文本显示蓝底蓝框,零元学Expression Blend 4 - Chapter 27 PathlistBox被Selected时的蓝底蓝框问题...
最近收到网友Cloud的来信,询问我有关放进PathlistBox的物件,被选取後会出现蓝底蓝框的问题经由他的同意,我决定把这个实作上遇到的问题及解决的方式,用一篇文章来跟大家分享 ? 最近收到网友 ...
零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异...
原文:零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异本次要针对Disabled以及Hidden作 ...
零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上)...
零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 原文:零元学Expression Blend 4 - ...
零元学Expression Blend 4 - Chapter 1 缘起
原文:零元学Expression Blend 4 - Chapter 1 缘起本来都使用Adobe相关工具从事设计工作的我,因缘际会下,接触到了Expression Blend 4,让我完全的对微软 ...
零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)
原文:零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下) 你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果所以在这里我们把文字 ...
零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面...
原文:零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面本章将交大家如何运用Blend 4 内的Text相关功能做出有设计感的登 ...
零元学Expression Blend 4 - Chapter 4元件重复运用的观念
零元学Expression Blend 4 - Chapter 4元件重复运用的观念原文:零元学Expression Blend 4 - Chapter 4元件重复运用的观念本章将教大家Blend ...
零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸)
原文:零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸) 本篇内容会教你如何使用笔刷.钢笔.渐层以及透明度的调整,还有如何转化图层和路径,最重要的是要 ...
零元学Expression Blend 4 - Chapter 7 什麽?影片不再是印象中的方框框!!!看Blend 4如何把影片镶入字里...
零元学Expression Blend 4 - Chapter 7 什麽?影片不再是印象中的方框框!!!看Blend 4如何把影片镶入字里原文:零元学Expression Blend 4 - Cha ...
零元学Expression Blend 4 ndash; Chapter 21 以实作案例学习MouseDragElementBehavior
原文:零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior 本章将教大家如何运用Blend 4内建的行为注入元件「Mou ...

零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式

零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式相关推荐

最新文章

热门文章