Windows Phone Hub Layout - 我在哪里放置Command按钮?

时间:2014-08-12 19:24:25

标签: c# xaml windows-phone-8.1 win-universal-app

所以我试图创建我的第一个通用Windows应用程序,并且我在如何在主XAML页面上布置我的集线器时遇到了一些麻烦。

所以我有这个:

<Hub>
    <HubSection ContentTemplate="{StaticResource BananasList}" />
    <HubSection ContentTemplate="{StaticResource ApplesList}" />
    <HubSection ContentTemplate="{StaticResource CucumbersList}" />
    <HubSection ContentTemplate="{StaticResource OrangesList}" />
</Hub>

这很棒,但我想让用户能够“添加”#34;通过在外部Web服务中搜索所有不同类型的苹果,然后在本地添加对该苹果的引用来获取苹果。

设计方面,我该如何解决这个问题?我是否以某种方式在HubSection中放置了一个按钮和一个文本框?在HubSection的标题中?我只是放了一个&#34; +&#34;标题中的链接转到单独的查找页面?

1 个答案:

答案 0 :(得分:0)

这是一个设计问题?如果是这样,那么就没有&#34;真实的&#34;回答,这都是主观的。

更友好的WP布局是定义一个AppBarButton,它打开一个新页面来查询您的外部服务,然后在完成后将它们带回到此页面。


MainPage.xaml

<Page>
    <Page.BottomAppBar>
        <CommandBar>
            <CommandBar.PrimaryCommands>
                <AppBarButton Icon="Add" Label="Add" Click="NavigateToAddApple"/>
            </CommandBar.PrimaryCommands>
        </CommandBar>
    </Page.BottomAppBar>
    <Hub>
        ...
    </Hub>
</Page>

Main.xaml.cs

public void NavigateToAddApple(object sender, RoutedEventArgs e) 
{
    Frame.Navigate(typeof(AddApplePage));
}