bevy_pf 0.2.5

A XAML / WPF-like UI framework for Bevy: XAML in macros or files, styling with resources, and the common WPF control set.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133

//! An app-shell layout using the last wave of controls: a Menu bar with
//! submenus, a TabControl, a TreeView, a DataGrid bound to a view-model, and
//! a right-click ContextMenu.
//!
//! Run with: `cargo run -p bevy_pf --example app_shell`

use bevy::prelude::*;
use bevy::reflect::Reflect;
use bevy_pf::prelude::*;

#[derive(Reflect, Default)]
struct FileRow {
    name: String,
    size: u32,
    kind: String,
}

#[derive(Reflect, Default)]
struct Vm {
    files: Vec<FileRow>,
}

fn main() {
    App::new()
        .add_plugins(DefaultPlugins)
        .add_plugins(PfUiPlugin)
        .add_systems(Startup, setup)
        .run();
}

fn setup(mut commands: Commands) {
    commands.spawn(Camera2d);
    let vm = Bindable::new(Vm {
        files: vec![
            FileRow {
                name: "main.rs".into(),
                size: 1240,
                kind: "Rust".into(),
            },
            FileRow {
                name: "app.xaml".into(),
                size: 862,
                kind: "XAML".into(),
            },
            FileRow {
                name: "theme.xaml".into(),
                size: 311,
                kind: "XAML".into(),
            },
            FileRow {
                name: "README.md".into(),
                size: 5720,
                kind: "Markdown".into(),
            },
        ],
    });

    commands.spawn_xaml_bound(
        xaml!(
            r##"<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                        Title="bevy_pf app shell">
                  <DockPanel>
                    <Menu DockPanel.Dock="Top">
                      <MenuItem Header="File">
                        <MenuItem Header="New" x:Name="FileNew"/>
                        <MenuItem Header="Open Recent">
                          <MenuItem Header="project_a"/>
                          <MenuItem Header="project_b"/>
                        </MenuItem>
                        <Separator/>
                        <MenuItem Header="Exit" x:Name="FileExit"/>
                      </MenuItem>
                      <MenuItem Header="Edit">
                        <MenuItem Header="Copy"/>
                        <MenuItem Header="Paste"/>
                      </MenuItem>
                      <MenuItem Header="Help">
                        <MenuItem Header="About bevy_pf"/>
                      </MenuItem>
                    </Menu>

                    <Grid Margin="8" ColumnDefinitions="240, 8, *">
                      <TreeView ToolTip="Project explorer (right-click me)">
                        <TreeView.ContextMenu>
                          <ContextMenu>
                            <MenuItem Header="Refresh"/>
                            <MenuItem Header="Collapse All"/>
                          </ContextMenu>
                        </TreeView.ContextMenu>
                        <TreeViewItem Header="bevy_pf" IsExpanded="True">
                          <TreeViewItem Header="crates" IsExpanded="True">
                            <TreeViewItem Header="bevy_pf"/>
                            <TreeViewItem Header="bevy_pf_xaml"/>
                            <TreeViewItem Header="bevy_pf_macros"/>
                          </TreeViewItem>
                          <TreeViewItem Header="docs">
                            <TreeViewItem Header="conformance notes"/>
                          </TreeViewItem>
                          <TreeViewItem Header="README.md"/>
                        </TreeViewItem>
                      </TreeView>

                      <TabControl Grid.Column="2">
                        <TabItem Header="Files">
                          <DataGrid ItemsSource="{Binding files}">
                            <DataGrid.Columns>
                              <DataGridTextColumn Header="Name" Binding="{Binding name}" Width="2*"/>
                              <DataGridTextColumn Header="Type" Binding="{Binding kind}" Width="*"/>
                              <DataGridTextColumn Header="Bytes" Binding="{Binding size}" Width="*"/>
                            </DataGrid.Columns>
                          </DataGrid>
                        </TabItem>
                        <TabItem Header="Preview">
                          <StackPanel Spacing="8">
                            <TextBlock Text="Second tab content" FontSize="18"/>
                            <ProgressBar Minimum="0" Maximum="100" Value="60"/>
                          </StackPanel>
                        </TabItem>
                        <TabItem Header="Settings">
                          <StackPanel Spacing="6">
                            <CheckBox Content="Auto-save" IsChecked="True"/>
                            <CheckBox Content="Word wrap"/>
                          </StackPanel>
                        </TabItem>
                      </TabControl>
                    </Grid>
                  </DockPanel>
                </Window>"##
        ),
        vm,
    );
}