为什么图像不在网格面板中自动调整大小？答案

【问题标题】：Why image don't autosize in grid panel?为什么图像不在网格面板中自动调整大小？
【发布时间】：2011-05-23 22:12:59
【问题描述】：

我尝试制作一个带有表情混合的 wp7 应用程序。但是有没有让我抓狂的问题！

我创建了一个全景控制器、一个全景项目和一个网格。在这个网格中，我创建了一个图像。

为什么我的图片不会按宽度放大？

截图如下：

灰色图像也在 dx 处进行了四舍五入，如 sx 侧。

这里是配置：

是否有解决方案可以将我的图像放大到像网格的最大尺寸这样的宽度？

我该怎么做？

这是我的sn-p代码：

<controls:PanoramaItem Foreground="Black" >
  <Grid Margin="1,26,160,46" Width="418">
    [...]
    <Grid Margin="0,190,8,0" VerticalAlignment="Top" Height="207" >
      <Image Source="JobRow.png" Margin="8,34,27,50" Stretch="None" />
    </Grid>
  </Grid>
</controls:PanoramaItem>

有什么想法吗？

编辑 1：如果我改变 Stretch 这就是结果，我的图像只会放大高度！
好像是在某个位置被挡住了……不知道为什么！！！

编辑 2：更改默认方向不会扩大我的网格！

<controls:PanoramaItem Foreground="Black" Width="438" Orientation="Horizontal">

【问题讨论】：

标签： c# silverlight xaml windows-phone-7 panorama-control

【解决方案1】：

如果您希望图像增长以填充所有可用空间，则需要在图像上设置Stretch 属性。根据您希望它如何扭曲或修剪以填充您希望它成为Fill、Uniform 或UniformToFill 之一的可用空间。

编辑：
如果拉伸的图像现在超出了 PanoramaItem 的默认宽度，请务必将 PanoramaItem 的 Orientation 设置为 Horizontal，以便它可以支持该方向所需的必要增长

【讨论】：

如果我改变拉伸，我的图像只会调整高度，而不是宽度！！
Orientation="Horizontal" 效果一样！ :(

【解决方案2】：

查看定义您正在编辑的 XAML 文件的属性（Page、UserControl 等）。有这样的设置吗？

 d:DesignWidth="300"

如果是这样，请将其更改为更大的值，如下所示：

 d:DesignWidth="800"

【讨论】：

@Paska：努力找出你的问题。 :-)

【解决方案3】：

只需从图像标签中删除边距属性

<Image Source="JobRow.png" Stretch="None" />

希望对你有帮助

【讨论】：

【解决方案4】：

好的，已解决从 XAML 文件中删除 all Width="xxx"，然后从 Expression Blend 中手动调整所有组件的大小。

我不知道为什么，但它有效！

谢谢大家

【讨论】：