今天修改HSlider高度的时候遇到的问题。客户认为HSlider太细，要求加粗。
查了HSlider的API, 没有设置相关high的属性或方法。去adobe查到一篇讲HSlider的不错（这里）
首先要分清，HSlider由
Track (滑杆)
Thumb (指针)
Tick (刻度)
Label (刻度读数)
组成，这里要修改的是Track的粗细。
找到了HSlider的原代码，Flex SDK 2\frameworks\source\mx\controls\HSlider.as和父类Flex SDK 2\frameworks\source\mx\controls\sliderClasses\Slider.as
Track声明为
- private var track:IFlexDisplayObject;
再查看Flex SDK 2\frameworks\defaults.css 注意到HSlider的trackSkin被设为mx.skins.halo.SliderTrackSkin
查看mx\skins\halo\SliderTrackSkin.as 其measuredHeight始终返回4。
在自己的项目中，新建一个MySliderTrackSkin类
- package components.skin
- {
- import flash.display.GradientType;
- import mx.styles.StyleManager;
- import mx.utils.ColorUtil;
- import mx.skins.halo.SliderTrackSkin;
-
- public class STSliderTrackSkin extends SliderTrackSkin
- {
-
- public function STSliderTrackSkin()
- {
- super();
- }
-
- override public function get measuredHeight():Number
- {
- return 7;
- }
- }
- }
然后在项目的.mxml文件中HSlider处修改如下
- <mx:HSlider id="scrubber" alpha="0.5"
- trackSkin="components.skin.STSliderTrackSkin"
-
- thumbRelease="onScrubberThumbRelease();"
- click="onScrubberClick(event);"
-
- thumbUpSkin="@Embed('images/c.gif')"
- thumbOverSkin="@Embed('images/c1.gif')"
- thumbDownSkin="@Embed('images/c1.gif')"
- />
设定trackSkin为自己建立的类即可。
分享到：
粗细是修改了，不过，改粗后样子比较恶心......
相关推荐
Flex播放器是一种基于Adobe Flex技术构建的多媒体播放软件，它允许开发者创建丰富的、交互式的网络应用程序，特别是用于视频和音频的播放。Flex是基于ActionScript 3.0和Flash Player运行时，提供了一套强大的开发...
“hslider.js”是一个专为创建简洁、响应式且具有全屏宽度效果的jQuery幻灯片插件。它旨在帮助开发者轻松实现网页中的动态展示内容，如图片轮播、产品展示等，尤其适用于那些希望在网页设计中充分利用屏幕空间，提升...
8. Hslider：Hslider 控件允许用户通过水平滑块来选择一个范围内的值。 9. List：List 控件展示一个垂直列表，用户可以选择其中的项，常用于导航或选项选择。 10. Numericstepper：Numericstepper 是一个数字输入...
Button、CheckBox、ColorPicker、DataGrid、DateField、HSlider、HorizontalList、Image、LinkButton Label、List MumericStepper、PopUpButton、ProgressBar、RadioButton、RichTextEditor、Text、TextArea、...
Flex是Adobe公司开发的一种基于ActionScript 3.0的开源框架，主要用于构建富互联网应用程序（RIA）。在Flash Player或Adobe AIR环境下运行，Flex为开发者提供了强大的UI组件库和编程模型，使得创建交互式、高性能的...
flex播放mp3源码： 进度：" width="45"/> <s:HSlider id="hslider1" x="135" y="48" width="221" changeEnd="hslider1_changeEndHandler(event)" maximum="100" showDataTip="false"/> 音量：" width="45"/> ...
至于界面设计，Flex提供了一系列的UI组件，如`VSlider`用于音量控制，`HSlider`或`Timeline`用于播放位置拖放。这些组件可以通过MXML或ActionScript进行布局和定制，以创建符合用户需求的界面。 在实际项目中，我们...
- **内外半径设置**：通过两个滑块（HSlider）控制放大镜的内半径和外半径，从而定义了放大区域的大小和边界。这使得用户可以直观地调整放大镜的范围。 - **放大倍数调整**：另一个滑块用来控制放大倍数，这直接...
jquery.HSlider, 全页面滚动，触摸友好的jQuery slider jQuery.HSlider全页面滚动，触摸友好的jQuery slider创建一个完整页面滚动网页 slider 从未如此容易所有动画都是由CSS3和GPU加速页面索引现在由URL哈希支持URL...
在本文中，我们将深入探讨如何使用Flex 4.5框架创建一个简易的MP3播放器实例，适合初学者学习。Flex 4.5是Adobe Flex SDK的一个版本，它提供了强大的组件库和MXML标记语言，用于构建富互联网应用程序（RIA）。我们将...
### Flex 特效2-缩放模糊效果 #### 概述 在Flex中，我们可以创建各种视觉效果，其中“缩放模糊效果”是一种常见的特效，它可以在元素放大或缩小的过程中添加模糊效果，使得动画更加流畅自然。本篇文档将详细介绍...
用户界面包括一个`<mx:DataGrid>`显示股票价格，通过`<mx:HSlider>`实现数据过滤，显示特定日期范围内的数据。 2. **动态界面**：通过监听滑动条事件，调整`<mx:DataGrid>`的数据源，实现界面的实时更新。 总结，...
### Flex初级数据绑定代码解析 #### 一、概述 本文将详细介绍一个Flex应用程序中的初级数据绑定实例。通过分析HelloWorld2.mxml文件，我们将深入了解Flex中的数据绑定机制及其基本用法。 #### 二、Flex与数据绑定...
Flex是Adobe Flex框架的核心技术，它允许开发者创建富互联网应用程序（RIA）。在本文中，我们将深入探讨Flex中的数据绑定机制，这是Flex应用中一个至关重要的概念。 数据绑定是Flex中的一种强大特性，它使得UI组件...
《jQuery hslider.js：打造响应式全屏宽度幻灯片特效》 在现代网页设计中，动态、交互式的用户体验已经成为一种趋势。其中，幻灯片（Slider）效果是常用的一种元素，它能够以吸引人的方式展示多张图片或内容。...
总的来说，Flex视频播放器的初级开发涉及到的主要知识点包括：使用`VideoDisplay`组件播放视频、使用`s:Image`模拟按钮行为、通过`HSlider`实现进度条和音量控制、以及添加全屏功能。通过这些基础元素，我们可以构建...
**hslider.js：一款强大的全屏响应式jQuery幻灯片插件** 在现代网页设计中，动态、交互式的用户体验已经成为一种趋势。为了满足这一需求，许多JavaScript库和插件应运而生，其中就包括了我们今天要讨论的主角——...
根据给定的信息，本文将对Flex框架中的部分控件及其代码进行详细解析。Flex是一种用于构建桌面和移动设备上的丰富互联网应用程序（RIA）的强大技术。它由Adobe开发，基于ActionScript语言，允许开发者创建高性能、...
VScrollBar | HSlider | VSlider | DropDownList | TextArea | TextInput | ComboBox | List NumericStepper | Spinner | Panel | BorderContainer | TitleWindow | VideoPlayer | DataGrid mx包含组件： Accordion...