<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="application1_creationCompleteHandler(event)" minWidth="955" minHeight="600">
<mx:Script>
<![CDATA[
import mx.core.mx_internal;
import mx.events.FlexEvent;
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
cb.mx_internal::downArrowButton.styleName="";
abc.verticalScrollBar.mx_internal::scrollTrack.y=10;
abc.verticalScrollBar.mx_internal::scrollTrack.mx_internal::$height-=20;
abc.verticalScrollBar.mx_internal::scrollThumb.y+=3;
abc.verticalScrollBar.mx_internal::scrollThumb.mx_internal::setRange(
abc.verticalScrollBar.mx_internal::scrollTrack.y+3,
abc.verticalScrollBar.mx_internal::scrollTrack.y-3+abc.verticalScrollBar.mx_internal::scrollTrack.height-abc.verticalScrollBar.mx_internal::scrollThumb.height-20,
abc.verticalScrollBar.minScrollPosition,
abc.verticalScrollBar.maxScrollPosition);
}
]]>
</mx:Script>
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
<mx:Object label="Five" />
<mx:Object label="Six" />
<mx:Object label="Seven" />
<mx:Object label="Eight" />
<mx:Object label="Nine" />
<mx:Object label="Ten" />
</mx:Array>
<mx:Style>
.abc
{
background-color:#993300;
}
.c1{
trackSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_track");
thumbOverSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_thumb");
thumbUpSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_thumb");
thumbDownSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_thumb");
upArrowSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_up");
upArrowOverSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_up");
upArrowDownSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_up");
downArrowSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_down");
downArrowOverSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_down");
downArrowDownSkin: Embed(source="/assets/swf/Icon.swf",symbol="scroll_down");
}
</mx:Style>
<mx:Canvas id="abc" width="100" height="100" verticalScrollBarStyleName="c1" backgroundColor="#993300" x="10" y="50">
<mx:Label y="200" text="124235345"/>
</mx:Canvas>
<mx:ComboBox id="cb" dataProvider="{arr}" styleName="abc" >
</mx:ComboBox>
</mx:Application>
分享到:
相关推荐
在自定义方法中,可以访问滚动条的Drawable并修改其尺寸。 总结一下,固定滑块高度的ListView实现涉及以下步骤: 1. 创建一个自定义的滚动条Drawable资源文件,定义固定的高度和宽度。 2. 在ListView的XML布局中,...
`react-perfect-scrollbar` 库便解决了这些问题,它提供了高度可定制化的滚动条,允许开发者调整其外观、行为以及添加额外的交互功能。 **核心特性:** 1. **完全自定义样式** - `react-perfect-scrollbar` 允许...
默认情况下,它会生成一些类名,如`.ps-scrollbar-x-rail`和`.ps-scrollbar-y-rail`,你可以通过这些类来修改滚动条轨道的颜色、大小等属性。同时,滚动条上的滑块部分也有对应的类,如`.ps-scrollbar-x`和`.ps-...
打开这个文件,我们可以查看或修改scrollbar的属性,甚至可以添加更多的回调函数。 除了基本的滑动条,MATLAB还支持自定义scrollbar的行为。例如,你可以通过设置`SliderStep`属性来控制滑动条每次移动的步长,或者...
这个场景中,我们关注的是使用MFC来实现自定义的ScrollBar控件,特别是V. Scroll Control(垂直滚动条)和H. Scroll Control(水平滚动条)。通过“贴图实现拖拉控件”,我们可以理解为滚动条的箭头和滑块部分不是由...
这个项目的核心是实现滚动条的CSS3自定义,CSS3允许我们通过伪元素`::webkit-scrollbar`和`::webkit-scrollbar-part`来定义滚动条的各个部分,如轨道、滑块和箭头等。在`index.html`文件中,我们会看到如何将这些CSS...
**jQuery 滚动条插件 tinyScrollbar** 是一个轻量级且高度可定制的滚动条解决方案,专为增强网页的用户体验而设计。这个插件允许开发者用自定义的样式替换浏览器默认的滚动条,使得网页滚动更加优雅,与整体设计更加...
对于ScrollBar控件,自绘可以让我们更改滑块的形状、颜色,甚至添加动画效果,实现独特的视觉效果。 实现自绘ScrollBar控件的关键步骤如下: 1. **重载消息处理函数**:你需要在你的CScrollView或者CDialog派生类...
在前端开发中,浏览器的滚动条(scrollBar)是用户界面不可或缺的一部分,它允许用户查看网页超出可视区域的内容。默认情况下,滚动条的宽度通常为10像素,但有时为了满足设计需求或优化用户体验,开发者可能需要...
size: '8px', // 滚动条的宽度或高度 axis: 'y', // 设置滚动轴,'x' 或 'y' wheelSpeed: 40 // 鼠标滚轮滚动的速度 }); ``` 4. **更新滚动条**:当内容发生变化时,需要调用 `update` 方法来更新滚动条的状态...
在网页设计中,有时我们可能需要隐藏或者防止滚动条(ScrollBar)出现,以达到特定的视觉效果或界面设计。在JavaScript中实现防ScrollBar效果,主要涉及到CSS和JavaScript的结合使用。下面将详细介绍如何通过这两种...
"WPF_ToolKit_Chart_With_ScrollBar" 项目正关注于如何在图表展示大量数据时,有效处理横坐标刻度过多导致的显示重叠问题。通过集成滚动条,这个解决方案提供了一种优雅的方式来扩展查看区域,使得用户可以滚动查看...
在AS3中,我们可以使用`scrollBar`属性来访问这些滚动条组件,并通过修改`width`属性来改变它们的宽度。以下是一个简单的例子: ```actionscript var myScrollPane:Sprite = new Sprite(); myScrollPane.scrollRect...
在博客文章中,作者可能展示了如何将Tiny Scrollbar应用到一个有固定高度的长内容容器中,以实现美观的滚动效果。这通常适用于新闻列表、评论区等需要滚动的场景。 10. **维护与更新** Tiny Scrollbar作为一个...
在Android开发中,滚动条(ScrollBar)是用户界面不可或缺的一部分,它允许用户浏览超过屏幕大小的内容。本主题将深入探讨如何在Android中自定义滚动条,包括横向和纵向的实现,以及如何将其应用到列表视图中。 ...
file='scrollbar.png' source='0,0,16,16'" button1hotimage="file='scrollbar.png' source='16,0,32,16,16'" button1pushedimage="file='scrollbar.png' source='32,0,48,16'" button2...
《基于MooTools的Scrollbar实现详解》 Scrollbar作为网页元素滚动条的一种美化和增强手段,为用户提供了更优雅的交互体验。本项目“scrollbar1.2”是基于JavaScript库MooTools实现的一个自定义滚动条插件,由作者...
基于element-ui 隐藏组件 el-scrollbar 添加自定义滚动事件 基于element-ui 隐藏组件 el-scrollbar 添加自定义滚动事件
标题中的“jquery定制div滚动条Scrollbar”涉及到的是一个使用jQuery库来实现自定义滚动条功能的技术。在网页设计中,滚动条通常是浏览器默认样式,但通过jQuery插件,我们可以为div元素创建具有个性化外观和交互...
2. **尺寸**:调整滚动条的宽度和高度,使其在不影响内容展示的前提下,既能满足功能需求,又不失美感。 3. **背景**:设置滚动条轨道的背景颜色或图案,增加设计的层次感。 4. **动画效果**:启用平滑滚动效果,...