J'implémente un Flyout dans une application UWP comme vous pouvez le voir sur l'image ci-dessous. Je veux l'AutoSuggestBox dans le Flyout pour apparaître dans (et remplir) le PageHeader, mais il apparaît ci-dessous. XAML UWP Flyout positionnement
Ceci est mon XAML:
<Button x:Name="searchButton" Margin="0" Padding="0" BorderThickness="0" RelativePanel.AlignBottomWith="pageHeader">
<Button.Content>
<FontIcon Height="48" Width="48" Glyph=""/>
</Button.Content>
<Button.Flyout>
<Flyout>
<Flyout.FlyoutPresenterStyle>
<Style TargetType="FlyoutPresenter">
<Setter Property="Padding" Value="0"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="HorizontalAlignment" Value="Right"/>
<Setter Property="Height" Value="40"/>
<Setter Property="VerticalAlignment" Value="Top"/>
</Style>
</Flyout.FlyoutPresenterStyle>
<StackPanel Margin="0" VerticalAlignment="Top">
<AutoSuggestBox x:Name="innerSearchBox" PlaceholderText="Search" VerticalAlignment="Top"/>
</StackPanel>
</Flyout>
</Button.Flyout>
</Button>
Comment puis-je faire le AutoSugesstBox apparaissez dans et remplir le PageHeader?
Voulez-vous dire comme la façon dont la recherche dans l'App Store se comporte? – erotavlas
Oui @erotavlas, exactement! – Yvder
Je pense que vous devriez essayer un Popup à la place, que vous pouvez mettre à côté de votre bouton dans la forme que vous voulez, contrairement à un flyout qui est une sorte d'infobulle ou comme une petite fenêtre séparée. – Neme