浅谈WPF之UI布局

这篇具有很好参考价值的文章主要介绍了浅谈WPF之UI布局。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一个成功的软件,离不开人性化的UI设计,如何抓住用户第一视觉,让用户产生依赖感,合适优雅的布局必不可少。本文以一些简单的小例子,简述WPF中布局 面板 控件的使用,仅供学习分享使用,如有不足之处,还请指正。

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

涉及知识点

在WPF中,关于布局面板控件,主要有以下几种:

  1. StackPanel栈面板,可以将元素排列成一行或者一列。其特点是:每个元素各占一行或者一列。

  2. WrapPanel环绕面板,将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行后续排序按照从上至下或从左至右的顺序进行。

  3. DockPanel停靠面板,定义一个区域,在此区域中,您可以使子元素通过描点的形式排列这些对象位于 Children 属性中。

  4. Grid网格面板, Grid顾名思义就是“网格”,以表格形式布局元素,对于整个面板上的元素进行布局,它的子控件被放在一个一个事先定义好的小格子里面,整齐配列Grid和其他各个Panel比较起来,功能最多也最为复杂。

  5. Canvas画布面板,画布,用于完全控制每个元素的精确位置他是布局控件中最为简单的一种,直接将元素放到指定位置,主要来布置图面。

StackPanel【栈面板】

栈面板,可以将元素排列成一行或者一列,其特点是:每个元素各占一行或者一列

Orientation属性指定排列方式:

  1. Vertical(垂直)【默认】,垂直排列时,每个元素都与面板一样宽。

  2. Horizontal(水平),水平排列时,每个元素都与面板一样高;

如果包含的元素超过了面板空间,它只会截断多出的内容。元素的Margin属性用于使元素之间产生一定得间隔,当元素空间大于其内容的空间时,剩余空间将由HorizontalAlignment和 VerticalAlignment属性来决定如何分配。

Vertical(垂直),默认情况下,每一个元素都与面板一样宽,如下所示:

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

 示例代码,如下所示:

<Window x:Class="WpfApp1.SecondWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="StackPanel示例" Height="450" Width="500">


    <StackPanel Margin="5,5,5,5">
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5"></Button>
    </StackPanel>
</Window>

Horizontal(水平),水平排列时,每个元素都与面板一样高。如下所示:

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

示例代码,与垂直排列相同,只是多了一个Oriention属性,如下所示:

<StackPanel Margin="5,5,5,5" Orientation="Horizontal">
    <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5"></Button>
</StackPanel>

StackPanel其他常用属性:

  1. HorizontalAlignment:水平对齐方式,值:Left,Center,Right,Stretch。

  2. VerticalAlignment:垂直对齐方式,值:Bottom , Center,Stretch,Top。

  3. Visibility:设置StackPanel是否可见,值:Visible,Hidden,Collapsed。

  4. Background:设置背景颜色,值为Bursh类型的枚举值。

  5. Width,Height,MinWidth,MinHeight,MaxWidth,MaxHeight:分别用来设置StackPanel的宽,高,最小宽,最小高,最大宽,最大高。

WrapPanel【环绕面板】

WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行后续排序按照从上至下或从左至右的顺序进行。

水平排列:当Orientation属性的值设置为 Horizontal:元素是从左向右排列的,然后自上至下自动换行。如下所示:

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

 示例源码所示:

<Window x:Class="WpfApp1.ThirdWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="WrapPanel示例" Height="450" Width="400">
    <WrapPanel Margin="5,5,5,5">
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5"></Button>

    </WrapPanel>
</Window>

垂直排列:默认为水平排列,通过设置WrapPanel的Orientation属性为Vertical,可以修改排列方向,垂直排列,如下所示:

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

 示例源码如下所示:

<WrapPanel Margin="5,5,5,5" Orientation="Vertical">
    <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Height="40"></Button>

</WrapPanel>

WrapPanel其他常用属性,除了StackPanel属性常用属性,还有两个,如下所示:

  1. ItemHeight:所有的元素都相同高度。

  2. ItemWidth:所有的元素都相同宽度。

