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

时间:2011-05-23 22:13:00

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

我尝试使用表达式混合制作一个wp7应用。但是有一个让我疯狂的问题!

我创建了全景控制器全景项目网格。在此网格中,我创建了一个图像 enter image description here

为什么我的图片不会放大

这里有截图:
enter image description here
灰色图像也在dx处舍入,如sx侧。

这里是配置:
enter image description here

是否有解决方案可以在宽度上放大我的图像,例如网格的最大尺寸?

我该怎么做?

这是我的代码片段:

<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这是结果,我的图片只会在高度上放大!
这就像在某个位置被阻挡了......但我不知道为什么!!!

enter image description here

编辑2 :更改默认方向不会放大我的网格!

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

4 个答案:

答案 0 :(得分:1)

如果您希望它增长以填充所有可用空间,则需要在图像上设置Stretch属性。根据您希望如何扭曲或修剪以填充可用空间,您希望它可以是FillUniformUniformToFill中的一个。

修改
如果拉伸的Image woudl现在超出了PanoramaItem的默认宽度,请确保将PanoramaItem的Orientation设置为Horizontal,以便它可以支持该方向所需的必要增长

答案 1 :(得分:0)

查看定义您正在编辑的XAML文件的属性(PageUserControl等)。它有这样的设置吗?

 d:DesignWidth="300"

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

 d:DesignWidth="800"

答案 2 :(得分:0)

只需从图片标记

中删除margin属性即可
<Image Source="JobRow.png" Stretch="None" />

希望这有帮助

答案 3 :(得分:0)

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

我不知道为什么,但它确实有效!

感谢所有