2010-10-09 1 views
0

Как настроить макет на 100% ширину и высоту 100%?Устанавливаем макет, чтобы иметь 100% ширину и высоту 100%

Я хочу, чтобы приложение Silverlight растягивалось в браузере, чтобы заполнить все пространство.

Я использую Expression Blend 4.

Вот моя XAML:

<UserControl 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    x:Class="RichardKnopNew.MainPage" 
    Width="960" Height="540"> 

    <Grid x:Name="LayoutRoot" Width="960" Height="540"> 
     <Grid.Background> 
      <ImageBrush Stretch="Fill" ImageSource="/bg.jpg"/> 
     </Grid.Background> 
     <Rectangle Fill="#FF252525" Stroke="Black" Opacity="0.7" RadiusX="10" RadiusY="10" Margin="25,115,335,25" StrokeThickness="0" Height="400"/> 
    </Grid> 
</UserControl> 

ответ

2

Ваше приложение должно сделать это автоматически. Единственные причины, почему бы не сделать так, являются:

  • Вы ограничили размер Silverlight объекта на странице HTML, на котором размещается приложение или

  • Вы явно задать ширину/height объекта MainPage в MainPage.xaml.

Установка свойства Background объекта MainPage на не белый цвет должна продемонстрировать это. Если нет, укажите более подробную информацию (включая XAML, который вы используете).

Надеется, что это помогает ...

Chris

+0

Привет, я добавил XAML. –

+0

Прежде всего, возьмите свойства Width/Height из сетки LayoutRoot - они не нужны (сетка будет расширяться, чтобы заполнить пользовательский элемент управления). Затем удалите свойства Width/Height в пользовательском элементе управления (это то, что ограничивает ваш пользовательский интерфейс). Для целей дизайна, когда вы хотите, чтобы ваше представление имело фиксированные размеры, чтобы вы действительно могли видеть содержимое своего вида (и не повлияет на представление во время выполнения), используйте свойства d: DesignWidth и d: DesignHeight, такие как: поэтому (обратите внимание на дополнительные объявления префикса пространства имен): –

+0