使用Browser ScrollBars for Silverlight4 App

Question

我正在尝试让我的Silverlight应用程序像任何其他网络应用程序一样进行布局。

我已关注this thread，其中显示了当应用占用的面积少于客户端窗口时，如何扩展应用以填充可用空间。

然而，我似乎无法找到相反的代码。也就是说，当我的应用程序变得比浏览器的客户端区域大时，我希望浏览器显示适当的滚动条。目前，上面的代码只是按照浏览器的大小剪辑应用程序。

以下是一个简单的示例应用：

<UserControl x:Class="SilverlightWidthAndHeight.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
             HorizontalAlignment="Stretch"
             VerticalAlignment="Stretch"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot"
          HorizontalAlignment="Stretch"
          VerticalAlignment="Stretch">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>        

        <Rectangle Grid.Row="0"
                   Fill="Blue" />
        <TextBlock Grid.Row="0" 
                   Foreground="White"
                   FontSize="20"
                   FontWeight="Bold"
                   Margin="5"
                   Text="Header" />

        <Rectangle Grid.Row="1"
                   Fill="Red" />

        <StackPanel Grid.Row="1"
                        Orientation="Horizontal">
            <TextBlock x:Name="txtMiddleRow" 
                           Foreground="White"
                           FontSize="28"
                           Text="Middle Row" />

            <Button x:Name="btnGrow"
                        Content="Grow"
                        VerticalAlignment="Center"
                        Margin="5" />
        </StackPanel>


        <Rectangle Grid.Row="2"
                   Fill="Blue" />
        <TextBlock Grid.Row="2" 
                   Foreground="White"
                   FontSize="20"
                   FontWeight="Bold"
                   Margin="5"
                   Text="Footer" />

    </Grid>
</UserControl>

正如您所看到的，它恰当地填补了空间：

但是如果按“Grow”按钮增加TextBlock的字体大小：

我知道我可以将所有内容都包装在ScrollViewer中，但看起来像浏览器滚动条左侧有一个滚动条就好了。

谢谢，
WTS

Answer 1

你要问的是银光调整自己的大小。这将需要您做很多工作。您将需要编写知道您的应用程序何时变大的代码，并且它将扩展持有您的silverlight应用程序的html对象。

例如，在布局更改的layoutroot上设置一个事件，然后从代码中设置silverlight应用程序的height属性。看一看如何操作html并从silverlight here调用javascript。