我正在使用導航視圖并想隱藏滾動條。但是 ScrollViewer.VerticalScrollBarVisibility="Hidden" 沒用。 運行結果
<NavigationView x:Name="ConrtolList"
IsSettingsVisible="False"
IsBackButtonVisible="Collapsed"
IsBackEnabled="True"
AlwaysShowHeader="True"
PaneTitle="后臺管理"
PaneDisplayMode="Left"
ExpandedModeThresholdWidth="500"
SelectionFollowsFocus="Disabled"
IsTabStop="False"
Loaded="nvSample_Loaded"
SelectionChanged="ConrtolList_SelectionChanged"
ScrollViewer.VerticalScrollBarVisibility="Hidden"
>
<NavigationView.MenuItems>
<NavigationViewItem Content="主頁" Tag="Home" x:Name="SamplePage1Item">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="home"/>
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItemHeader Content="批發商管理"/>
<NavigationViewItem Content="批發商賬戶" Tag="MerchantsAccount" x:Name="MerchantsAccount">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="People" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItem Content="商品審核" Tag="CommodityJustice" x:Name="CommodityJustice" SelectsOnInvoked="True">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="BrowsePhotos" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItem Content="違禁商戶" Tag="MerchantsBan" x:Name="MerchantsBan">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="Dislike" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItem Content="商戶申訴" Tag="MerchantsAppel" x:Name="MerchantsAppel">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="Help" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItemHeader Content="零售商管理"/>
<NavigationViewItem Content="零售商賬戶" Tag="DealerAccount" x:Name="DealerAccount">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="People" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItem Content="違禁零售商" Tag="DealerBan" x:Name="DealerBan">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="Dislike" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItem Content="零售商申訴" Tag="DealerAppel" x:Name="DealerAppel">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="Help" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItemHeader Content="商品管理"/>
<NavigationViewItem Content="商品一覽" Tag="CommodityCheck" x:Name="CommodityCheck">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="Paste" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItem Content="商品修改" Tag="CommodityUpdate" x:Name="CommodityUpdate">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="Edit" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItem Content="違禁商品" Tag="CommodityBan" x:Name="CommodityBan">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="Dislike" />
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItemHeader Content="訂單管理"/>
<NavigationViewItem Content="訂單一覽" Tag="BullCheck" x:Name="BullCheck">
<NavigationViewItem.Icon>
<SymbolIcon Symbol="Page2" />
</NavigationViewItem.Icon>
</NavigationViewItem>
</NavigationView.MenuItems>
<NavigationView.PaneFooter>
<StackPanel x:Name="FooterStackPanel" Orientation="Vertical" Visibility="Visible">
<NavigationViewItem Content="資訊下載" Icon="Download" AutomationProperties.Name="download" />
<NavigationViewItem Content="資訊匯入" Icon="Add" AutomationProperties.Name="favorite" />
</StackPanel>
</NavigationView.PaneFooter>
<Frame x:Name="contentFrame" />
</NavigationView>
那么如何隱藏箭頭指向的滾動條。我添加<NavigationView ScrollViewer.VerticalScrollBarVisibility="Hidden">到隱藏滾動條,但它沒用。滾動條仍然可見。我在官方檔案中沒有找到這個解決方案
uj5u.com熱心網友回復:
如何在導航視圖中隱藏滾動條
您需要創建一個默認樣式NavigationView。然后找到NavigationViewList名為MenuItemsHost的那個。將 的ScrollViewer.VerticalScrollBarVisibility屬性設定NavigationViewList為Hidden。
像這樣:
<NavigationViewList x:Name="MenuItemsHost"
HorizontalAlignment="Stretch"
ItemTemplate="{TemplateBinding MenuItemTemplate}"
ItemContainerStyle="{TemplateBinding MenuItemContainerStyle}"
ItemTemplateSelector="{TemplateBinding MenuItemTemplateSelector}"
IsItemClickEnabled="True"
ItemContainerStyleSelector="{TemplateBinding MenuItemContainerStyleSelector}"
Margin="0,0,0,20" Grid.Row="6" SelectionMode="Single"
ScrollViewer.VerticalScrollBarVisibility="Hidden"
SingleSelectionFollowsFocus="{Binding TemplateSettings.SingleSelectionFollowsFocus, RelativeSource={RelativeSource Mode=TemplatedParent}}"
SelectedItem="{TemplateBinding SelectedItem}"/>
要創建 的默認樣式NavigationView,請在 Visual Studio 中打開“檔案大綱”視窗。然后找到NavigationView控制元件,右鍵單擊它,選擇Edit Template->Edit a Copy。Visual Studio 將自動生成NavigationView.
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/453559.html