其他子元素设置的属性,如果大于ItemHeight,ItemWidth的值,则被截取。如下所示:

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

 源码如下所示:

<WrapPanel Margin="5,5,5,5" Orientation="Vertical" ItemHeight="30" ItemWidth="100">
    <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Height="40"></Button>

</WrapPanel>

DockPanel【停靠面板】

DockPanel定义一个区域,在此区域中,您可以使子元素通过描点的形式排列,这些对象位于 Children 属性中。停靠面板类似于WinForm中控件的Dock属性。DockPanel会对每个子元素进行排序,并将根据指定的边进行停靠,多个停靠在同侧的元素则按顺序排序。在DockPanel中,指定停靠边的控件,会根据定义的顺序占领边角,所有控件绝不会交叠。

默认情况下,所有子元素都是靠左停靠【DockPanel.Dock=Left】

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

可以单独设置每一个子元素的Dock属性,如下所示:

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

示例源码如下所示:

<Window x:Class="WpfApp1.FourWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="DockPanel示例" Height="450" Width="600">
    <DockPanel LastChildFill="True" >
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" DockPanel.Dock="Left"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" DockPanel.Dock="Top"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" DockPanel.Dock="Right"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" DockPanel.Dock="Bottom"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" DockPanel.Dock="Left"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" DockPanel.Dock="Top"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" DockPanel.Dock="Right"></Button>
        <Button x:Name="button8" Content="第八个按钮" Margin="2,5,2,5" DockPanel.Dock="Bottom"></Button>
        <Button x:Name="button9" Content="第九个按钮" Margin="2,5,2,5"></Button>
    </DockPanel>
</Window>

注意:在DockPanel中,元素的先后顺序很重要,关系着元素是否“顶边”。

 DockPanel其他常用属性,除了StackPanel属性常用属性,还有一个,如下所示:

  1. LastChildFill:最后一个子元素,是否填充剩余空间,默认为True。

Grid【网格面板】

Grid顾名思义就是“网格”,以表格形式布局元素,对于整个面板上的元素进行布局,它的子控件被放在一个一个事先定义好的小格子里面,整齐配列。Grid和其他各个Panel比较起来,功能最多也最为复杂。

要使用Grid,首先要向RowDefinitions和ColumnDefinitions属性中添加一定数量的RowDefinitions和 ColumnDefinitions元素,从而定义行数和列数。

而放置在Grid面板中的控件元素都必须显示采用Row和Column附加属性定义其放置所在的行和列,这两个属性的值都是从0开始的索引数如果没有显式设置任何行或列,Grid将会隐式地将控件加入在第0行第0列。

由于Grid的组成并非简单的添加属性标记来区分行列,这也使得用户在实际应用中可以具体到某一单 元格中,所以布局起来就很精细了。 

Grid的单元格可以是空的,一个单元格中可以有多个元素,而在单元格中元素是根据它们的Z顺序一个接着一个呈现的。

Grid面板将元素分割到不可见的行列网格中。尽管可以在一个单元格中放置多个元素(这时这些元素会相互重叠),但在每个单元格中只放置一个元素通常更合理。当然,在Grid单元格中的元素本身也可能是另一个容器,该容器组织它所包含的一组控件。

默认情况下,如果不设置Grid面板的行列宽,与高,则默认均分,且如果不显示设置子元素的大小,则默认填充,如下所示:

 

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

 示例代码,如下所示:

<Window x:Class="WpfApp1.FiveWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="GridPanel示例" Height="450" Width="700">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="0"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="1"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="2"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="0"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="1"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="2"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="0"></Button>
        <Button x:Name="button8" Content="第八个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="1"></Button>
        <Button x:Name="button9" Content="第九个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="2"></Button>
    </Grid>

</Window>

Grid行高与列宽设置

列宽和行高,分别可以在ColumnDefinition、RowDefinition里面指定Width、Height的值。

设置宽与高的几种方式:

  1. 固定值:设置具体的数字,单位为像素px。

  2. Auto:根据子元素的大小,自动分配大小,刚好能够容纳子元素的内容。

  3. 星号*:根据比例自动分配剩余空间。

