Проблема с сеткой

Question

У меня есть следующий xaml:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="150"/>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>

    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="1">
        <TextBox Width="120" Text="Search" Margin="10"/>
        <Button>Search</Button>
    </StackPanel>
</Grid>

Как в конструкторе, так и в работающем приложении правый край кнопки обрезается, но только если текстовое поле имеет поле с правой стороны. Как создать разделение между ними, не отрезая при этом кнопку. Это ошибка?

Edit: StackPanel находится в столбце 1, а не в столбце 0. Кроме того, после нажатия кнопки снова появляется граница кнопки. Размер окна 525, и сетка - единственное в нем.

Answer 1

Установите для вашей первой ширины ColumnDefintion значение Auto

Я предполагаю, что, поскольку ширина не определена, она делает их обоих *, что означает, что они будут одинаковой ширины.Устанавливая 1-й в Auto, вы говорите ему занять столько места, сколько ему нужно, затем позволяете 2-му столбцу заполнить оставшееся пространство.

Answer 2

Это не ошибка - комбинация ширины 120 пикселей (текстового поля) + ширины кнопки, когда ее содержимым является строка «Поиск» (что бы это ни было) + 150 пикселей первогостолбец шире, чем какой бы то ни было объем, выделенный контейнером Grid.

Что вы ожидали получить?Scrollbars