WEB开发网
开发学院图形图像Flash Silverlight专题(15) - 你自己的视频播放器之自... 阅读

Silverlight专题(15) - 你自己的视频播放器之自定义MoveToPointSlider

 2009-01-13 11:55:44 来源:WEB开发网   
核心提示:本文示例源代码或素材下载 前言: 这几天在网络上看到不少人在问如何创建一个Video Player(Silverlight版本)而我在微软和这方面打了不少交道所以计划用两篇文章解答下大家的问题本篇文章先介绍下如何创建一个自定义的滚动条下篇文章创建完整的一个Video Player问题: 大家可能要问,你为什么要

本文示例源代码或素材下载

前言:

这几天在网络上看到不少人在问如何创建一个Video Player(Silverlight版本)

而我在微软和这方面打了不少交道

所以计划用两篇文章解答下大家的问题

本篇文章先介绍下如何创建一个自定义的滚动条

下篇文章创建完整的一个Video Player

问题:

大家可能要问,你为什么要自定义滚动条(Slider)呢?

微软的Sliverlight控件中不是已经默认的有个Slider了吗?

如下所示:我们使用微软默认的Slider控件如下

Default Slider

1<Grid x:Name="LayoutRoot" Background="#808080"> 
2   <Slider Width="400" Maximum="100" Minimum="0" LargeChange="10" SmallChange="1"/> 
3</Grid>

展示程序如下(大家可以试试)

大家是不是发现点什么啦?

对了,就是Slider并不是按照你点击哪里,他就滚到哪里的方式工作的

而是以上面设置的LargeChange的幅度(也就是每点一次,只移动10*400/100)工作

解决方案:

难道我们没有办法了吗?

自定义一个Slider可以帮你忙(我取名为MoveToPointSlider)

原理图如下:

Silverlight专题(15) - 你自己的视频播放器之自定义MoveToPointSlider

(本图来自MSDN)

如图所示,Slider主要由3三部分组成,左边和右边的RepeatButton,中间的Track

也就是整个Slider共分成了3列

其中左边的RepeatButton和中间的Track分别属于第1,2列,其宽度为Auto

1 2 3 4  下一页

Tags:Silverlight 专题 自己

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接