XAML页面

通过本篇内容的学习,我们将学会如何在WPF页面上书写数据和如何创建。
在创建之前我们先了解一下WPF。
首先,WPF的全名叫Windows Presentation Foundation,是基于Windows的用户界面框架属于.NET Framework3.0的一部分。它提供统一的编程模型、语言、框架,做到了分离界面设计人员和开发人员的工作。了解到这,我们开始学习如何搭建页面。
第一步:
先打开我们的开发工具Visual Studio 2019。
在这里插入图片描述

第二步:
点击创建新项目,然后选择WPF应用(.NET Framework)图标上带有C#的页面。(不要选择到其他项目,尤其是长得比较相似的。需要区分开来)
在这里插入图片描述

第三步:
选中后点击进入下一个步骤,位置选择在存放学习类的磁盘中。或者其他地方也可以,只要可以找到就可以了。方案名称可以选择默认,也可以自己更改。框架这一栏可以直接选择默认,如果不想后期我们是可以进行更换的。
在这里插入图片描述

第四步:
点击创建(此创建方法不适用于Visual Studio 2015版本),来到页面上。我们可以看到页面上有个专属的空白区域,然后下方就是我们写数据的地方。WPF模板分为控件模板和数据模板。WPF中的样式分类为:属性样式、内联样式、引用样式。
在这里插入图片描述

数据的效果可以在当前页面上进行预览,比如说我们写一个button按钮。
这里需要注意的是我们要在Grid网格标签内书写样式。

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 WPF 中的 `Window` 控件来实现弹出一个 XAML 页面的效果。以下是一个简单的示例: 1. 创建一个新的 WPF 项目,打开 `MainWindow.xaml` 件。 2. 在 `MainWindow.xaml` 中添加一个按钮,并在按钮的 `Click` 事件处理程序中弹出一个新的 `Window` 来显示 XAML 页面。 ```xml <Window x:Class="WpfApp1.MainWindow" ... xmlns:local="clr-namespace:WpfApp1"> <Grid> <Button Content="打开模块对话框" Click="Button_Click"/> </Grid> </Window> ``` ```csharp using System.Windows; namespace WpfApp1 { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } private void Button_Click(object sender, RoutedEventArgs e) { ModuleDialog dialog = new ModuleDialog(); dialog.ShowDialog(); } } } ``` 3. 创建一个新的 XAML 页面,例如 `ModuleDialog.xaml`,并在其中添加所需的控件和布局。 ```xml <Window x:Class="WpfApp1.ModuleDialog" ... xmlns:local="clr-namespace:WpfApp1"> <Grid> <TextBlock Text="这是一个模块对话框。"/> </Grid> </Window> ``` 4. 在 `ModuleDialog.xaml.cs` 中添加必要的代码,例如关闭对话框的方法。 ```csharp using System.Windows; namespace WpfApp1 { public partial class ModuleDialog : Window { public ModuleDialog() { InitializeComponent(); } private void CloseButton_Click(object sender, RoutedEventArgs e) { Close(); } } } ``` 这样,当用户点击按钮时,就会弹出一个新的模块对话框来显示 `ModuleDialog.xaml` 中的内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值