Question

我遇到了问题。我在窗口xaml中添加了一个框架来加载页面。我可以直接将页面加载到框架的Source标签的框架中。有用。我需要使用C＃中的代码来引用列表框菜单中的链接，在选择列表框项时弹出适当的链接。我的问题是我不能在C＃代码中引用框架，它只是无法看到。我用x：Name =“ContentFrame”定义了框架。当我在C＃中引用时，Intellisense告诉“当前上下文中不存在名称”ContentFrame“。我做错了什么？我迷失在这里。任何想法都受到高度赞赏。这是代码：

XAML：

<Frame x:Name="ContentFrame" JournalOwnership="OwnsJournal" NavigationUIVisibility="Hidden" Grid.Column="2" </Frame>

C＃

private void SelectionChanged(object sender, System.Windows.Controls.SelectionChangedEventArgs e)
{
    ListBoxItem lbi = ((sender as ListBox).SelectedItem as ListBoxItem);
    string itemName = lbi.Content.ToString();
    if ( Nav_ListBox.SelectedItem.Equals("Page1" ) )
    {
        ContentFrame.Source = new Uri("Pages/Page1.xaml", UriKind.Relative);
        Canvas_Frame.NavigationUIVisibility = NavigationUIVisibility.Hidden;
    }
}

`

Answer 1

你做得差不多。唯一的问题是绑定到所选项目。由于帧的Source属性是Uri类型，并且没有动态转换器，因此您需要一个自己的转换器来完成这项工作：

public class UriConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        XmlElement element = value as XmlElement;

        if (element != null)
        {
            string uriSource = element.SelectSingleNode("source").InnerText;
            return new Uri(uriSource, UriKind.Relative);
        }
        else
            return null;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

现在，您可以直接绑定所选项目而不使用xpath，转换器将提取uri字符串并构建Uri对象。这是完全可用的xaml（除了转换器之外没有代码）：

<Window x:Class="FrameTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:FrameTest"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <DataTemplate x:Key="pageTemplate" >
            <StackPanel Orientation="Horizontal" >
                <TextBlock Text="{Binding XPath=name}" FontSize="14"
                           VerticalAlignment="Center" Margin="4" />
            </StackPanel>
        </DataTemplate>

        <XmlDataProvider x:Key="PagesData" XPath="Pages">
            <x:XData>
                <Pages xmlns="">
                    <page id="page01">
                        <name>Page 1</name>
                        <source>Pages/Page1.xaml</source>
                    </page>
                    <page id="page02">
                        <name>Page 2</name>
                        <source>Pages/Page2.xaml</source>
                    </page>
                </Pages>

            </x:XData>
        </XmlDataProvider>

        <local:UriConverter x:Key="UriConverter" />
    </Window.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200" />
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <ListBox x:Name="Nav_ListBox" Grid.Column="0" 
                 VerticalAlignment="Top" 
                 TextBlock.Foreground="Black"
                 ItemTemplate="{DynamicResource pageTemplate}"
                 ItemsSource="{Binding  Source={StaticResource PagesData},
                               XPath=page}"/>

        <Frame NavigationUIVisibility="Hidden"  
               JournalOwnership="OwnsJournal" Grid.Column="1" 
               Source="{Binding ElementName=Nav_ListBox, Path=SelectedItem,
                                Converter={StaticResource UriConverter}}"/>

    </Grid>
</Window>

当然，页面必须位于窗口同一目录的pages文件夹中。在我的例子中，我有两个带有TextBlock的页面“我是Page1 / Page2”。

希望我能帮到你:)

Answer 2

我无法理解为什么你的框架不能被引用。你有别的名字吗？我希望你建议另一种更聪明的方法来做到这一点。您可以使用绑定作为源。这是一个小例子：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="24"/>
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <ComboBox x:Name="SourceBox" Grid.Row="0"
              VerticalAlignment="Top"
              DisplayMemberPath="Label"
              TextBlock.Foreground="Black"></ComboBox>

    <Frame NavigationUIVisibility="Hidden" 
           JournalOwnership="OwnsJournal" Grid.Row="1"
           Source="{Binding ElementName=SourceBox, Path=SelectedItem.Source}"/>
</Grid>

注意框架上的Source绑定。框架上也没有x：名称。

在后面的代码中，你必须为组合框构建一个propper ItemSource。因此，我建立了一个简单的对象，它拥有一个标签和一个源。

public class SourceHolder
{
    public string Label { get; set; }
    public Uri Source { get; set; }
}

在窗口的构造函数中，您可以将itemssource分配给组合框：

public Window1()
{
    List<SourceHolder> sources = new List<SourceHolder>();
    sources.Add(new SourceHolder()
                {
                    Label = "Page1",
                    Source = new Uri("Page1.xaml", UriKind.Relative)
                }
        );

    sources.Add(new SourceHolder()
                {
                    Label = "Page2",
                    Source = new Uri("Page2.xaml", UriKind.Relative)
                }
        );

    InitializeComponent();

    this.SourceBox.ItemsSource = sources;

}

结果是，组合框有两个项目（Page1，Page2）。如果更改项目，框架将使用所选组合框项目的给定源更新其内容。

扬

WPF：使用框架技术从列表框菜单页面导航？

XAML：

C＃

2 个答案: