WPF小结(一&二) 布局和控件

最新推荐文章于 2025-05-28 10:04:26 发布

Coco在努力

最新推荐文章于 2025-05-28 10:04:26 发布

阅读量438

点赞数 1

CC 4.0 BY-SA版权

分类专栏： WPF 文章标签： wpf 布局控件

本文链接：https://blog.youkuaiyun.com/duan20102480102/article/details/51140727

WPF 专栏收录该内容

7 篇文章

订阅专栏

本文是关于WPF布局和控件的小结，涵盖了XMAL命名空间、各种布局（Grid、StackPanel、DockPanel、WrapPanel）及其特性，以及控件的分类，重点讨论了WebBrowser、MediaElement、Thumb、Inkcanvas和Listbox等特殊控件的使用技巧，包括列表控件的模板定制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从个人整理小结的角度出发，现在水平有限，部分结论是错的。就xmal文件来说，结构有三，命名空间、资源、主窗口。

一、 XMAL 命名空间

二、布局和控件（窗口的主架）

1.布局：

(1) Grid 网格布局等比宽高度可以用来页面自适应。

(2) StackPanel 的Orientation控制方向，HorizontalAlignment控制水平布局，VerticalAlignment控制垂直布局。

StackPanel 留心<StackPanel><ListBox/></StackPanel> listbox 不出滚动条

(3) DockPanel DockPanel.Dock & LastChildFill属性 very cool.

(4) WrapPanel 自动换行也挺溜

2.控件

控件分两种单个控件(如button textblock等)和列表控件(如listbox等)

(1)觉得比较酷的控件 WebBrowser、MediaElement、Thumb、Inkcanvas & listbox

(2)列表控件结合ItemsPanelTemplate改写listbox container的style，Item的style 可以重写Template属性，DatatTemplate控制数据。

 <!--ListBox WrapPanel Style-->
        <ItemsPanelTemplate x:Key="ItemsWrapPanelStyle">
            <WrapPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
        <!--ListBoxItem Score Style-->
        <Style TargetType="ListBoxItem" x:Key="ListBoxItemScoreStyle">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ListBoxItem}">
                        <Border x:Name="Bd" BorderThickness="0" Margin="5" Background="AliceBlue">
                            <ContentPresenter/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Background" TargetName="Bd" Value="Blue"/>
                            </Trigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsSelected" Value="False"/>
                                    <Condition Property="IsMouseOver" Value="True"/>
                                </MultiTrigger.Conditions>
                                <Setter Property="Background" TargetName="Bd" Value="Yellow"/>
                            </MultiTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
<ListBox ItemsPanel="{StaticResource ItemsWrapPanelStyle}" ItemContainerStyle="{StaticResource ListBoxItemScoreStyle}">
                <ListBoxItem>
                    ListBox
                </ListBoxItem>
                <ListBoxItem>
                    好棒
                </ListBoxItem>
            </ListBox>