Le remplissage de la Fenêtre de Navigateur avec Application Silverlight

Je veux que mon application Silverlight pour remplir toute la fenêtre du navigateur. J'ai mis le plugin objet de la largeur et de la hauteur à 100%, et de configurer ma LayoutRoot du conteneur de la hauteur et la largeur de l'Auto, mais toujours pas de chance. Des 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>

Avertissement: j'ai cherché une réponse tout d'abord, trouver ce fil. Cependant, comme vous pouvez le voir par mon code qui ne fonctionne pas pour moi.

OriginalL'auteur Kevin Babcock | 2009-04-07

18

Tout d'abord, je n'ai pas régler la hauteur/largeur dans le contrôle de l'utilisateur. Au lieu de cela, j'ai mis le DesignHeight et DesignWidth (dans le "http://schemas.microsoft.com/expression/blend/2008" espace de noms) et j'ai mis de l'alignement pour étirer
```
<UserControl ... 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
    d:DesignHeight="1050" d:DesignWidth="1680">
```
Dans mon code Html, j'ai réglé la Hauteur et la Largeur à 100% comme ça...
```
<div style="height: 100%; width: 100%; position: fixed;">
        <asp:Silverlight runat="server" Source="~/ClientBin/My.xap" ID="MyId" 
            Width="100%" Height="100%" />
</div>
```
À ce point, tout fonctionne pour moi de prendre la totalité de la fenêtre.

Une chose que je voudrais ajouter (que j'ai découvert la manière dure): si vous êtes d'hébergement de contrôles dans les autres contrôles, et que vous voulez hébergés sur le contrôle de remplir la totalité de l'écran, vous devez utiliser une Grille plutôt qu'une Toile comme le LayoutRoot pour le contrôle d'hébergement. Une Toile prend uniquement en charge la présentation absolue, et, par conséquent, ne tient pas compte de HorizontalAlignment="Stretch" ou VerticalAlignment="Stretch" attributs. Donc si vous utilisez une Toile pour votre contrôle d'hébergement, hébergement de contrôle sera toujours à la taille de la taille minimale requise à l'appui de tous les éléments qu'il contient.
Malheureusement cela ne fonctionne pas si vous avez votre <div> à l'intérieur d'une autre div, ou une conception complexe, à moins que je me manque quelque chose.
+1 Juste cherché pour ce problème et cette solution fonctionne parfaitement!

OriginalL'auteur Brian Genisio
0

Supprimer les attributs Height et Width de l' :
```
<UserControl
     x:Class="Client.Page"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
```
Automatique de la Hauteur et la Largeur avec de redimensionner la fenêtre pour ajuster le contenu. Si vous supprimez les attributs Height et Width, votre Application Silverlight va croître à la taille de la fenêtre.

Si vous supprimez la hauteur et la largeur complètement, il ne veut pas s'afficher correctement dans le concepteur... voir DesignHeight et DesignWidth

OriginalL'auteur Justin Niessner
0

Hmm

Je suis penser que votre réseau est configuré pour être aussi petite que possible (pas de "star" de la colonne ou de la ligne).
Pouvez-vous essayer avec un plus de ligne et de colonne avec une "star" de la taille ?

comme d'autres l'ont souligné, vous devez également supprimer l'option "auto" tailles, depuis leur auto à la taille du contenu.

aussi essayer de définir une couleur d'arrière-plan sur la page, donc vous voyez où il s'étend en fait.

OriginalL'auteur Denis Troller
0

Si vous avez un assez complexes de mise en page HTML et ne peut pas compter sur la correction du positionnement, vous pouvez alors faire le #silverlightControlHost div redimensionner à l'aide de l'suivantes:
```
private bool _hasResized;

protected override Size ArrangeOverride(Size finalSize)
{
    if (!_hasResized)
    {
        HtmlPage.Document.GetElementById("silverlightControlHost").SetStyleAttribute("height", finalSize.Height.ToString());
        _hasResized = true;
    }

    return base.ArrangeOverride(finalSize);
}
```
Vous pouvez mettre à l'intérieur de MainPage.cs ou si vous avez imbriqué UserControls, puis le contrôle qui nécessite le plus de hauteur. Je suis également en utilisant le code XAML suivant et le HTML par défaut de Visual Studio fournit
```
<UserControl ...
    VerticalAlignment="Stretch"
    Height="Auto"
    Width="Auto">
```
Je n'ai pas testé sans ces paramètres, autant que je sache Auto est la valeur par défaut.

OriginalL'auteur Chris S

Vous devez vous connecter pour publier un commentaire.