2

Дизайнер все красиво показывает: введите сюда описание изображения

На выходи выглядит так: введите сюда описание изображения

Вроде, в XAML ничего криминаль

<Label Content="Выбор проекта" Margin="40,84,633,378"/>
    <ComboBox x:Name="projectBox"  Margin="220,84,398,378"  ItemsSource="{Binding Projects}" DisplayMemberPath="ProjectName" IsSynchronizedWithCurrentItem="True" />
9
  • 3
    Margin="40,84,633,378" - прекратите это! Используйте панели! И не надо рисовать контролы мышкой, пишите разметку вручную. Уверен, проблем с непомещающимися контролами больше не будет. 22 апр 2018 в 14:25
  • 2
    Вот вы и поплатились за это... А я предупреждал)
    – EvgeniyZ
    22 апр 2018 в 14:34
  • @АндрейNOP, В WinForms вроде это работало =)
    – iluxa1810
    22 апр 2018 в 14:37
  • @iluxa1810, ну здесь другие принципы, другой подход. 22 апр 2018 в 14:39
  • 1
    Кстати, для отображения простых текстовых блоков используется TextBlock, а не Label, Label более тяжеловесный и вообще может отображать любой контент (хоть картинку, хоть кнопку, хоть грид с десятком текстовых полей), собственно у него свойство и называется Content, а не Text, как у TextBlock 22 апр 2018 в 16:07

1 ответ 1

6

У WPF всё устроено просто. Когда Grid пытается разместить ваши элементы, он из области, в которой должен быть расположен ваш элемент (если у вас нет ни ColumnDefinitions, ни RowDefinitions, то это весь Grid) вычитает слева 220 и справа 378, и в этой области пытается разместить элемент. Если оставшаяся область получается слишком маленькой, то элементу, понятно, даётся очень мало места, и он обрезается в отведённом месте. Вы можете легко увидеть это, потягав окно за правый нижний угол, чтобы оно меняло свои размеры.

Поведение у WinForms, судя по всему, не такое.


В WPF вам очень редко должно хотеться использовать Margin для размещения элементов. Он должен использоваться только по прямому назначению: задавать небольшой визуальный отступ от края положенной области. К сожалению, при использовании встроенного дизайнера Студии расположение элементов часто устанавливается при помощи именно Margin.

Правильный UI пишется на XAML'е вручную. (И если вы думаете, что вначале и через дизайнер покатит, то это не так, пишите вручную сразу.)

Для вашего случая может подойти что-то такое:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <DockPanel LastChildFill="True" Grid.Row="1" Margin="5">
        <Label Content="Выбор проекта" DockPanel.Dock="Left" MaxWidth="150"/>
        <ComboBox Margin="10,0,0,0" />
    </DockPanel>
</Grid>

Результат:

анимашка

5
  • А какой прогой вы такие гифки делаете?
    – iluxa1810
    22 апр 2018 в 18:30
  • @iluxa1810: LICEcap, нашёл ссылку на его в каком-то ответе на SO :)
    – VladD
    22 апр 2018 в 23:09
  • 1
    Да, в формах положение определяет Location, а Margin ощутимо работает у контролов, которые размещаются внутри контейнеров с автоматическим выравниванием и размещением контента, вроде FlowLayoutPanel и TableLayoutPanel. В остальных случаях игнорируется. Ну дизанер еще его учитывает. когда подсказки по выравниванию показывает.
    – rdorn
    23 апр 2018 в 0:57
  • 1
    @rdorn зато в формах есть якори (Anchor), и если включить все четыре - будет такое же поведение :-) // cc:VladD 23 апр 2018 в 8:57
  • @PavelMayorov: Интересно. Но ТС по идее задаётся вопросом, почему такие же, как и в WinForms, маргины ведут себя в WPF по-другому.
    – VladD
    23 апр 2018 в 9:00

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.