`
hanyi366
  • 浏览: 290333 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Flex 滚动条样式设置

    博客分类:
  • Flex
 
阅读更多

滚动条滚动慢问题:verticalLineScrollSize设置大些,建议15

滚动条定位设置 verticalScrollPosition, horizontalScrollPosition

 

/*

下面箭头的样式

*/

downArrowUpSkin:

Embed(source="icons/hsthumb.gif");

downArrowOverSkin:

Embed(source="icons/hsthumb.gif");

downArrowDownSkin:

Embed(source="icons/hsthumb.gif");

/*

上面箭头的样式

*/

upArrowUpSkin:

Embed(source="icons/hsthumb.gif");

upArrowOverSkin:

Embed(source="icons/hsthumb.gif");

upArrowDownSkin:

Embed(source="icons/hsthumb.gif");

/*

中间条的样式

*/

thumbDownSkin:

Embed(source="icons/hsthumb.gif",

scaleGridLeft="7", scaleGridTop="5",

scaleGridRight="8", scaleGridBottom="7");

thumbUpSkin:

Embed(source="icons/hsthumb.gif",

scaleGridLeft="7", scaleGridTop="5",

scaleGridRight="8", scaleGridBottom="7");

thumbOverSkin:

Embed(source="icons/hsthumb.gif",

scaleGridLeft="7", scaleGridTop="5",

scaleGridRight="8", scaleGridBottom="7");

 

/*

中间的样式

*/

trackSkin:

Embed(source="icons/hsthumb.gif",

scaleGridLeft="7", scaleGridTop="4",

scaleGridRight="8", scaleGridBottom="6");

}

分享到:
评论

相关推荐

    flex滚动条三种实现方式

    在Flex容器上,如果`overflow`属性设置为`auto`或`scroll`,则会在需要时显示水平或垂直滚动条。例如: ```css .container { display: flex; overflow: auto; /* 或 'scroll' */ } ``` 这种方式简单易用,但...

    经过修改皮肤的flex4滚动条。

    默认情况下,滚动条的样式可能不符合所有设计需求,因此,自定义滚动条皮肤是一个常见的需求。 要修改滚动条的皮肤,首先需要了解Flex4的皮肤类层次结构。滚动条的皮肤通常由HorizontalScrollBarSkin和...

    flex横向条形图增加滚动条分页显示数据

    针对“flex横向条形图增加滚动条”的需求,我们需要创建一个包含条形图的Flex容器,并为其添加滚动条组件。在Flex中,我们可以使用`HScroller`组件来实现水平滚动条。这个组件会自动根据容器内容的宽度来调整其滚动...

    flex textlayout 滚动条

    还可以通过CSS样式表对滚动条进行更详细的样式设置。 4. **项目结构解析**: - `.actionScriptProperties`:存储ActionScript编译器的设置,如库路径、编译目标版本等。 - `.flexProperties`:保存Flex项目的特定...

    Flex 组件边框线样式

    在CSS中,你可以定义通用的类选择器来影响多个组件,或者使用ID选择器来针对特定组件进行样式设置。例如,`.myBorderStyle { border-color: red; border-width: 2px; }`将定义一个红色、2像素宽的边框样式。 5. ...

    flex4自定义组件皮肤

    Flex4是一种基于ActionScript3和Flash Player的开源框架,用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括MX和Spark两个主要组件集。在Flex4中,自定义组件皮肤是提升应用视觉效果和用户体验的重要...

    flex 滚动曲线图 1-10

    滚动可能通过鼠标滚轮或图表的滚动条来实现,为用户提供灵活的数据浏览方式。 5. **自定义属性**: Flex曲线图允许开发者自定义许多属性,包括轴标签、图例、数据点标记、颜色、线条宽度、填充样式等,以适应不同...

    FlexPaper解决滚动条问题

    2. **CSS样式覆盖**:有时,网站的全局CSS样式可能会影响到FlexPaper的滚动条,导致其显示或行为不正常。要解决这个问题,可以为FlexPaper的滚动条添加特定的选择器,确保其样式优先级高于其他样式规则。 3. **...

    flex中使用css样式修改TextArea滚动条的皮肤代码

    因此,通过这种方式,开发者可以确保自定义的滚动条样式被应用。 最后,还需要注意的是,虽然在Flex中可以通过CSS样式来定制滚动条的外观,但是这可能会受到浏览器或者操作系统的限制。不同的平台和环境可能会对...

    flex4 为垂直滚动条VScrollBar换肤

    本文将详细讲解如何为垂直滚动条VScrollBar进行换肤,以提升应用界面的美观度。 首先,我们需要理解Flex4中的皮肤概念。在Flex中,组件的外观可以通过皮肤来改变,皮肤是一种特殊的类,它定义了组件的视觉元素和...

    FLEX给页面添加滚动条实现思路及代码

    3. **动态调整CSS样式**:通过JavaScript获取到的窗口尺寸,我们可以修改CSS样式以控制是否显示滚动条。如果窗口宽度小于1100px,将容器宽度设置为1100px,否则设置为100%,这会导致当内容超宽时出现水平滚动条。...

    FLEX_List).rar_flex_flex list_flex li_flex lis_flex list

    在这个文件中,开发者会定义`List`组件,设置其属性,如数据提供者、选择模式、滚动条样式等。同时,添加事件监听器来处理用户交互,如点击添加按钮或列表项时触发的事件。 综上所述,这个`FLEXList`项目展示了如何...

    flex 经典 皮肤主题

    这种主题通常包含预设的颜色方案、按钮样式、滚动条样式等,以满足基本的UI设计需求。 五、项目结构 在提供的压缩包文件中,我们可以看到以下几个关键文件和目录: 1. `.actionScriptProperties`:这是...

    控制图片左右滚动并带滚动条图片展示特效

    2. **自定义滚动条样式**:使用Webkit私有属性,如`::-webkit-scrollbar`和`::-webkit-scrollbar-thumb`来定制滚动条的颜色、大小等属性。例如: ```css #slider::-webkit-scrollbar { width: 10px; /* 滚动条...

    Flex 拖动,滚动曲线图

    Scroller提供了内置的滚动条和拖动操作,可以包裹在LineChart组件周围,提供自动的滚动管理。Scroller的属性如horizontalScrollPolicy和verticalScrollPolicy可以分别设置为"on"或"off",以控制是否允许水平或垂直...

    Flex问题解决大全

    此外,组件的外观可以通过样式选择器设置,如在Flex4中需要指定命名空间来使用类选择器。效果(Effect)则允许开发者实现平滑的动画效果,如淡入淡出、移动等。 数据绑定是Flex中的重要特性,它实现了源属性和目标...

    HTML一张大图片,屏幕显示不下,显示滚动条,拖动滚动条来观看大图片(移动视口).zip

    在这个场景下,由于屏幕尺寸限制,大图片会触发浏览器的默认滚动条,允许用户通过拖动滚动条来移动视口查看未显示的部分。以下是对这些知识点的详细说明: 1. **HTML 图片标签**: HTML中的`<img>`标签用于插入...

    flex HorizontalList

    设置为`auto`或`scroll`,可以添加滚动条以显示超出可视区域的项目。 2. **HorizontalList的实现** - HTML结构:首先,创建一个包含多个子元素的容器,每个子元素代表HorizontalList中的一个项目。 - CSS样式:给...

    FLEX面试题

    14. **样式设置**:可以通过 `setStyle` 方法来动态地更改组件的样式。 15. **UIComponent类的特点**:`UIComponent` 类提供了许多基本功能,如事件处理、子项管理等。在创建自定义组件时,通常会重写其生命周期方法...

Global site tag (gtag.js) - Google Analytics