WPF 多线程处理(2)

时间：2023-12-15 12:34:32

WPF UI 设计需要自动适应窗体大小,那么Grid是非常好的布局控件。

首先看看这个控件的布局：

WPF 多线程处理(2)

这个Grid是3列5行的布局, Grid里面可以包含任何子元素,因此是所有布局的首选, 还有一些其他的空间如DockPanel,Canvas,StackPanel,WarpPanel也是非常好的布局控件.

先看如下代码：

        <Grid.ColumnDefinitions>

            <ColumnDefinition/>

            <ColumnDefinition/>

            <ColumnDefinition/>

        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>

            <RowDefinition Height=""/>

            <RowDefinition Height=""/>

            <RowDefinition Height="*"/>

            <RowDefinition Height=""/>

            <RowDefinition Height=""/>

        </Grid.RowDefinitions>

不多说,上UI全部的代码：

    <Grid Background="#989898">

        <Grid.ColumnDefinitions>

            <ColumnDefinition/>

            <ColumnDefinition/>

            <ColumnDefinition/>

        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>

            <RowDefinition Height=""/>

            <RowDefinition Height=""/>

            <RowDefinition Height="*"/>

            <RowDefinition Height=""/>

            <RowDefinition Height=""/>

        </Grid.RowDefinitions>

        <Border Background="#989898" BorderBrush="#989898" BorderThickness="2,0,2,2"  Margin="0,0,5.643,0"  Height="24.75" VerticalAlignment="Top" Grid.ColumnSpan="" HorizontalAlignment="Right" Width="">

            <WrapPanel>

                <Button Height="22.75" Name="btn_Top"  Width="" Content="T" Margin="0,0,1,0" HorizontalAlignment="Stretch" VerticalAlignment="Top"/>

                <Button Height="22.75" Name="btn_Min" Width="" Content="-"  Margin="0,0,1,0" HorizontalAlignment="Stretch" VerticalAlignment="Top"/>

                <Button Height="22.75" Name="btn_Close" Width="" Content="X"  Margin="0,0,1,0" HorizontalAlignment="Stretch" VerticalAlignment="Top"/>

            </WrapPanel>

        </Border>

        <DockPanel Grid.Row="" Grid.ColumnSpan="" Margin="7,0" Background="#989898">

            <Label Height="" Name="lblForder" Margin="7,0,0,0">Forder Path：</Label>

            <Button Height="" Name="btn_Broswer" DockPanel.Dock="Right" Padding="8,3" Margin="7,0">Broswer</Button>

            <TextBlock Height="" Name="tbk_ForderPath" Background="White" ForceCursor="True" Foreground="Red"/>

        </DockPanel>

        <GroupBox Grid.Row="" Grid.ColumnSpan="" Margin="">

            <GroupBox.Header>

                <WrapPanel>

                    <TextBlock Text="{Binding ElementName= listbox1, Path=Items.Count}"/>

                    <TextBlock Padding="2,0,0,0"> file(s) found.</TextBlock>

                </WrapPanel>

            </GroupBox.Header>

            <ListBox Name="listbox1"  SelectionMode="Single">

                <ListBox.ContextMenu>

                    <ContextMenu>

                        <MenuItem Name="cmi2" Header="Delete selected files" />

                        <MenuItem Name="cmi3" Header="Clear"/>

                    </ContextMenu>

                </ListBox.ContextMenu>

            </ListBox>

        </GroupBox>

        <DockPanel Grid.Row="" Margin="" Name="dockPanel1" Grid.ColumnSpan="">

            <Label Height="" Name="label1" Margin="7,0,0,0">Status：</Label>

            <Button Height="" Name="btn_Start" DockPanel.Dock="Right" Padding="8,3" Margin="7,0">Start</Button>

            <TextBlock Height="" Name="tbk_Status" Background="White" Text=""/>

        </DockPanel>

        <ProgressBar Name="pBar" Grid.Row="" Grid.ColumnSpan="" Visibility="Hidden" />

    </Grid>

</Window>

Grid.Row="" 代表在几行, Grid.Column="" 代表在几列. RowSpan,ColumnSpan 代表跨几行,几列.  和HTML的table是一样的道理.

Padding=““  Margin=”“  这些都是定位这个位置,类似HTML的属性.

这个设置Window在屏幕中间:WindowStartupLocation="CenterScreen"

最好设置一下Window的最小大小,这样就不会把重要信息隐藏了.

MinWidth="550"
MinHeight="550"
WindowStyle="None"

下一篇：WPF 多线程处理(3)

上一篇：WPF 多线程处理(1)

相关文章