[英]ContentFrame.Navigate works for navigation items but not AutoSuggestBox
[英]Proper way to add an AutoSuggestBox to Hamburger Navigation?
我剛剛開始學習UWP和xaml。 將AutoSuggestBox添加到“側面導航”面板的正確方法是什么? (對不起,如果代碼格式化錯誤,復制和粘貼效果不好)
我的Main.xaml具有我設置為Visible的AutoSuggestArea
</VisualStateGroup>
<VisualStateGroup x:Name="AutoSuggestGroup">
<VisualState x:Name="AutoSuggestBoxVisible"/>
<VisualState x:Name="AutoSuggestBoxCollapsed">
<VisualState.Setters>
<Setter Target="AutoSuggestArea.Visibility" Value="Visible"/>
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
在AutoSuggestArea的網格中,我定義了一個AutoSuggestBox
<Grid x:Name="AutoSuggestArea" Height="44" Grid.Row="3" VerticalAlignment="Center">
<ContentControl x:Name="PaneAutoSuggestBoxPresenter" Content="{TemplateBinding AutoSuggestBox}" HorizontalContentAlignment="Stretch" IsTabStop="False" Margin="16,0,16,0" VerticalContentAlignment="Center"/>
<Button x:Name="PaneAutoSuggestButton" Content="" MinHeight="44" Style="{TemplateBinding PaneToggleButtonStyle}" Visibility="Collapsed" Width="{TemplateBinding CompactPaneLength}"/>
<AutoSuggestBox Width="234" VerticalAlignment="Center"
HorizontalAlignment="Center"
PlaceholderText="Search" Name ="boxS"
QuerySubmitted="AutoSuggestBox_QuerySubmitted"
TextChanged="AutoSuggestBox_TextChanged">
<AutoSuggestBox.TextBoxStyle>
<Style TargetType="TextBox">
<Setter Property="IsHandwritingViewEnabled" Value="False"/>
<Setter Property="BorderThickness" Value="0"/>
</Style>
</AutoSuggestBox.TextBoxStyle>
<AutoSuggestBox.QueryIcon>
<SymbolIcon Symbol="Find" Foreground="Black">
<SymbolIcon.RenderTransform>
<CompositeTransform ScaleX="1" ScaleY="1"/>
</SymbolIcon.RenderTransform>
</SymbolIcon>
</AutoSuggestBox.QueryIcon>
</AutoSuggestBox>
</Grid>
我想要的基本上是與Windows上的Groove Music應用程序相同的行為,其中當導航視圖關閉或最小化時,搜索欄消失。
相反,我得到這個
我假設您的意思是NavigationView
的NavigationPanel
。
這不是將AutoSuggestBox
放在NavigationView
。 NavigationView
具有NavigationView.AutoSuggestBox
屬性。 您只需在此屬性上設置一個AutoSuggestBox
,一切都會按預期進行。 像這樣:
<NavigationView>
<NavigationView.AutoSuggestBox>
<AutoSuggestBox x:Name="NavViewSearchBox" QueryIcon="Find"/>
</NavigationView.AutoSuggestBox>
</NavigationVew>
您不必自己隱藏/顯示此AutoSuggestBox
。 NavigationView
將自動為您執行此操作。 另外,您不必將AutoSuggestBox
放置在任何網格或任何內部。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.