Question

我需要为滚动条设置外观。我已经想出了如何改变基色，但是也需要改变滚动条的边框颜色（我需要它更灰色）。

以下是代码：

<s:WindowedApplication name="scrollerSkinning"
           xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark" 
           width="1024" height="780">

<fx:Style>
    @namespace s "library://ns.adobe.com/flex/spark";

    s|Scroller {
    verticalScrollPolicy: on;
    }

    s|VScrollBar {
    chromeColor: #FFFFFF;           
    }

</fx:Style>

<s:Scroller width="100%" height="100%">
    <s:Group width="100%" height="100%">
        <s:layout>
            <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
        </s:layout>
        <s:Image id="imageGeneralPage" source="@Embed('images/genpage.png')"/>
    </s:Group>
</s:Scroller>

</s:WindowedApplication>

图片genpage.png的大小比应用程序窗口大，因此显示了垂直滚动条，我需要皮肤一点点，没有花哨，只有颜色变化。感谢任何提示，thnx

Answer 1

你们俩都回复了。首先我按照RIAstar的建议做了： MXML: Spark skin a VGroups scrollbar

然后复制默认皮肤：

<s:Button id="track" top="16" bottom="15" height="54"
          focusEnabled="false" tabEnabled="false"
          skinClass="mySkins.VScrollBarTrackSkin1" />

在“mySkin”包中编辑了矩形SolidColorStroke颜色属性：

<s:Rect top="0" bottom="0" left="0" right="0" minWidth="14" minHeight="14">
    <s:stroke>
        <s:SolidColorStroke color="0x888888" weight="1"/>
    </s:stroke>
    <s:fill>
        <s:SolidColor color="0xCACACA" />
    </s:fill>
</s:Rect>

Thnx有很多帮助。

P.S。 @RIAstar，不知道如何给你的荣誉，谢:(

剥皮卷轴flex 4

1 个答案: