使用参数导航到VS2015 Windows 10 UWP中的页面

时间:2016-04-10 06:36:02

标签: c# navigation visual-studio-2015 windows-10-universal

我正在使用Visual Studio 2015和Update 1.我创建了一个带有2个空白页的新UWP Windows 10应用程序。 第一页有一个带有itemClick事件的GridView。我绑定到GridViewItem的对象有一个字符串字段" Link"包含我将导航到的页面的名称,当单击此GridViewItem时。

private void GridView_ItemClick(object sender, ItemClickEventArgs e)
    {
        var link = (sender as Menu).Link;
        Frame.Navigate(typeof(link));
    }

但这是不可能的......因为"链接"这里使用的类似。 有没有办法施展它,并让它工作?

1 个答案:

答案 0 :(得分:1)

首先,当您使用ItemClick event时,“发件人”不是您的Menu类,而是GridView控件本身。所以你的代码var link = (sender as Menu).Link;应该得到一个空引用异常。

在这里,我可以提供两种方法来完成这项工作,但所有这两种方式都使用SelectionChanged event这样:

private void gridView_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    var link = (gridView.SelectedItem as Menu).Link;
    Frame.Navigate(link);
}

首先,在Menu类中定义两个属性,如下所示:

public class Menu
{
    public Type Link { get; set; }
    public string Name { get; set; }
}

并像这样使用GridView

<GridView x:Name="gridView" ItemsSource="{x:Bind menu}" SelectionChanged="gridView_SelectionChanged">
    <GridView.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Name}" FontSize="25" />
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>

将数据添加到GridView后面的代码:

private ObservableCollection<Menu> menu = new ObservableCollection<Menu>();

public MainPage()
{
    this.InitializeComponent();
}

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    menu.Clear();
    menu.Add(new Menu { Link = typeof(Link1), Name = typeof(Link1).Name });
    menu.Add(new Menu { Link = typeof(Link2), Name = typeof(Link2).Name });
    menu.Add(new Menu { Link = typeof(Link3), Name = typeof(Link3).Name });
}

第二个,你可以在Menu类中定义一个属性,但使用Converter来显示每个页面的名称。

Menu上课:

public class Menu
{
    public Type Link { get; set; }
}

TypeToStringConverter转化器:

public class TypeToStringConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        if (value == null)
            return "Error";
        var link = (value as Menu).Link;
        return link.Name;
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }
}

你可以像这样使用这个转换器和XAML中的GridView

<Page.Resources>
    <local:TypeToStringConverter x:Key="cvt" />
</Page.Resources>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <GridView x:Name="gridView" ItemsSource="{x:Bind menu}" SelectionChanged="gridView_SelectionChanged">
        <GridView.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Converter={StaticResource cvt} }" FontSize="25" />
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>
</Grid>

将数据添加到GridView后面的代码:

private ObservableCollection<Menu> menu = new ObservableCollection<Menu>();

public MainPage()
{
    this.InitializeComponent();
}

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    menu.Clear();
    menu.Add(new Menu { Link = typeof(Link1) });
    menu.Add(new Menu { Link = typeof(Link2) });
    menu.Add(new Menu { Link = typeof(Link3) });
}