零元学Expression Blend 4 - Chapter 27 PathlistBox被Selected时的蓝底蓝框问题

原文:零元学Expression Blend 4 - Chapter 27 PathlistBox被Selected时的蓝底蓝框问题

最近收到网友Cloud的来信,询问我有关放进PathlistBox的物件,被选取後会出现蓝底蓝框的问题

经由他的同意,我决定把这个实作上遇到的问题及解决的方式,用一篇文章来跟大家分享

?

最近收到网友Cloud的来信,询问我有关放进PathlistBox的物件,被选取後会出现蓝底蓝框的问题

经由他的同意,我决定把这个实作上遇到的问题及解决的方式,用一篇文章来跟大家分享

?

本篇范例的最後成果:

(没错,这只毛虫怪又出现了,如果你看过CheckBox那篇文章,应该对牠不陌生XD)

?

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

?

?

?

如果你对PathlistBox的基本认识还不够,建议您先参考这篇

若是对PathlistBox已有足够的熟悉度,那我们开始噜!

?

01

首先让我们还原整个实作的过程

在工作区放入一个PathListBox,并在里面置入一张图片

?

并且在工作区中放入如下图范例般的Path线段

?

接着,我们让毛虫怪跟着Path的线条方向移动

所以使用StoryBoard的动画设置,配合Start的数值

?

动画设置完成後,别忘记要给它一个触发条件

放进一个ControlStoryBoardAction:

EventName设为Loaded,因为要使动画在页面Load完时候直接拨放

ControlStoryboardOption设为Play

?

完成後,请按下F5预览看看

?

看似正常的毛虫怪,似乎没有甚麽不正常的地方

但是当你使用滑鼠对牠做点击的动作时,牠的周围以及底部就会出现蓝色框蓝色底

?

这就是网友Cloud问我的问题了。

?

?

02

还原了状况,让我们来看看如何解决这个问题

?

首先,先在跟大家补充一个PathListBox的特性:

因为PathListBox内的物件,是可以被选取的

所以在PathListBox的State内,会有ㄧ个名叫Selected的状态

?

既然了解了这个状态,那我们就需要从Template下手

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

?

命名後,按下OK

?

点看看fillcolor以及FocusViscualElement你就会发现罪魁祸首了!!

可以看到Properties->Brushes->Fill以及Stroke出现了我们刚刚在浏览器看到的蓝色填色

?

在State下找到Selected後,在Selected是"录影"模式下,把预设的填色全都清掉

(录影模式下,左上角的小红点会亮起,如果你熟Blend的动画制作,应该不陌生)

?

填色修改完成後,再次按下F5,并且点击毛虫怪试看看

蓝色框底的问题,是不是就解决了呢?

?

?

很感谢Cloud提供实作上遇到的问题,能让我与大家分享

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

?

附上范例原始档:

?

?

?

本篇的教学就到此。

?

?

?

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

一步一步迈向HIE之路

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

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

时间: 2024-08-08 15:43:08

零元学Expression Blend 4 - Chapter 27 PathlistBox被Selected时的蓝底蓝框问题的相关文章

零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II

原文:零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II 本章将延续上一章的范例,步骤解析. 本章将延续上一章的范例,步骤解析. 若是对Pathlistbox基本属性还不认识的朋友,请返回上一章,小猴子良心建议:先求精.再求广! 01 开启一个新专案後,在主要工作区放入一个Ellipse,并调整到适当的位置 接着,建立我们的文字「I Love Blend 4」 这边要注意的一点: 若要做出范例的排列方式,每个字元必独立在自

零元学Expression Blend 4 - Chapter 13 用实例了解布局容器系列-「Pathlistbox」I

原文:零元学Expression Blend 4 - Chapter 13 用实例了解布局容器系列-「Pathlistbox」I 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的-「Pathlistbox」 ? 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的-「Pathlistbox」 ? 就是要让不会的新手都看的懂! ? <先来了解Pathlistbox的基本功能> 01 开启一个新专案後,在主

零元学Expression Blend 4 - Chapter 8 用实例了解布局容器系列-「Grid」

原文:零元学Expression Blend 4 - Chapter 8 用实例了解布局容器系列-「Grid」 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的是Blend 4 里的布局容器大哥-「Grid」. ? 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的是Blend 4 里的布局容器大哥-「Grid」. ? ? ? 就是要让不会的新手都看的懂! ? ? ? <实至名归的容器大哥> Blend 4内的容器有很多种,比较常运用到的除了有Grid.Can

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

原文:零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式 本章将先教大家认识ListBox的基本运用与更改预设样式 本章将先教大家认识ListBox的基本运用与更改预设样式 此为本篇ListBox的基本样式范例 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页 01 开启一个新专案後,放入一个ListBox 你会看到是个空白的框框,什麽东西都没有? 不是应该会有一行一行可以放文字的容器吗? 别着急,让我们来看看到底Li

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

原文:零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异 本次要针对Disabled以及Hidden作讨论 很多人会把Disabled当成是不显示,因为选单内容有个Visible(翻译为可见or显示) 但其实Disabled是禁用而非不显示,若是想要使之不显示,请使用Hidden作隐藏即可 我想,不显示跟隐藏的意思是雷同的,但与禁用却是相差很远,所以请不要搞混喔~ 隐藏与禁用,在实务上使用起来就是有

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

原文:零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸) 本篇内容会教你如何使用笔刷.钢笔.渐层以及透明度的调整,还有如何转化图层和路径,最重要的是要教你如何建立自己的笔刷. ? 本篇内容会教你如何使用笔刷.钢笔.渐层以及透明度的调整,还有如何转化图层和路径,最重要的是要教你如何建立自己的笔刷. ? ? 就是要让不会的新手都看的懂! ? 01 开始专案 打开Blend後选择Top Menu的 File->New Project(快捷键Shift+

零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」

原文:零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」 将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的专情王子-「Border」. ? ? 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的专情王子-「Border」. ? ? 就是要让不会的新手都看的懂! ? <专情王子?查理B> Border是Blend里最简单的布局容器,可以使用Borde

零元学Expression Blend 4 Chapter 22 以实作案例学习Frame及HyperlinkButton

原文:零元学Expression Blend 4 Chapter 22 以实作案例学习Frame及HyperlinkButton 本章将教大家如何以实作善用Blend4的内建功能-「Frame」以及「HyperlinkButton」 本章将教大家如何以实作善用Blend4的内建功能-「Frame」以及「HyperlinkButton」 附上简单的范例,请点击进行换页,并注意换页内容 范例请点我 ? 跟着范例做做看吧! 01 使用小猴子附上的的范例档案,或是自己做一个类似下图的版面 ? (范例内的

零元学Expression Blend 4 - Chapter 15 用实例了解互动控制项「Button」I

原文:零元学Expression Blend 4 - Chapter 15 用实例了解互动控制项「Button」I 本章将教大家如何更改Button的预设Template,以及如何在Button内设置动画. ? 本章将教大家如何更改Button的预设Template,以及如何在Button内设置动画. ? ? ? 01 开启一个新专案,并且置入一个Button,调整到适当大小 ? 在Properties->可以调整Button的外观,基本设定都跟先前的教学雷同 不熟的人请看如何用Blend制作一