实用指南。 UIElement对象的水平或垂直反射

  1. 例如例如
  2. 例如例如
  3. 例如例如
  4. 例如例如

此示例显示了如何使用 ScaleTransform 翻身 的UIElement 水平或垂直。 此示例显示如何使用a ScaleTransform 翻转一个 的UIElement 水平或垂直。 在这个例子中 按键 管理(品种 的UIElement )通过申请改变 ScaleTransform 为他的 的RenderTransform 属性。 在这个例子中,a 按键 控制(一种类型 的UIElement )通过应用a来翻转 ScaleTransform 它的 的RenderTransform 属性。

例如例如

下面是一个显示按钮。 下图显示了翻盖。

UIElement反映UIElement翻转
UIElement反映UIElement翻转

下面是创建按钮的代码。 以下显示了创建按钮的代码。

<按钮内容=“翻转我!” 填充=“5”> </ Button>

例如例如

要水平翻转按钮,请创建 ScaleTransform 并问它 的ScaleX 属性值为-1。 要水平翻转按钮,请创建一个 ScaleTransform 并设置它 的ScaleX 属性为-1。 申请 ScaleTransform 在按钮上 的RenderTransform 属性。 适用 ScaleTransform 按钮的 的RenderTransform 属性。

<按钮内容=“翻转我!” Padding =“5”> <Button.RenderTransform> <ScaleTransform ScaleX =“ - 1”/> </ Button.RenderTransform> </ Button>

应用ScaleTransform后按钮应用ScaleTransform后的按钮
应用ScaleTransform后按钮应用ScaleTransform后的按钮

例如例如

从上图中可以看出,按钮被反射,但也被移动了。 按钮被翻转,但它也被移动了。 按钮从左上角反射出来。 那是因为按钮从左上角翻转过来。 要按下按钮,您必须申请 ScaleTransform 它的中心,而不是它的角落。 要按下按钮,您需要应用 ScaleTransform 到它的中心,而不是它的角落。 简单的申请方式 ScaleTransform 居中按钮 - 指定按钮 RenderTransformOrigin 值0.5,0.5。 一种简单的方法来应用 ScaleTransform 按钮按钮 RenderTransformOrigin 属性为0.5,0.5。

<按钮内容=“翻转我!” Padding =“5”RenderTransformOrigin =“0.5,0.5”> <Button.RenderTransform> <ScaleTransform ScaleX =“ - 1”/> </ Button.RenderTransform> </ Button>

值为0
值为0.5的按钮,为rendertransformorigin设置0.5按钮,RenderTransformOrigin为0.5,0.5

例如例如

要翻转垂直按钮,请指定 ScaleTransform 一个对象 的scaleY 属性而不是他 的ScaleX 属性。 要垂直翻转按钮,请设置 ScaleTransform 对象 的scaleY 财产而不是它 的ScaleX 属性。

<按钮内容=“翻转我!” Padding =“5”RenderTransformOrigin =“0.5,0.5”> <Button.RenderTransform> <ScaleTransform ScaleY =“ - 1”/> </ Button.RenderTransform> </ Button>

垂直反射按钮垂直翻转按钮
垂直反射按钮垂直翻转按钮

另见另见