`

修改ScrollBar的ScrollTrack高度

阅读更多
<?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>

 

分享到:
评论

相关推荐

    固定滑块高度的ListView

    在自定义方法中,可以访问滚动条的Drawable并修改其尺寸。 总结一下,固定滑块高度的ListView实现涉及以下步骤: 1. 创建一个自定义的滚动条Drawable资源文件,定义固定的高度和宽度。 2. 在ListView的XML布局中,...

    前端开源库-react-perfect-scrollbar

    `react-perfect-scrollbar` 库便解决了这些问题,它提供了高度可定制化的滚动条,允许开发者调整其外观、行为以及添加额外的交互功能。 **核心特性:** 1. **完全自定义样式** - `react-perfect-scrollbar` 允许...

    perfect scrollbar jQuery鼠标滚轮滚动事件

    默认情况下,它会生成一些类名,如`.ps-scrollbar-x-rail`和`.ps-scrollbar-y-rail`,你可以通过这些类来修改滚动条轨道的颜色、大小等属性。同时,滚动条上的滑块部分也有对应的类,如`.ps-scrollbar-x`和`.ps-...

    scrollbar.zip_matlab scrollbar_scrollbar

    打开这个文件,我们可以查看或修改scrollbar的属性,甚至可以添加更多的回调函数。 除了基本的滑动条,MATLAB还支持自定义scrollbar的行为。例如,你可以通过设置`SliderStep`属性来控制滑动条每次移动的步长,或者...

    MFC贴图实现ScrollBar控件

    这个场景中,我们关注的是使用MFC来实现自定义的ScrollBar控件,特别是V. Scroll Control(垂直滚动条)和H. Scroll Control(水平滚动条)。通过“贴图实现拖拉控件”,我们可以理解为滚动条的箭头和滑块部分不是由...

    jquery滚动条美化Scrollbar

    这个项目的核心是实现滚动条的CSS3自定义,CSS3允许我们通过伪元素`::webkit-scrollbar`和`::webkit-scrollbar-part`来定义滚动条的各个部分,如轨道、滑块和箭头等。在`index.html`文件中,我们会看到如何将这些CSS...

    jQuery 滚动条插件 tinyScrollbar Demo

    **jQuery 滚动条插件 tinyScrollbar** 是一个轻量级且高度可定制的滚动条解决方案,专为增强网页的用户体验而设计。这个插件允许开发者用自定义的样式替换浏览器默认的滚动条,使得网页滚动更加优雅,与整体设计更加...

    VC自绘ScrollBar控件

    对于ScrollBar控件,自绘可以让我们更改滑块的形状、颜色,甚至添加动画效果,实现独特的视觉效果。 实现自绘ScrollBar控件的关键步骤如下: 1. **重载消息处理函数**:你需要在你的CScrollView或者CDialog派生类...

    浏览器滚动条设置 scrollBar

    在前端开发中,浏览器的滚动条(scrollBar)是用户界面不可或缺的一部分,它允许用户查看网页超出可视区域的内容。默认情况下,滚动条的宽度通常为10像素,但有时为了满足设计需求或优化用户体验,开发者可能需要...

    jquery tinyScrollbar

    size: '8px', // 滚动条的宽度或高度 axis: 'y', // 设置滚动轴,'x' 或 'y' wheelSpeed: 40 // 鼠标滚轮滚动的速度 }); ``` 4. **更新滚动条**:当内容发生变化时,需要调用 `update` 方法来更新滚动条的状态...

    JS 实现防ScrollBar效果

    在网页设计中,有时我们可能需要隐藏或者防止滚动条(ScrollBar)出现,以达到特定的视觉效果或界面设计。在JavaScript中实现防ScrollBar效果,主要涉及到CSS和JavaScript的结合使用。下面将详细介绍如何通过这两种...

    WPF_ToolKit_Chart_With_ScrollBar

    "WPF_ToolKit_Chart_With_ScrollBar" 项目正关注于如何在图表展示大量数据时,有效处理横坐标刻度过多导致的显示重叠问题。通过集成滚动条,这个解决方案提供了一种优雅的方式来扩展查看区域,使得用户可以滚动查看...

    scrollbarWidth

    在AS3中,我们可以使用`scrollBar`属性来访问这些滚动条组件,并通过修改`width`属性来改变它们的宽度。以下是一个简单的例子: ```actionscript var myScrollPane:Sprite = new Sprite(); myScrollPane.scrollRect...

    jQuery插件:Tiny Scrollbar滚动条插件(滚动条美化、默认滚动条)

    在博客文章中,作者可能展示了如何将Tiny Scrollbar应用到一个有固定高度的长内容容器中,以实现美观的滚动效果。这通常适用于新闻列表、评论区等需要滚动的场景。 10. **维护与更新** Tiny Scrollbar作为一个...

    ScrollBar(自定义滚动条)

    在Android开发中,滚动条(ScrollBar)是用户界面不可或缺的一部分,它允许用户浏览超过屏幕大小的内容。本主题将深入探讨如何在Android中自定义滚动条,包括横向和纵向的实现,以及如何将其应用到列表视图中。 ...

    Scrollbar_png.zip

    file='scrollbar.png' source='0,0,16,16'&quot; button1hotimage=&quot;file='scrollbar.png' source='16,0,32,16,16'&quot; button1pushedimage=&quot;file='scrollbar.png' source='32,0,48,16'&quot; button2...

    scrollbar1.2

    《基于MooTools的Scrollbar实现详解》 Scrollbar作为网页元素滚动条的一种美化和增强手段,为用户提供了更优雅的交互体验。本项目“scrollbar1.2”是基于JavaScript库MooTools实现的一个自定义滚动条插件,由作者...

    scrollbar滚动.wmv

    基于element-ui 隐藏组件 el-scrollbar 添加自定义滚动事件 基于element-ui 隐藏组件 el-scrollbar 添加自定义滚动事件

    jquery定制div滚动条Scrollbar

    标题中的“jquery定制div滚动条Scrollbar”涉及到的是一个使用jQuery库来实现自定义滚动条功能的技术。在网页设计中,滚动条通常是浏览器默认样式,但通过jQuery插件,我们可以为div元素创建具有个性化外观和交互...

    malihu-custom-scrollbar-plugin-master 自定义滚动条样式

    2. **尺寸**:调整滚动条的宽度和高度,使其在不影响内容展示的前提下,既能满足功能需求,又不失美感。 3. **背景**:设置滚动条轨道的背景颜色或图案,增加设计的层次感。 4. **动画效果**:启用平滑滚动效果,...

Global site tag (gtag.js) - Google Analytics