问题标签 [scaletransform]

我想让我的图像水平翻转 4 次，同时缩小它。

我有以下翻转代码：

我在 scale_down.xml 中有以下代码用于缩小：

但是，当我在 eclipse 中的模拟器上运行我的应用程序时，翻转图像显示出一种尴尬的效果。从图片中可以看出，有时在翻转时，垂直的一侧比另一侧长，产生拉伸效果，这不是我想要的。任何有助于消除这种影响？

我正在用 C#/XAML 设计一个 Windows 8.1 应用程序。我正在尝试复制在 Windows Phone 上发现的倾斜效果。我用 ScaleTransform 和 PointerDownThemeAnimation 都试过了。

然而，规模效应似乎在 Y 方向上被破坏了。它在页面上垂直向下推动 UI 元素，而不是仅仅将其缩小。我在 8.1 之前的 Windows 8 应用程序中使用过缩放，但没有遇到此问题。

即使是陌生人在设计视图中也可以正常工作。我尝试将 RenderTransformOrigin 设置为“0.5、0.5”。以下是我将文本块的比例设置为 0.5 时发生的情况的示例：

您认为问题是什么以及如何解决？谢谢

编辑：这是大部分 XAML：

示例图像中显示了比例为 0.5 的“最新”文本块。'PalettePanelHeight' 只是代码中的 Window.Current.Bounds.Height。

使用 JSSOR 滑块，函数 ScaleSlider() 调用 $ScaleWidth 根据视口调整滑块的大小。这是通过对#slider1_container 元素应用变换样式来实现的。

但是，这也会导致标题中的任何文本都被调整大小，使其难以辨认。

如何防止字幕文本 (.myCaption) 受到变换样式的影响？

我创建了从 Control 派生的简单自定义控件。

这个控件有 2 个 DP，我在 ScaleTransform 上的 xaml 中绑定。

后面的代码。

XAML。

我在 Window 中使用 MyControl。在我更改 LayoutTransform 后面的 Window 代码中的 ScaleX 和 ScaleY 属性后，它没有起火。

所以我在 MyControl 中为 ScaleX 和 ScaleY 添加了处理程序。在这些处理程序中，我手动执行 ScaleTransform。这行得通。那么 TemplateBinding 的问题在哪里呢？

使用此解决方法 ScaleTransform 有效。

在NY-Times 团队的这个惊人的可视化中，您可以看到笛卡尔失真在起作用。

在一种情况下，我认为可以改进这种可视化。

正如您在这张图片中看到的，如果光标在图片的左侧，最后一张图片会比居中时更大。（十字准线显示光标位置）

作为用户，您会期望看到最大的图像，当您完全超过它时。你在这个可视化的中间有这个效果。

问题：

当光标在中间时，如何修改算法或焦点逻辑以显示每个部分/图像的最大宽度？

我试图理解为什么ScaleTransform（在 Windows Phone 8.0 下测试）使用控件的父尺寸而不是控件本身呈现。我已经设置了一个演示应用程序来显示这种行为，如下所示。

维度和层次结构是有原因的，这就是我手动设置Widthand的原因Height，因为它非常接近真实的应用程序。

我所期望的是child1（黄色的），它768x1228的比例是 并且具有，0.625它会将自己呈现为480x768好像）。300x4800.625%480768

有什么线索吗？

我的想法是创建自定义 Tile 控件，该控件用作Live Tile（将其渲染为位图图像并用作平铺背景）并在我的应用程序中的LongListSelector中使用。通过对这两种情况使用相同的控件，可以确保它看起来相同。

这是我的自定义 Tile 控件的简短示例：

如果我想在LongListSelector中使用它，那么它需要从 336x336 缩小到 200x200 像素。我用一个简单的ScaleTransform进行了尝试，但结果与我预期的不一样。

这是结果：

红色矩形是我的自定义 Tile 控件，带有ScaleTransform。转换后它应该又是一个正方形，从 336x336 缩小到 168x168（只是一个例子）。在上面的图像中，高度是正确的，但宽度太小了。

这很奇怪，因为如果我将自定义 Tile 控件的大小更改为 200x200 像素并使用相同的ScaleTransform系数为 0.5，它将被正确缩小。

我正在尝试使用内部阴影和内部图像缩放 div。这是代码：

问题是当鼠标悬停在 div 上时，图像出现在 div 上，隐藏了内部阴影。

我已经尝试过 z-index:3 div:hover 但没有结果。你能帮帮我吗？

提前致谢

我正在编写一个标签制作程序。在这个程序中，我有一个画布，中间有一个白色矩形，上面有多个用户可以调整大小、拖动等的对象。我还可以选择让用户缩放画布，这是我使用ScaleTransformvia完成的LayoutTransform。我想要这样，当用户放大时，画布会在中心放大，而不是相对于右上角。

这是一个演示：

目前，画布缩放如下：

我需要它像这样缩放：

如何在缩放画布时不重新定位画布中的元素来完成此任务？

注意：我使用的是 LayoutTransform，因为我必须将它嵌入到ScrollViewer. RenderTransform完成此操作，但当画布元素超出可见画布边界时不会让用户滚动。

现在正在研究一个包含一定数量房间的平面图项目——每个房间都被表示为一个 Raphael.js 形状，并且在形状的中间有许多任务。字体大小 每个形状需要固定的任务数。

放大：

并以类似方式缩小：

这很好用。

单击“适合屏幕”按钮使地图适合屏幕：

但是字体也会缩放。有没有办法阻止它？