Разрабатываю приложение, в котором нужно сделать некое окно, оно должно:
- Быть всегда посередине приложения.
- Изменять размер при изменении размера самого Window.
- Иметь контент.
- Иметь изображение сбоку, которое, в свою очередь, должно:
- Привязаться четко к левой части окна за центр (то есть центр изображения должен всегда находиться в начале окна).
- Изменять размер вместе с окном.
Что я имею ввиду:
Как видим, по центру есть "окошко", оно четко по центру, меняет размер, все как положено. Слева есть эльфийка, которая должна быть всегда в этом месте и изменять размер вместе с самим окном. И тут возникает проблема (даже проблемы)...
- Эльфийка двигается при изменении размера приложения. Что бы я не делал, вечно прихожу к такому результату (заезжает на окно) и "приколоть" ее к нужной точке без указания точных размеров не получается:
- Для получения такого результата пришлось указать
Margin="-160 0 0 0"
, что не есть хорошо...
Текущий вариант:
<!--#region Основная сетка с затенением-->
<Grid Background="#81000000">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="4*" MaxHeight="550"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="*" MaxWidth="450"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid Grid.Column="1" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<!--#region Рамка/Цвет/Тень-->
<Border Grid.ColumnSpan="2" Background="{StaticResource Color.Main.Brush}"
CornerRadius="5"
BorderThickness="0 .7 0 .7"
BorderBrush="{StaticResource Color.Line.Horizontal.GradientBrush}">
<Border.Effect>
<DropShadowEffect ShadowDepth="1" Direction="-90" />
</Border.Effect>
</Border>
<!--#endregion-->
<Grid Column="1">
<!--#region Контент-->
<Grid>
<!-- /// -->
</Grid>
<!--#endregion-->
</Grid>
<!--#region Изображение-->
<Image Grid.Column="0"
Source="../../Resources/cha_elf.png"
VerticalAlignment="Bottom" HorizontalAlignment="Right"
Margin="-160 0 0 0"/>
<!--#endregion-->
</Grid>
</Grid>
<!--#endregion-->
Пробовал StackPanel
, DockPanel
, Grid
(все в 1 ячейке и сдвигать объект, не двигался, разбить по колонкам - текущий результат), все безрезультатно...
Собственно вопрос: Как грамотно "указать эльфийке" место?