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

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

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

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

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

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

01

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

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

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

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

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

02

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

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

来看一下Xaml

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

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

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

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

03

按下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之路

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

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