silverlight实现窗体自动适应分辨率大小

方法一：

在实际运用中，由于分辨率的不同，SL显示的大小就不同，怎么能使silverlight能自动适应分辨率的大小呢？看看下面这个例子就很清楚了，其实要使silverlight自动适应分辨率的大小的关键之处，就是要用Grid布局。

public MainPage() { InitializeComponent(); this.Loaded += new RoutedEventHandle(MainPage_Loaded); } void MainPage_Loaded(object sender, RoutedEventArgs e) { App.Current.Host.Content.Resized += new EventHandler(Content_Resized); } double width, height; void Content_Resized(object sender, EventArgs e) { if (!App.Current.Host.Content.IsFullScreen) { if (width != 0 && height != 0) { ScaleTransform tt = new ScaleTransform(); height = App.Current.Host.Content.ActualHeight / height; width = App.Current.Host.Content.ActualWidth / width; tt.ScaleX = width; tt.ScaleY = height; RenderTransform = tt; } } }

 

方法二（推荐）

点击设计表面的左上角（下图红圈处）允许我们转换设计表面是处于 Canvas 布局模式还是Grid布局模式：

在Grid布局模式中时，上面的“空锁（empty locks）”表示这三行之间目前成比例关系（意味着它们会按比较增加，如果我们加大浏览器的大小的话）： 如果我们点击顶部和底部的锁的话，我们可以把这些行设置成拥有固定的高度，而让中间一行填充剩下的高度.
（注意<UserControl>根元素上的Width 和 Height属性）。这时我们要完全去掉Width和Height属性，让它自动地改变大小来适合包含它的HTML或浏览器窗口的大小.如果我们要给我们的应用设计时的宽度和高度，我们可以在根UserControl元素上设置 d:DesignWidth="640" 和 d:DesignHeight="476" 属性。这会在使用设计器来设计应用时，使用该尺寸的大小。

 <Grid x:Name="LayoutRoot" Background="White" >
        <Grid.RowDefinitions>
            <RowDefinition Height="56"/>
            <RowDefinition Height="100*"/>
            <RowDefinition Height="180"/>
        </Grid.RowDefinitions>
        <Rectangle Height="72"  Grid.Row="2"  Fill="#FFFF1D1D" Width="80" />
    </Grid>