更改Flex tree 滚动条样式

发布时间：2020-12-15 03:48:39 所属栏目：百科来源：网络整理

导读：效果如图：样式： fx:Style@namespace s "library://ns.adobe.com/flex/spark";@namespace mx "library://ns.adobe.com/flex/mx";.VScrollBarStyle {downArrowUpSkin: Embed(source="assets/images/cloud/step_thumb.png");downArrowOverSkin: Embed(source

效果如图：

样式：

<fx:Style>
		@namespace s "library://ns.adobe.com/flex/spark";
		@namespace mx "library://ns.adobe.com/flex/mx";
.VScrollBarStyle {
			downArrowUpSkin: Embed(source="assets/images/cloud/step_thumb.png");
			downArrowOverSkin: Embed(source="assets/images/cloud/step_thumb.png");
			downArrowDownSkin: Embed(source="assets/images/cloud/step_thumb.png");
			upArrowUpSkin: Embed(source="assets/images/cloud/step_thumb.png");
			upArrowOverSkin: Embed(source="assets/images/cloud/step_thumb.png");
			upArrowDownSkin: Embed(source="assets/images/cloud/step_thumb.png");
			thumbDownSkin:
				Embed(source="assets/images/cloud/step_thumb.png",scaleGridLeft="7",scaleGridTop="5",scaleGridRight="8",scaleGridBottom="7");
			
			thumbUpSkin:
				Embed(source="assets/images/cloud/step_thumb.png",scaleGridBottom="7");
			
			thumbOverSkin:
				Embed(source="assets/images/cloud/step_thumb.png",scaleGridBottom="7");
			
			trackSkin:
				Embed(source="assets/images/cloud/step_thumb.png",scaleGridTop="4",scaleGridBottom="6" );      
		}
	</fx:Style>

使用方法：

在tree组件中加上这个属性?verticalScrollBarStyleName="VScrollBarStyle"

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!