像开始菜单一样的语义缩放 [英] Symantic Zoom Like Start Menu

问题描述

我正在开发一个音乐播放器。我想在我的应用程序中应用语义缩放来显示艺术家的列表。

I am developing a Music Player. I want to apply Semantic Zoom in my app to show Artists' list.

我可以实现简单的语义缩放，但我希望它像开始菜单的语义缩放。 

I can implement simple semantic zoom but I want it like Start Menu's semantic zoom. 

我需要一个样本。 

I need a sample for this. 

推荐答案

嗨SHAKIR820

这是< ZoomedOutView> of< SemanticZoom>。如果你想要
样式喜欢开始菜单，你可以尝试设置一个< gridview>在< ZoomedOutView>中而不是< listview>。

我从官方UWP样本中更改了SemanticZoom控件样式
XamlUIBasics

 

   <SemanticZoom x:Name="Control1" Height="500">
                <SemanticZoom.ZoomedInView>
                    <GridView ItemsSource="{x:Bind cvsGroups.View}"
                              ScrollViewer.IsHorizontalScrollChainingEnabled="False"
                              SelectionMode="None" 
                              GotFocus="List_GotFocus"
                               ItemTemplate="{StaticResource ZoomedInTemplate}">
                        <GridView.GroupStyle>
                            <GroupStyle HeaderTemplate="{StaticResource ZoomedInGroupHeaderTemplate}" />
                        </GridView.GroupStyle>
                    </GridView>
                </SemanticZoom.ZoomedInView>

                <SemanticZoom.ZoomedOutView>
                    <!--<ListView ItemsSource="{x:Bind cvsGroups.View.CollectionGroups}" SelectionMode="None" ItemTemplate="{StaticResource ZoomedOutTemplate}" GotFocus="List_GotFocus" />-->
                    <GridView ItemsSource="{x:Bind titleSource}" SelectionMode="None" GotFocus="List_GotFocus">
                        <GridView.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding}" />
                            </DataTemplate>
                        </GridView.ItemTemplate>
                    </GridView>


                </SemanticZoom.ZoomedOutView>
            </SemanticZoom>

然后它看起来像这样：

你可能需要改变位置和样式，使它看起来像你想要的那样。

最好的问候，

Roy

这篇关于像开始菜单一样的语义缩放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！