RenderTransformOrigin使用说明 - [silverlight 开发]

RenderTransformOrigin:获取或设置由 RenderTransform 声明的任何可能呈现转换的中心点,相对于元素的边界。 这是一个依赖项属性。
命名空间:   System.Windows
程序集:  PresentationCore(在 PresentationCore.dll 中)
用于 XAML 的 XMLNS:http://schemas.microsoft.com/winfx/2006/xaml/presentation, http://schemas.microsoft.com/netfx/2007/xaml/presentation

  • 对象中心点:用来定义所有RenderTransform变换中相对位置的的参考点,默认为图形的左上即(0,0),该属性值为相对值,即x和y方向的(0-1)分别指以本图形所在矩形(在Expression blend中可以看到 )的长和宽 为参照的百分比 ,该属性以图形所在矩形默认状态下左上角为参考

  • 如:Roatetransform中的中心是相对于RenderTransformOrigin的,即在RenderTransformOrigin的基础上进行叠加即得到绝对中心位置,其CenterX与CenterY易受ScaleTransform影响,如一矩形宽度为100,高度为200,要其绕中心旋转,则其中心坐标应为50,100. 倘若此时期ScaleTransform的ScaleX和ScaleY属性别为1,2.(该种情况下与ScaleTransform中心点无关)则此时其高度变为原来2倍,即其中心变为50,100*2=200,计算公式:0.5*ScaleX*Width,0.5*ScaleY*Height(倘若不是取中心的情况则将0.5换为其他值)

使用 ScaleTransform 对象沿水平或垂直方向拉伸或收缩对象。ScaleX 属性指定使对象沿 x 轴拉伸或收缩的量,ScaleY 属性指定使对象沿 y 轴拉伸或收缩的量。缩放操作以 CenterX 和 CenterY 属性指定的点为中心。

使用ScaleTransform之后左上角原始参考点的取得,Canvas.Left - CenterX/Width * (ScaleX - 1),Canvas.Top - CenterY/Height * (ScaleY - 1),TranslateTransform不受RenderTransform所定义的 相对位置影响(因为其本身为相对位置),也不影响TranslateTransform的作用.但他将影响与相对绝对参考点位置

备注:

RenderTransformOrigin 以较为非标准的方式使用 Point 结构值,因为 Point 不表示坐标系统中的绝对位置。 相反,0 和 1 之间的值被解释为当前元素在每个 X 轴和 Y 轴上的范围的因子。 例如,(0.5,0.5) 将使呈现转换位于元素中心,而 (1,1) 会将呈现转换置于元素的右下角。 NaN 不是一个接受的值。

也可以接受 0 和 1 以外的值,并且将导致更不寻常的转换效果。 例如,如果将 RenderTransformOrigin 设为 (5,5),然后应用 RotateTransform,则旋转点将位于元素自身边界之外。 转换将沿圆心远在右下方的大圆旋转元素。 原点可能位于其父元素的某处,并可能位于框架或视图之外。 负点值与此类似,这将超出左上边界。呈现转换不影响布局,并且通常用于动画处理或向元素应用临时效果。

 

转载于:https://www.cnblogs.com/wpdev/archive/2011/08/11/RenderTransformOrigin-about.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值