4

我想AutoSuggestBox在CommandBar. 但是，以下代码不会进行AutoSuggestBox拉伸。我尝试设置HorizontalContentAlignment="Stretch"and HorizontalAlignment="Stretch"，但没有影响。我错过了什么？

    <CommandBar Grid.Row="0" HorizontalContentAlignment="Stretch">
        <CommandBar.Content>
            <AutoSuggestBox HorizontalAlignment="Stretch" Margin="8 8 8 4" PlaceholderText="Search podcasts" QueryIcon="Find">
                <Interactivity:Interaction.Behaviors>
                    <Core:EventTriggerBehavior EventName="QuerySubmitted">
                        <Core:InvokeCommandAction                         
                    Command="{Binding SearchCommand}"
                    InputConverter="{StaticResource QueryArgsConverter}" />
                    </Core:EventTriggerBehavior>
                </Interactivity:Interaction.Behaviors>
            </AutoSuggestBox>
        </CommandBar.Content>
    </CommandBar>

错误图像

4

1 回答 1

6

我尝试设置 Horizo​​ntalContentAlignment="Stretch" 和 Horizo​​ntalAlignment="Stretch"，但没有任何影响。

设置Horizontal​Alignment为stretch表示元素被拉伸以填充父元素的整个布局槽。在您的代码片段中，AutoSuggestBox是 的内容CommandBar，如果我们检查了 的默认模板，CommandBar则CommandBar使用 的内容Content​Control。所以实际上父元素ContentControl不是CommandBar直接的。看起来ContentControl这里的大小取决于它的子大小，所以AutoSuggestBox没有空间可以填充。

实际上，内容区域设计为与栏的左侧对齐。详情请参阅应用栏剖析。所以我不建议你拉伸它。您可以考虑使用其他控件作为AutoSuggestBox. 如果您确实想要拉伸效果，您可以AutoSuggestBox手动计算宽度。例如：

<CommandBar x:Name="cmdbar">
    <CommandBar.Content>
        <AutoSuggestBox
            x:Name="autobox"
            Width="{Binding ElementName=cmdbar, Path=ActualWidth}"
            HorizontalAlignment="Stretch"
            PlaceholderText="Search podcasts"
            QueryIcon="Find" />
    </CommandBar.Content>
</CommandBar>
于 2017-05-12T09:46:44.893 回答