为垂直滚动条换肤是一件比较麻烦的事情。且让我们一步一步来实现。
首先,由于它只是Scroller的一部分,要直接给它设置样式需要在css文件里这样写:
s|Scroller s|VScrollBar
{
skinClass:ClassReference("com.views.skins.VScrollBarSkin");
fixedThumbSize:true;
}
这里设置fixedThumbSize为true是因为滑块使用了一个固定的图片,如果false会导致内部计算错误。
然后,我们看下皮肤具体应该怎么写,首先打开spark.skins.spark.VScrollBarSkin(可以用打开类型快捷键ctrl+shift+t,输入VScrollBarSkin)
<!--- The default skin class is VScrollBarTrackSkin.
@copy spark.components.supportClasses.TrackBase#track
@see spark.skins.spark.VScrollBarTrackSkin -->
<s:Button id="track" top="16" bottom="15" height="54"
focusEnabled="false" tabEnabled="false"
skinClass="spark.skins.spark.VScrollBarTrackSkin" />
<!--- The default skin class is VScrollBarThumbSkin.
@copy spark.components.supportClasses.TrackBase#thumb
@see spark.skins.spark.VScrollBarThumbSkin -->
<s:Button id="thumb"
focusEnabled="false" visible.inactive="false" tabEnabled="false"
skinClass="spark.skins.spark.VScrollBarThumbSkin" />
<!--- The default skin class is ScrollBarUpButtonSkin.
@copy spark.components.supportClasses.ScrollBarBase#decrementButton
@see spark.skins.spark.ScrollBarUpButtonSkin -->
<s:Button id="decrementButton" top="0" enabled.inactive="false"
focusEnabled="false" tabEnabled="false"
skinClass="spark.skins.spark.ScrollBarUpButtonSkin" />
<!--- The default skin class is ScrollBarDownButtonSkin.
@copy spark.components.supportClasses.ScrollBarBase#incrementButton
@see spark.skins.spark.ScrollBarDownButtonSkin -->
<s:Button id="incrementButton" bottom="0" enabled.inactive="false"
focusEnabled="false" tabEnabled="false"
skinClass="spark.skins.spark.ScrollBarDownButtonSkin" />
上面这是直接从VScrollBarSkin复制出来的。看起来很简单,不是吗,就是4个按钮,分别代表向上向下以及滑块与滑轨。而实际上我们需要改的就是这4个按钮的皮肤。
接下来就简单了,分别书写相应的按钮皮肤,并用它们替换掉默认的按钮皮肤即可。
需要注意的是要给皮肤里的各部分设置宽高!
具体的皮肤文件可以参考附件
分享到:
相关推荐
用VScrollBar控制webbrowser的滚动条,如在触摸屏上webBrowser垂直滚动条太小,不方便使用,用VScrollBar来替换,
自定义水平垂直滚动条美化C#,支持水平和垂直2种方式,含例子,VS2015,VS2017调试通过,具体滚动条颜色和图片可以自己修改
水平和垂直滚动条的应用,C#源代码his.pictureBox1.Top = -this.vScrollBar1.Value;
DevExpress中XtraScrollableControl随鼠标滚轮操作滚动条
VB重写的滚动条模块,拖动条或者滑块模块,拖动滑块用于改变程序参数值,可适用于很多场合、比如音量大小调节、游戏参数大小设置等。这个模块由传奇(179158071)提供,该滚动条由模块生成,并且支持动态生成,支持...
滚动条分水平滚动条HscrollBar和垂直滚动条VscrollBar 1、主要属性 (1) Max/Min属性 用于设置滚动条中滚动块移到最右边(水平)或最下边(垂直)时,Value的最大值/最小值。取值范围[-32728,32767]中的整数。...
VScrollBar 滑动 自定义VScrollBar以及使用的方法 有横屏的自动滑动也有竖直的自动滑动
css滚动条美化很实用的,赶紧下载吧,CSS+JQEURY
T395656652.zip VB.NET.中,设一个总控VScrollBar,它怎样带动其他VScrollBar整体上下移动 https://bbs.csdn.net/topics/395656652
微型16/32位嵌入式GUI,自主开发,历时四年左右,拥有全部版权. ...VScrollBar 竖向 滚动条 SelectBox 列表选择框 MainMenu 主菜单 PopMenu 弹出式菜单 Combobox 组合框 ChoiceBox,CheckBox 单/多选框 Label 文字标签
微型16/32位嵌入式GUI,自主开发,历时四年左右,拥有全部版权. ...VScrollBar 竖向 滚动条 SelectBox 列表选择框 MainMenu 主菜单 PopMenu 弹出式菜单 Combobox 组合框 ChoiceBox,CheckBox 单/多选框 Label 文字标签
VScrollBar 竖向 滚动条 SelectBox 列表选择框 MainMenu 主菜单 PopMenu 弹出式菜单 Combobox 组合框 ChoiceBox,CheckBox 单/多选框 Label 文字标签 -------------- 这个包适用于 三星ARM9 2440
VScrollBar 竖向 滚动条 SelectBox 列表选择框 MainMenu 主菜单 PopMenu 弹出式菜单 Combobox 组合框 ChoiceBox,CheckBox 单/多选框 Label 文字标签 --------------------- 这个包适用于 Linux on PC x86. 安装请看...
duilib滚动条图片,我使用的版本的duilib滚动条无效,参考样式如下: <Default name="VScrollBar" value="button1normalimage="file='scrollbar.png' source='0,0,16,16'" button1hotimage="file='...
使用方法: 引入: add silvergreen-2.1.swc to libs 使用(SWC方案): 在IDE(如:Flash Builder)里面,增加一个编译参数: ... <fx:Style source="com\ksria\flex\silvergreen\spark\style.css" />
VSCROLLBAR 竖向滚动条 TEXTBOX 单行文本编辑框 EDITBOX 多行文本编辑框 COMBOBOX 组合框 LISTBOX 列表框 CHECKBOX 多项选择框 CHOICEBOX 单项选择框 LABEL 文字标签 PAGEVIEW 标签页 SPEEDBAR 进度条 商业使用,...
1.10、水平滚动条控件(HScrollBar)和垂直滚动条控件(VScrollBar)的常用属性 28 1.11、定时器控件的常用属性 30 1.12、文件系统控件的常用属性 30 1.13、形状控件(Shape)常用属性 33 1.14、直线控件(Ling)的常用属性 ...
1、先放bsBusinessSkinForm、bsSkinData、bsStoredSkin各一个到窗体上 2、修改bsBusinessSkinForm的SkinData属性为...至于滚动条,需要自己手动加上,然后把它的HScrollBar和VScrollBar属性指向你所加的滚动条!
这个example虽然不大,但是对于在做ScrollBar响应时遇到困难的你确实会有惊喜的帮助,而且从中你会发现很有意思的一种解决问题的方法~我是第一次见~这个是从外国人那里学到的~很有意思~同时当你掌握了这个后,10分也...