行高列宽设置示例

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

示例源码如下所示:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="1*"></RowDefinition>
        <RowDefinition Height="2*"></RowDefinition>
        <RowDefinition Height="3*"></RowDefinition>
     </Grid.RowDefinitions>
     <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*"></ColumnDefinition>
        <ColumnDefinition Width="2*"></ColumnDefinition>
        <ColumnDefinition Width="3*"></ColumnDefinition>
     </Grid.ColumnDefinitions>
    <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="0"></Button>
    <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="1"></Button>
    <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="2"></Button>
    <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="0"></Button>
    <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="1"></Button>
    <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="2"></Button>
    <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="0"></Button>
    <Button x:Name="button8" Content="第八个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="1"></Button>
    <Button x:Name="button9" Content="第九个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="2"></Button>
</Grid>

Grid面板其他属性,除了StackPanel属性常用属性,还有两个,如下所示:

  1. Grid.ColumnSpan:用于设置元素跨越的单元格列数。

  2. Grid.RowSpan:用于设置元素跨越的单元格行数。

Canvas【画布面板】

画布,用于完全控制每个元素的精确位置。他是布局控件中最为简单的一种,直接将元素放到指定位置,主要来布置图面

使用Canvas,必须指定一个子元素的位置(相对于画布),否则所有元素都将出现在画布的左上角。如果Canvas是窗口主元素(即最外层的布局面板是Canvas),用户改变窗口大小时,Canvas也会随之变化,子元素的位置也会随之移动,以保证相对于Canvas的位置属性不变。

Canvas通过设置Left,Top,Bottom,Right等属性的值,来设置子元素的位置。如下所示:

浅谈WPF之UI布局,.Net技术,wpf,ui,grid,canvas,dockpanel,c#,microsoft

示例源码,如下所示:

<Window x:Class="WpfApp1.SixWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="Canvas面板示例" Height="500" Width="500">
    <Canvas>
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Canvas.Left="0" Canvas.Top="0"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Canvas.Left="50" Canvas.Top="50"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Canvas.Left="100" Canvas.Top="100"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Canvas.Left="150" Canvas.Top="150"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Canvas.Left="200" Canvas.Top="200"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Canvas.Left="250" Canvas.Top="250"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Canvas.Left="300" Canvas.Top="300"></Button>
        <Button x:Name="button8" Content="第八个按钮" Margin="2,5,2,5" Canvas.Left="350" Canvas.Top="350"></Button>
        <Button x:Name="button9" Content="第九个按钮" Margin="2,5,2,5" Canvas.Left="400" Canvas.Top="400"></Button>
    </Canvas>
</Window>

注意:要说明一点Canvas内的子控件不能使用两个以上的Canvas附加属性如果同时设置Canvas.Left和Canvas.Right属性,那么后者将会被忽略。

Canvas的其他属性,除了StackPanel的常用属性外,还有两个属性,如下所示:

  1. ClipToBounds:超出边界部分,是否需要进行剪裁。

  2. Panel.ZIndex:用于设置子元素在Z方向上的顺序,值越大,越靠上。如果两个元素重叠,则ZIndex值小的将会被覆盖。

以上就是【浅谈WPF之UI布局】的全部内容,关于更多详细内容,可参考官方文档。希望能够一起学习,共同进步。文章来源地址https://www.toymoban.com/news/detail-824910.html

