XAMLギャラリー:シングルウィンドウアプリ向け(OldStyleAppBase)

コンピュータ

本記事は、メニュー・ツールバー・ステータスバーを備えた
シングルウィンドウアプリ向けの XAML ひな形(OldStyleAppBase)です。

ソースコード

<Window
    x:Class="【プロジェクト名】.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Window.Title>タイトル</Window.Title>
    <Window.Width>800</Window.Width>
    <Window.Height>600</Window.Height>
    <Window.FontSize>16</Window.FontSize>

    <Window.Content>

        <DockPanel>

            <!-- ==================== MenuBar ==================== -->
            <Menu>
                <Menu.FontSize>14</Menu.FontSize>
                <DockPanel.Dock>Top</DockPanel.Dock>

                <Menu.Items>
                    <MenuItem>
                        <MenuItem.Header>ファイル</MenuItem.Header>

                        <MenuItem.Items>
                            <MenuItem>
                                <MenuItem.Header>終了</MenuItem.Header>
                            </MenuItem>
                        </MenuItem.Items>
                    </MenuItem>
                </Menu.Items>
            </Menu>

            <!-- ==================== ToolBar ==================== -->
            <ToolBarTray>
                <DockPanel.Dock>Top</DockPanel.Dock>

                <ToolBarTray.ToolBars>
                    <ToolBar>
                        <ToolBar.Items>
                            <Button>
                                <Button.Content>🏠</Button.Content>
                            </Button>
                        </ToolBar.Items>
                    </ToolBar>
                </ToolBarTray.ToolBars>
            </ToolBarTray>

            <!-- ==================== StatusBar ==================== -->
            <StatusBar>
                <StatusBar.FontSize>14</StatusBar.FontSize>
                <DockPanel.Dock>Bottom</DockPanel.Dock>

                <StatusBar.Items>
                    <TextBlock>
                        <TextBlock.Text>準備完了</TextBlock.Text>
                    </TextBlock>
                </StatusBar.Items>
            </StatusBar>

            <!-- ==================== Main Area ==================== -->
            <Grid>

                <Grid.RowDefinitions>
                    <RowDefinition>
                        <RowDefinition.Height>*</RowDefinition.Height>
                    </RowDefinition>
                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition>
                        <ColumnDefinition.Width>*</ColumnDefinition.Width>
                    </ColumnDefinition>
                </Grid.ColumnDefinitions>

                <!-- Main Content (Empty) -->

            </Grid>

        </DockPanel>

    </Window.Content>

</Window>

実行例

使い方(捕捉)

  • ソースコードをコピーし、プロジェクトの MainWindow.xaml に貼り付けてください。
  • `x:Class=”【プロジェクト名】.MainWindow”` の `【プロジェクト名】` を現在のプロジェクト名に置き換えてください。

入れ子構造について

各種プロパティをわざと入れ子構造にしています。
これはコメントやコピペをしやすくするためです。

コメント