WPF: Переход от страницы к странице из меню списка с использованием техники кадров? - PullRequest
Новая
       4

WPF: Переход от страницы к странице из меню списка с использованием техники кадров?

5 голосов
/ 20 августа 2010

У меня проблема.Я добавил фрейм в окно xaml для загрузки страниц. Я могу напрямую загрузить страницу во фрейм с тегом Source фрейма.Оно работает.Мне нужно использовать код в C #, чтобы ссылаться на ссылку из меню списка и отображать соответствующую ссылку при выборе элемента списка.Моя проблема в том, что я не могу сослаться на фрейм в коде C #, его просто не видно.Я определил фрейм с помощью x: Name = "ContentFrame".Когда я ссылаюсь на in в 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;
    }
}

`

Ответы [ 2 ]

4 голосов
/ 24 августа 2010

Вы сделали это почти правильно.Единственная проблема - привязка к выбранному элементу.Поскольку свойство 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>

Страницы должны находиться в папке страниц в том же каталоге окна, конечно.В моем примере у меня было две страницы с надписью «Я страница1 / Страница2».

Надеюсь, что смогу вам помочь :)

1 голос
/ 21 августа 2010

Я не могу точно понять, почему на ваш кадр нельзя ссылаться. Вы пробовали другое имя? Я хотел бы, чтобы вы предложили другой более разумный способ сделать это. Вы можете использовать Binding для источника. Вот небольшой пример: 

<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>

Обратите внимание на привязку источника к кадру. Также на кадре больше нет x: Name.

В приведенном ниже коде вы должны создать корректный ItemSource для выпадающего списка. Поэтому я построил простой объект, который содержит ярлык и источник. 

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

В конструкторе вашего окна вы можете назначить источник элементов вашему списку: 

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;

}

В результате в выпадающем списке есть два элемента (Страница1, Страница2). Если вы изменяете элемент, фрейм обновляет его содержимое с указанным источником выбранного элемента комбинированного списка.

Jan

...