问题标签 [viewbox]

在我的窗口上，我有一个 ViewBox 控件，其中包含一个自定义进度条。我在设计模式下将其 Visibility 设置为 Collapsed，因为我只需要在特定时刻（登录应用程序期间）显示它。

在我的进度条（用户控件）中，我有 VisibilityChanged 事件的事件处理程序，我在其中停止和启动我的动画。

当用户单击登录按钮时，我需要显示此 ViewBox，直到登录完成并在成功后再次折叠它。但是，当我（在后面的代码中）设置 ViewBox.Visibility = Visible 时，它​​不会出现。

谁能告诉我为什么，或者如何解决？

XAML：

谢谢

图像控件 - 放置在 Viewbox 中。用于在窗口大小更改时自动缩放。一切都很完美。

在我的情况下是否可以更改插值类型？例如选择双三次或双线性。或者对于自动缩放这样的选择不可用？

我正在尝试用 svg 绘制一些点。它们是小范围的 x,y 坐标：

当它们被绘制时，它们在屏幕上显然非常小。这是我的视图框命令：

我如何改进它，以便在 20 x 20 厘米的盒子内清楚地显示它们。

打印 qq();

在 win8 rt 上使用 XAML Viewbox 控件时，对于不同的屏幕尺寸（分辨率），控件会自动缩放

e.Delta.Translation 偏离正确的 X、Y 位置。在拖放操作中拖动控件越远，位置漂移得越远。

XAML

C＃

任何想法如何为此获得准确的位置/修复？

带有数字的 ToolTip 是添加到 Canvas 的子 UserControl。Canvas 是 ViewBox 的子级。为了缩放 Canvas 调整大小控件的内容。问题是工具提示变得模糊。ToolTip 本身只包含矢量元素（没有图片）

如何在没有这些工件的情况下使 ViewBox 缩放？布局舍入没有帮助

我有一个<Grid>包含一些垂直和水平<Line>的s。我希望网格可以随窗口大小缩放，并保持其纵横比，因此它包含在<Viewbox Stretch="Uniform">.

但是，我还希望线条始终以 1 像素的宽度呈现，所以我使用：

这使得线条的初始外观很理想，但是一旦您开始调整窗口大小，就会开始拉伸/缩放，线条再次变成 1 和 2 像素粗的混合。

有什么方法可以让线条始终为 1 像素粗并且还允许调整窗口/网格的大小？

更新 - 根据 Clemens 的建议使用路径几何

@Clemens - 感谢您强调线条和路径之间的渲染差异。当我尝试使用您的示例重新编写我的代码时，我有一种下沉的感觉，我正在为自己挖掘更多的漏洞，并没有真正掌握整个概念（完全是我的错，不是你的错，我只是 WPF 的新手） .

我将添加一些屏幕截图来说明以下描述：

我正在制作一个游戏板（用于Go游戏，以防有助于理解布局）。我有一个 9x9 的网格，我打算通过简单地将椭圆添加到特定的网格单元来放置游戏片段。

然而，要在棋盘上绘制底层线，我需要在棋盘上绘制与单元格中间相交的线（在 Go 中，棋子放置在交叉点上，而不是单元格的中间）。

很可能是我采取了完全错误的方法，请随时告诉我从另一条路线重新开始，而不是在当前结构中四处乱窜。

到目前为止，这就是我所做的（由于坐标的计算方式，我正在以编程方式添加路径。不确定是否可以全部在 XAML 中完成）：

XAML：

C＃：

这是我使用上面的代码时得到的

这几乎就是我想要的样子。它又为我提出了两个问题：

1) 我是否采用了正确的方法来计算x1、和值x2，通过将它们除以总板宽度来创建一个介于 0 和 1 之间的数字，以便随后可以将 ScaleTransform 应用于它们？y1y2

2）现在我不再使用aViewbox了，如何实现固定比例缩放？如果我放大我的窗口，板会不成比例地伸展（见下图）。（不过，它不再对线条进行抗锯齿，这很棒。）

我知道这将成为一个单一的帖子。我非常感谢您的耐心和回复。

我有一个关于 Raphaël 2.1.1 拖放的问题。当我使用此处提供的代码时，我能够成功地拖动路径。

但是，当我添加 viewbox 方法时，拖放功能无法正常工作。我觉得解决方案是在转换中对其进行补偿，但我是使用 SVG 的新手，不知道要调整什么。

在我的代码中，我的论文的起始参数是 800 X 800。当我使用视图框时，我使用参数 1200 X 1200。

我试图让我的应用程序适用于我使用 ViewBox 的所有分辨率。但是 ViewBox 不适应屏幕的大小。它比屏幕大一些。所有分辨率的页面应如何显示：

但问题是增加或减少页面不适合屏幕的分辨率，尽管显示 gridview 滚动条滚动。代码：-

我正在使用视图框将图像动态添加到UniformGrid.

我遇到的问题是图像大小不同，水平或垂直。

可视化正在发生的事情的好方法。如果屏幕上有两张图片，第一张图片比第二张图片宽和短。当我水平收缩窗口时，第一个图像将独立收缩，其宽度与第二个相同。现在，当我垂直收缩窗口时，第二个图像将独立收缩，直到其高度与第一个相同。

如何在不将视图框拉伸属性设置为填充的情况下使 2 个图像一起缩放？

我试图显示一些填充有模式的文本，但找不到避免模式映射出现奇怪行为的方法。

这是问题的代码示例：http: //jsfiddle.net/queZM/

如您所见（如果没有，请调整显示结果的左下部分的大小），渐变映射有偏移量。此偏移量根据图像的比例而变化。我真的不明白。

如果我删除 svg 标记中的 viewBox 部分，一切都很好（除了我将这张巨大的图片卡在其最终的动态大小的 HTML 容器中）。

如果我使用矩形而不是文本，它似乎很好。

如果文本有 0,0 的偏移量，没关系……</p>

但我想为文本设置一个偏移量，一个能够将我的 svg 图像填充为嵌入 HTML 元素的视图框。我真的不明白！

如果您有任何线索，那将非常有帮助！谢谢

PS：我知道我可以使用渐变填充，但我真的需要使用图案的东西。在示例中，为了使事情尽可能简单，我只使用了渐变，但最终它将是与另一个图像叠加的渐变。