Как реализовать навигацию в Avalonia?

Question

[WSGlebKavash]

В WPF и Xamarin есть элемент <Page> и система навигации для приложений с несколькими представлениями. В Unity удобный переход между сценами.
В Avalonia я не нашёл ничего близко похожего на страницы. Модальные окна можно делать, но как реализовать разные представления внутри одного окна?
Какие есть альтернативы <Page> в Avalonia? Как реализовать постраничную навигацию?

Answer 1

[Василий Банников]

В документации есть буквально отдельный пункт "How to implement multi page apps"
https://docs.avaloniaui.net/docs/guides/developmen...

public class ViewLocator : IDataTemplate
{
    public Control? Build(object? data)
    {
        if (data==null) return null;
        var name = data.GetType().FullName!.Replace("ViewModel", "View");
        var type = Type.GetType(name);

        if (type != null)
        {
            return (Control)Activator.CreateInstance(type)!;
        }

        return new TextBlock { Text = "Not Found: " + name };
    }

    public bool Match(object? data)
    {
        return data is ViewModelBase;
    }
}

Написано, что это уже показано в шаблоне с MVVM

Comments

[WSGlebKavash]

Василий Банников,

В документации есть буквально отдельный пункт "How to implement multi page apps"

Вопрос, как и куда вставлять этот кусок кода?

Написано, что это уже показано в шаблоне с MVVM

Я не использую MVVM. У меня приложение на событийной модели

[Василий Банников]

WSGlebKavash,

Вопрос, как и куда вставлять этот кусок кода?

а куда хочешь.

Я не использую MVVM. У меня приложение на событийной модели

Но посмотреть пример всё равно можешь)

[WSGlebKavash]

Василий Банников, Пока что реализован такой костыль

MainWindow.axaml

<Grid>
        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="SpMainView">
            <TextBlock Text="Путь к файлам сервера"></TextBlock>
            <TextBox x:Name="TbxPath"></TextBox>
            <Button x:Name="BtnStart" Content="Поехали" Click="BtnStart_OnClick"></Button>
        </StackPanel>
        <Grid x:Name="BasicView" RowDefinitions="Auto, *" IsVisible="False">
            <DockPanel>
                <TextBlock Text="Режим:" Margin="5"></TextBlock>
                <ComboBox x:Name="CbxMode" SelectionChanged="CbxMode_OnSelectionChanged"></ComboBox>
            </DockPanel>
            <Grid Grid.Row="1" RowDefinitions="*, Auto" x:Name="OpsView" IsVisible="False">
                <DataGrid Grid.Row="0" x:Name="DgOps" AutoGenerateColumns="False">
                    <DataGrid.Columns>
                        <DataGridTextColumn Header="Никнейм" Binding="{Binding name}"></DataGridTextColumn>
                    </DataGrid.Columns> 
                </DataGrid>
                <Button x:Name="BtnOp" Grid.Row="1" Content="Назначить оператором" Click="BtnOp_OnClick"></Button>
            </Grid>
            <Grid Grid.Row="1" RowDefinitions="*, Auto" x:Name="BanView" IsVisible="False"></Grid>
            <Grid Grid.Row="1" RowDefinitions="*, Auto" x:Name="BanIPView" IsVisible="False"></Grid>
            <Grid Grid.Row="1" RowDefinitions="*, Auto" x:Name="WhitelistView" IsVisible="False"></Grid>
        </Grid>
    </Grid>

MainWindow.axaml.cs

public MainWindow()
    {
        InitializeComponent();
        CbxMode.ItemsSource = new string[] { "Операторы", "Бан", "Бан по IP", "Белый список" };
    }

    private void BtnStart_OnClick(object? sender, RoutedEventArgs e)
    {
        SpMainView.IsVisible = false;
        BasicView.IsVisible = true;
        OpsView.IsVisible = true;
    }

    private void CbxMode_OnSelectionChanged(object? sender, SelectionChangedEventArgs e)
    {
        switch (CbxMode.SelectedIndex)
        {
            case 0:
                OpsView.IsVisible = true;
                BanView.IsVisible = false;
                BanIPView.IsVisible = false;
                WhitelistView.IsVisible = false;
                break;
            case 1:
                BanView.IsVisible = true;
                OpsView.IsVisible = false;
                BanIPView.IsVisible = false;
                WhitelistView.IsVisible = false;
                break;
            case 2:
                BanIPView.IsVisible = true;
                BanView.IsVisible = false;
                OpsView.IsVisible = false;
                WhitelistView.IsVisible = false;
                break;
            case 3:
                WhitelistView.IsVisible = true;
                BanView.IsVisible = false;
                BanIPView.IsVisible = false;
                OpsView.IsVisible = false;
                break;
            default:
                break;
        }
    }

Но хотелось бы получше. Какие есть варианты?

[Василий Банников]

WSGlebKavash, хз, вообще за GUI не шарю, но вот этот огромный switch - это точно говнокод.
Из того что я слышал - mvvm / reactiveui быстро окупается, так что мб есть смысл глянуть в ту сторону