Начальная точка управления WPF

Question

После некоторого расследования я все еще не могу найти способ изменить источник управления. Итак, я хочу просто разместить один квадрат в центре другого квадрата без полей, поэтому он будет полностью независим от первого квадратного размера.

Теоретически, это может быть легко сделано с HorizontalAlignment и VerticalAlignment набор для Center, так как он автоматически устанавливает Margin контроля до половины ширины и высоты родительского контроля. Но это не так просто. Простейший способ описать проблему следующий снимок

Как видите, маржа подсчитывается в верхнем левом углу. Это то, что я называю происхождением. Идеальное решение - изменить его на центр первого квадрата, но здесь мне нужна помощь - как я могу это сделать?

Answer 1

Ну, это было довольно странно. Данное поведение можно увидеть только при использовании Image и выравнивания Center. Может быть разрешено либо обертыванием Image в Grid, которое будет использовать выравнивание Center, либо с помощью Stretch выравнивание с Image (что намного проще).

<Grid Width="500" Height="500"> 
    <Image Width="250" Height="250" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/> 
</Grid> 

Если вы хотите воспроизвести проблему, которую я описал в вопросе, замените Stretch с Center в коде выше.

Answer 2

Вероятно, упрощает здесь, но я бы просто использовать сетку, чтобы обернуть эти два пункта вы упомянули, как в этом примере (один натянутого, чтобы соответствовать и один по центру):

<Grid> 
    <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch" BorderBrush="Black" BorderThickness="10" Margin="4"/> 
    <Button HorizontalAlignment="Center" VerticalAlignment="Center" Padding="10">InnerButton</Button> 
</Grid> 

Answer 3

Точка происхождения применяется при использовании преобразования объекта , и прикрепление преобразования к вашему контролю. На самом деле это не повлияет на поведение полей margin или left, top. Если вы используете преобразование для размещения своего объекта, точка начала очень полезна.

Верхняя, левая (при использовании кавы) и маржа (при использовании сетки) помогают регулировать «автоматическое» размещение с помощью родительского элемента управления, а это, в свою очередь, определяет, где точка начала для контроля заканчивается относительно родительский элемент управления. Затем объект преобразования смещает RELATIVE к тому месту, в котором эта точка происхождения.

Другая полезная вещь заключается в том, что преобразование переопределяет автоматическое размещение в родительском элементе управления или, скорее, заставляет смещение туда, куда хочет его поместить родитель, что в некоторых случаях полезно, то есть у вас могут быть поля, перечисленные в сетку и хотите, чтобы они «встряхнули» влево и вправо, когда вы наводили на них курсор, их выравнивание остается равным сетке, но преобразование позволяет вам удалять их от «принудительной» позиции.

Например, прикрепите тот же объект преобразования к двум элементам управления и задайте их происхождение отдельно, а затем примените анимацию к объекту преобразования - оба элемента управления будут анимировать один объект анимации (если вы хотите, чтобы их перемещение в идеальной синхронизации).