wpf入门第一篇基础布局与简单样式

最新推荐文章于 2025-03-13 11:10:29 发布

Fanstorm丶

最新推荐文章于 2025-03-13 11:10:29 发布

阅读量2.6k

点赞数 5

分类专栏： C# WPF 文章标签： WPF 入门 WPF入门

本文链接：https://blog.csdn.net/wf824284257/article/details/88757467

版权

本文是WPF入门系列的第一篇，适合有WinForm或Web前端基础并熟悉C#的开发者。通过实例介绍了如何在Visual Studio 2017中创建WPF项目，使用Grid进行布局，设置简单样式，以及如何使用资源字典管理样式。内容包括Grid的RowDefinition和ColumnDefinition，以及TextBlock和Button的定位。此外，文章还展示了如何定义和引用样式，以实现按钮的常见样式和布局调整。

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

前言

本文是wpf入门系列第一篇，面向有winform或者web前端基础的、并且也有C#基础的同学。

本文通过简单的例子，介绍了wpf的基础布局与简单样式的使用方法。

本文使用了 Visual Studio 2017 进行演示讲解。

wpf入门系列导航页面： https://blog.csdn.net/wf824284257/article/details/88757497

开始

打开VS2017,菜单栏点击【文件】->【新建】->【项目】，选择wpf项目，取名为WpfTest，选好路径后点击确认。

############ 1

在项目新建完毕后,可以看到类似下图的界面：

############# 2

这是vs为我们自动打开的MainWindow.xaml的界面。上方为设计面板，下面是代码面板。下面我们找到代码中的Grid标签，并将它替换为下面代码：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <TextBlock Name="t1" Grid.Row="0" Grid.Column="0" Text="t1"></TextBlock>
    <TextBlock Name="t2" Grid.Row="0" Grid.Column="1" Text="t2"></TextBlock>
    <Button Name="btn1" Grid.Row="1" Grid.Column="0" Content="btn1"></Button>
    <Button Name="btn2" Grid.Row="1" Grid.Column="1" Content="btn