加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex中旋转效果的实现(小技巧)

发布时间:2020-12-15 01:22:34 所属栏目:百科 来源:网络整理
导读:? SWF:? 看上边的例子你如果以为那是用“三角函数”算出来的,那你现在有可能正走在一条阳光大道上,但那不一定是捷径。 在flex中有这样一个属性: “ rotationZ ” 指示元素从转换点的旋转(以度为单位)。 lineAB:?A--------------------B 通过设置元素lin
?
SWF:?

看上边的例子你如果以为那是用“三角函数”算出来的,那你现在有可能正走在一条阳光大道上,但那不一定是捷径。

在flex中有这样一个属性:

rotationZ” 指示元素从转换点的旋转(以度为单位)。

lineAB:?A--------------------B

通过设置元素lineAB的"rotationZ"值,可以让他以中点做顺时针旋转*度。

本例源码:

<s:HSlider id="slider"
     horizontalCenter="0" top="10"
     minimum="0" maximum="360" stepSize="1"/>
<!--中心点-->
<s:Rect width="2" height="2" 
   horizontalCenter="0" verticalCenter="0">
<s:fill> <s:SolidColor color="#000000"/> </s:fill>
</s:Rect>
<!--半径为(100/2px)-->
<s:Group id="radiusGroup" width="100"
horizontalCenter="0" verticalCenter="0"
rotationZ="{slider.value}">
                     <!--端点-->
<s:Rect width="5" height="5" right="0" rotationZ="{-slider.value}">
<s:fill> <s:SolidColor color="#FF0000"/> </s:fill>
</s:Rect>
</s:Group>

(编辑:李大同)

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

    推荐文章
      热点阅读