“Съедание” части элементов формы

182
07 октября 2017, 17:58

Пишу программу с интерфейсом, сделал что-то подобное. Вид из редактора Студии:

Всё, что в красном прямоугольнике - помещено в StackPanel, а ниже идет ListBox Код:

<StackPanel ScrollViewer.VerticalScrollBarVisibility="Disabled" Orientation="Horizontal" Grid.ColumnSpan="2" Margin="28,29,25,387" Height="24">
        <Image Source="Images/Command-Undo.png" Height="24" VerticalAlignment="Top"/>
        <Image Source="Images/Command-Redo.png" Height="24" VerticalAlignment="Top"/>
        <TextBox TextWrapping="Wrap" Width="280"  Text="" Height="24" VerticalAlignment="Top"/>
        <Button HorizontalAlignment="Left" Height="24" VerticalAlignment="Top" Width="24">
            <Image Source="Images/refresh.png"/>
        </Button>
        <TextBox x:Name="SearchBox" Height="24" TextWrapping="Wrap" Text="" VerticalAlignment="Top" HorizontalAlignment="Left" Width="167" MouseEnter="SearchedBox_MouseEnter" MouseLeave="SearchedBox_MouseLeave" Grid.ColumnSpan="2"/>
    </StackPanel>

Однако, при запуске приложения видим это:

Почему так происходит и как это исправить?

P.S. Увеличение высоты StackPanel с 25 до 45 ошибку правит, но выглядит это странно

Answer 1

Часть элементов "съедается", потому что вы задаете отступ от нижнего края в свойстве Margin у StackPanel — 387.

Лучше не использовать конструктор форм, а научиться писать разметку самому во избежание подобных ситуаций.

READ ALSO
Как работает объявление let в for

Как работает объявление let в for

Все знают что объявление:

163
angularjs ng-click

angularjs ng-click

привет проблема с обработкой нажатия

169
Как правильно писать настройки для webpack на ES6?

Как правильно писать настройки для webpack на ES6?

Как правильно писать настройки для webpack на ES6, если настройки подключаются с другого файла (production or development)?

342
Заполнить поля данными

Заполнить поля данными

Доброго времени суток, подскажите пожалуйста, работаю с массивом datavk

232