使用 Silverlight 应用程序填充浏览器窗口 [英] Filling Browser Window with Silverlight Application

问题描述

我希望我的 Silverlight 应用程序填满整个浏览器窗口.我已经将插件对象的宽度和高度设置为 100%，并将我的 LayoutRoot 容器的高度和宽度设置为自动，但仍然没有运气.有什么建议吗?

<asp:ScriptManager ID="ScriptManager1" runat="server"/><asp:Silverlight ID="Silverlight1" runat="服务器"Source="~/ClientBin/Client.xap"最低版本="2.0.30818.0"自动升级=真"高度="100%"宽度="100%"></asp:Silverlight></表单><用户控件x:Class="Client.Page"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"高度=自动"宽度=自动"><网格x:Name="LayoutRoot"背景=#084E85"ShowGridLines="True"><Grid.ColumnDefinitions><ColumnDefinition Width="280"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions><Grid.RowDefinitions><RowDefinition Height="80"/><RowDefinition Height="自动"/><RowDefinition Height="600"/></Grid.RowDefinitions>……剩下的内容……</网格></用户控件>

免责声明:我首先搜索了一个答案，找到了 这个话题.但是，正如您从我的代码中看到的那样，它对我不起作用.

解决方案

首先，我没有在用户控件中设置高度/宽度.相反，我设置了 DesignHeight 和 DesignWidth(在http://schemas.microsoft.com/expression/blend/2008"命名空间中)并将对齐设置为拉伸

在我的 HTML 中，我将高度和宽度设置为 100%，如下所示...

<asp:Silverlight runat="server" Source="~/ClientBin/My.xap" ID="MyId"宽度="100%" 高度="100%"/>

在这一点上，一切都适合我让它占据整个窗口.

I want my Silverlight app to fill the entire browser window. I've set the plugin object width and height to 100%, and set my LayoutRoot container's height and width to Auto, but still no luck. Any suggestions?

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:Silverlight ID="Silverlight1" runat="server" 
        Source="~/ClientBin/Client.xap"
        MinimumVersion="2.0.30818.0"
        AutoUpgrade="true"
        Height="100%" 
        Width="100%">
    </asp:Silverlight>
</form>

<UserControl 
    x:Class="Client.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Height="Auto"
    Width="Auto">
    <Grid 
        x:Name="LayoutRoot" 
        Background="#084E85"
        ShowGridLines="True">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="280" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="80" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="600" />
        </Grid.RowDefinitions>

        ...Remaining content here...
    </Grid>
</UserControl>

Disclaimer: I searched for an answer first, finding this thread. However, as you can see by my code that isn't working for me.

解决方案

First, I don't set the height/width in the user control. Instead, I set the DesignHeight and DesignWidth (in the "http://schemas.microsoft.com/expression/blend/2008" namespace) and I set the alignment to stretch

<UserControl ... 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
    d:DesignHeight="1050" d:DesignWidth="1680">

In my HTML, I set the Height and Width to 100% like this...

<div style="height: 100%; width: 100%; position: fixed;">
        <asp:Silverlight runat="server" Source="~/ClientBin/My.xap" ID="MyId" 
            Width="100%" Height="100%" />
</div>

At that point, everything works for me to have it take the entire window.

这篇关于使用 Silverlight 应用程序填充浏览器窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！