到了这里,关于浅谈WPF之UI布局的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 关于 uview-ui grid宫格布局的页面跳转

    在使用 uview-ui 的宫格布局时,发现官方文档对于基本的图形展示还是很详细的,但是缺少点击事件。 于是 该组件外层为 u-grid 组件包裹,通过 col 设置内部宫格的列数 内部通过 u-grid-item 组件的 slot 设置宫格的内容 如果不需要宫格的边框,可以设置 border 为 false 结合uni的sw

    2024年02月15日
    浏览(65)
  • WPF动画如何使用?炫酷的WPF UI必须掌握,赶紧学起来

    使用WPF,可以轻松地创建复杂的图形和动画,实现各种交互效果,以及使用各种不同的数据绑定和样式。无论你是初学者还是有经验的开发人员,都可以通过学习WPF来开发具有创新性和吸引力的应用程序。赶紧学起来吧! 在WPF中,Storyboard是一种非常有用的工具,它主要用于创

    2024年02月15日
    浏览(44)
  • 【Dotnet 工具箱】WPF UI - 现代化设计的开源 WPF 框架

    WPF UI 是一个基于 C# 开发的, 拥有 4k star 的开源 UI 框架。WPF UI 在 WPF 的基础上,提供了更多的现代化,流利的,直观的设计和组件。重要的是,WPF UI 完全免费! 如果你对 WPF 比较熟悉,那么可以很快的上手这个 UI 框架,并集成中项目中去。WPF UI 提供了完善的使用文档,对新

    2023年04月19日
    浏览(56)
  • Avalonia UI跨平台WPF

    Avalonia是一个强大的框架,使开发人员能够使用.NET创建跨平台应用程序。 它使用自己的渲染引擎绘制UI控件,确保在Windows、macOS、Linux、Android、iOS和WebAssembly等不同平台上具有一致的外观和行为。 官网链接: 官网链接 文档链接: 中文文档

    2024年04月27日
    浏览(53)
  • WPF 使用MaterialDesign(开源UI控件库)

             MaterialDesign for WPF 是针对WPF设计的 开源UI框架 ,使用该UI框架可以很方便使用各种封装好的绚丽的控件,方便快速设计UI界面。 官网链接:http://materialdesigninxaml.net/ MaterialDesign Github源码链接:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit 本篇实例链接:htt

    2024年02月14日
    浏览(36)
  • WPF-UI HandyControl 简单介绍

    最近我在研究如何使用WPF做一个比较完整的项目,然后我就先用Materail Design的UI框架去写。我的理念就是能用现成的,就不自己做,除非没办法。主打一个快速完成。 但是我发现,Material Design的功能其实有点少,因为我用过Vue 的Element UI,其实有些通用性功能Material Design UI 并

    2024年02月04日
    浏览(52)
  • 一款简单漂亮的WPF UI - AduSkin

    经常会有同学会问,有没有好看简单的WPF UI库推荐的。今天就给大家推荐一款简单漂亮的WPF UI,融合多个开源框架组件:AduSkin。 WPF 是一个强大的桌面应用程序框架,用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功能,

    2024年02月07日
    浏览(36)
  • 进一步了解WPF UI 实现XAML语法

    Extensible Application Markup Language (XAML) 是一种用于声明性应用程序编程的标记语言。 Windows Presentation Foundation (WPF) 实现 XAML 处理器实现并提供 XAML 语言支持。 WPF 类型的实现为 XAML 表示提供了必要的类型支持,从而确保了顺畅的集成和高效的运行。 在 XAML 标记中创建 WPF 应用程序

    2024年02月02日
    浏览(38)
  • WPF实现Element UI风格的日期时间选择器

    业务开发过程中遇到一个日期范围选择的需求,和Element UI的DateTimePicker组件比较类似,由两个日历控件组成,联动选择起始时间和结束时间。 WPF中提供了一个 DatePicker 的控件,主要由 DatePickerTextBox 、 Button 和一个 Calendar 组成,其中 Calendar 是后台代码动态添加的,因此不能直

    2024年02月12日
    浏览(50)
  • 探索微软的XamlBehaviorsWpf:强大的WPF UI交互库

    项目地址:https://gitcode.com/microsoft/XamlBehaviorsWpf 在.NET框架中,Windows Presentation Foundation(WPF)是一个用于构建桌面应用程序的强大平台,而微软的XamlBehaviorsWpf项目则为WPF开发者提供了一组灵活、易于使用的UI行为库,极大地丰富了用户体验的设计和实现。 XamlBehaviorsWpf是微软开源

    2024年04月13日
    浏览(28)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包