我非常喜欢Nokola的NavSeven Silverlight Bar。
您可以在此处查看:http://www.nokola.com/sources/
您可以立即注意到导航栏一直延伸到100%,图标在中间很好地对齐。
导航栏本身在Page.xaml中宽度为900px。
我已经在我的网站上工作但由于某种原因,我不能像在Nokola的网站上那样将它扩展到100%。
以下是发生的事情:我将宽度设置为100%,但不是拉伸,而是保持宽度为900px并使用Whitespace填充其他所有内容。这是另一个问题 - 无论我将背景颜色改变为什么,它总是白色,在我的网站灰色背景上看起来很糟糕。但这不是重点,它仍然不像预期的那样延伸,就像在Nokola的网站上一样。
以下是我用来包含Silverlight文件的代码:
<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="43px">
<param name="source" value="ClientBin/NavSeven.xap"/>
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="3.0.40624.0" />
<param name="autoUpgrade" value="true" />
<param name="enableGPUAcceleration" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration: none">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" 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>
答案 0 :(得分:1)
删除page.xaml中的任何固定宽度。 900可能仍然存在于另一个网格上并覆盖默认行为。
如果你删除它会拉伸以适应父Silverlight容器(默认为全屏,除非在html页面中另有说明 - 在你的情况下高43像素)。
如果不能解决问题,请将您的XAML发布到页面本身,纠正它只需几分钟。
希望这有帮助。