Silverlight 网格自动调整大小在画布内不起作用

发布于 2024-08-24 06:57:39 字数 571 浏览 9 评论 0原文

如何使画布内的网格宽度为 100%？这是一些简单的 XAML，但它没有按预期工作。

<Canvas Background="MediumSlateBlue" Width="Auto" Height="Auto" >
    <Grid x:Name="LayoutRoot" MouseMove="MainPage_MouseMove" Background="Beige" >
        <TextBlock x:Name="lblDisplay" Height="24" HorizontalAlignment="Right" VerticalAlignment="Top" Width="128" Text="asdf" ></TextBlock>
    </Grid>
</Canvas>

我不明白为什么我的网格没有占用尽可能多的空间！我什至尝试添加宽度为 100* 的单个行和列定义，但我的网格仍然只会占用与其包含的标签一样多的空间。目标是拥有一个带有网格子级并占据 100% 宽度和高度的画布。这很重要，因为我需要 silverlight 在浏览器调整大小时调整大小。

原文

How do you make a grid width 100% inside a canvas? Here's some simple XAML but it doesn't work as expected.

<Canvas Background="MediumSlateBlue" Width="Auto" Height="Auto" >
    <Grid x:Name="LayoutRoot" MouseMove="MainPage_MouseMove" Background="Beige" >
        <TextBlock x:Name="lblDisplay" Height="24" HorizontalAlignment="Right" VerticalAlignment="Top" Width="128" Text="asdf" ></TextBlock>
    </Grid>
</Canvas>

I don't understand why my grid doesn't take up as much room as it can get it's hands on! I've even tried adding a single row and column definition with a width of 100*, but still my grid will only take up as much space as the label it contains. The goal is to have a canvas, with a grid child and takes up 100% width and height. This is important because I need the silverlight to resize when the browser resizes.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

战皆罪 2024-08-31 06:57:39

Canvas 使用绝对定位来布局其内容。它与 Windows 窗体的工作方式非常相似，所有元素都必须指定顶部、左侧、宽度和高度。

您可以通过将 Canvas 替换为未定义行/列的 Grid 并使用边距放置子元素来实现类似的功能。

回复收藏 0 原文

红尘作伴 2024-08-31 06:57:39

看起来我在这里找到了一个解决方案

http://forums.silverlight.net/forums/t /13415.aspx

我已经调整了代码，以便在调整内容大小时自动调整网格大小。这将允许我使用 Canvas.LeftProperty 绝对定位元素并保持水平/垂直对齐元素的位置。

我考虑过仅使用网格作为我的主要布局，但是如果需要对对象进行动画处理，则无法对边距进行动画处理。此外，在 mousemove 事件期间设置边距 Left 和 Top 并不能准确地将我的元素定位到光标位置。

回复收藏 0 原文

无戏配角 2024-08-31 06:57:39

还要检查以确保您的表单实际上正在拉伸 Silverlight 应用程序。

<form id="form1" runat="server" style="height:100%">
<div id="silverlightControlHost">
    <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
      <param name="source" value="clientbin/MyApp.xap"/>
      <param name="onError" value="onSilverlightError" />
      <param name="background" value="white" />
      <param name="minRuntimeVersion" value="3.0.40818.0" />
      <param name="autoUpgrade" value="true" />
      <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration:none">
          <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
      </a>
    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
</form>

Also check to make sure that your form is actually stretching the Silverlight application.

<form id="form1" runat="server" style="height:100%">
<div id="silverlightControlHost">
    <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
      <param name="source" value="clientbin/MyApp.xap"/>
      <param name="onError" value="onSilverlightError" />
      <param name="background" value="white" />
      <param name="minRuntimeVersion" value="3.0.40818.0" />
      <param name="autoUpgrade" value="true" />
      <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration:none">
          <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
      </a>
    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
</form>

回复收藏 0 原文

~没有更多了~