当前位置：文江博客话题详情

Flex 4 Vslider 轨道、顶部和底部边距

发布于 2024-10-10 05:29:46 字数 121 浏览 6 评论 0原文

我在 Flex 4 中有一个 Vslider，我正在用图像对它进行蒙皮。拇指的图像使其变得更大，并且轨道图像在顶部和底部有一些东西，当拇指一直位于顶部或底部时，我不希望被拇指覆盖。那么，如何创建该边距以使拇指在轨道上的范围更短？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

预谋 2024-10-17 05:29:46

您可以通过将拇指高度指定为大于 vslider 皮肤中的实际高度来实现此目的。

<!--- The default skin class is VSliderThumbSkin. 
        @copy spark.components.supportClasses.TrackBase#thumb
        @see spark.skins.spark.VSliderThumbSkin -->
<s:Button id="thumb" left="0" right="0" width="11" height="50"
    skinClass="your.thumb.skin.class"/>

皮肤类具有 25x25 的图像。通过使此类的高度为 50，它可以在拇指的顶部和底部提供约 12px 的填充。

You can do this by specifying the thumb height to be larger than it really is in the skin for the vslider.

<!--- The default skin class is VSliderThumbSkin. 
        @copy spark.components.supportClasses.TrackBase#thumb
        @see spark.skins.spark.VSliderThumbSkin -->
<s:Button id="thumb" left="0" right="0" width="11" height="50"
    skinClass="your.thumb.skin.class"/>

The skin class has an image that is 25x25. By making this class have a height of 50 it gives the thumb ~12px of padding on both top and bottom of the thumb.

回复收藏 0 原文

~没有更多了~