Сетка, оставляющая дополнительное пространство между определениями столбцов - PullRequest
Новая
       28

Сетка, оставляющая дополнительное пространство между определениями столбцов

0 голосов
/ 13 декабря 2018

У меня есть пользовательская кнопка с пользовательским шаблоном.В шаблоне я использую определения сетки для сортировки содержимого Rectangle, Canvas и Label.

Вот шаблон: 

<ControlTemplate
    TargetType="{x:Type l:UXButton}">
    <Border
        Name="TEMP_Container"
        Padding="{TemplateBinding Padding}"
        Background="{TemplateBinding Background}"
        BorderBrush="{TemplateBinding BorderBrush}"
        BorderThickness="{TemplateBinding BorderThickness}"
        CornerRadius="{TemplateBinding CornerRadius}"
        FlowDirection="{Binding Converter={StaticResource LocalizedFlowConverter}}">
        <Grid
            Name="TEMP_ContentContainer"
            Background="Blue">
            <Grid.ColumnDefinitions>
                <ColumnDefinition
                    Name="ColumnIcon"
                    Width="{Binding ActualHeight, RelativeSource={RelativeSource AncestorType={x:Type Border}}}" />
                <ColumnDefinition
                    Name="ColumnSpace"
                    Width="auto" />
                <ColumnDefinition
                    Name="ColumnContent"
                    Width="auto" />
            </Grid.ColumnDefinitions>
            <Rectangle
                Name="TEMP_Icon"
                Grid.Column="0"
                Margin="0"
                Fill="{TemplateBinding Foreground}">
                <Rectangle.OpacityMask>
                    <VisualBrush
                        Stretch="{Binding RelativeSource={RelativeSource AncestorType=l:UXButton}, Path=Stretch}"
                        Visual="{Binding RelativeSource={RelativeSource AncestorType=l:UXButton}, Path=IconSource}" />
                </Rectangle.OpacityMask>
            </Rectangle>
            <Canvas
                Name="TEMP_Space"
                Grid.Column="1"
                Margin="0"
                Width="{TemplateBinding Spacing}" />
            <Label
                Name="TEMP_Content"
                Grid.Column="2"
                Margin="0"
                Padding="0"
                HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                Foreground="{TemplateBinding Foreground}">
                <TextBlock
                    Margin="0"
                    Padding="0"
                    Text="{TemplateBinding Content}"
                    TextDecorations="{TemplateBinding TextDecorations}" />
            </Label>
        </Grid>
    </Border>
</ControlTemplate>

И вот результат:

enter image description here

Как вы можете видеть, сетка оставляет дополнительный пробел (синий) между Canvas (красный) и Rectangle (зеленый) который я не могу понять, почему!Я даже пытался использовать статические значения для ширины столбца, но это не помогло.Я также использовал XAML debugging tools, и он, кажется, является частью Grid.

Откуда это пространство?

Ответы [ 2 ]

0 голосов
/ 29 апреля 2019

Оказалось, это ошибка.Очистка папок bin и obj и простое исправление Rebuild.Должно быть, это был Resource, который застрял где-то посередине.

0 голосов
/ 13 декабря 2018

Я думаю, что простой способ «исправить» то, что у вас есть, но сохранить эту сетку, как она есть, - обернуть ее в другую.

Таким образом, она должна централизоваться и сжиматься.Если у вас нет чего-то, задайте ширину сетки.

...