Home > C# > WPF > 単純なデザインのウィンドウ

ListBoxとTextBox、および2つのボタンを持つウィンドウ

概要

コードの動作を確認するために使用する、短いプログラムのためのメインウィンドウをいろいろ集めておくと、コードの動作検証などに便利です。

ListBoxとTextBoxを持つウィンドウのサンプルです。

単純なデザインのウィンドウ

ListBoxとTextBox、および2つのボタンを持つウィンドウ

ListBoxとTextBox、および2つのボタンを持つウィンドウ

<Window x:Class="BasicWindow03.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         Title="MainWindow" Height="200" Width="300">

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

        <DockPanel Grid.Row="0">
            <TextBox DockPanel.Dock="Top" Name="TextBox01" Height="30" 
                     Text="TextBox01"/>
        </DockPanel>

        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="3*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <DockPanel Grid.Column="0">
                <ListBox DockPanel.Dock="Bottom" Name="ListBox01" >
                    <ListBoxItem Content="ListBoxItem01" />
                </ListBox>
            </DockPanel>
            <StackPanel Grid.Column="1">
                <Button Content="Button01"/>
                <Button Content="Button02"/>
            </StackPanel>

        </Grid>
    </Grid>
</Window>

				

説明

Gridで3つの空間に分割しています。ウィンドウの見栄えを良くしようとすると、コードが複雑になるので機能の説明には向かないかもしれません。

動作確認環境

Microsoft Visual Studio Express 2013 for Desktop 64bit
Windows 8.1 pro 64bit
このエントリーをはてなブックマークに追加

Home PC C# Illustration

Copyright (C) 2011 Horio Kazuhiko(kukekko) All Rights Reserved.
kukekko@gmail.com
ご連絡の際は、お問い合わせページのURLの明記をお願いします。
「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」