公司要开发一个上位机,用c#,但是不着急,所以我可以边学习边制作上位机。
(一)
1、开发环境
win10,vs2022
2、创建第一工程
app.xaml保存的是界面起始文件
Mainwindow.xaml为当前起始文件,可以修改其中的xaml改变框架,首先修改大小以及增加一个按钮
<Window x:Class="Wpffirstapp.MainWindow"
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:Wpffirstapp"
mc:Ignorable="d"
Title="MainWindow" Height="100" Width="250">
<Button Name="button" Click="button_Click">Click Me!</Button>
</Window>
这样屏幕上就有个按钮了,再来个基本的按下按钮弹窗,只需要设计界面双击按钮自动创建一个按钮的事件
在其中填写
MessageBox.Show("Hello,My first wpfapp!");
运行后点击按钮就可以跳出对话框。
我们基本运行app就完成了
(二)
接下来我们尝试增加一些基本布局,众所周知wpf的布局在windows中基本上是最好用的。
首先了解到
-
Canvas:子控件提供其自己的布局。
-
DockPanel:子控件与面板的边缘对齐。
-
Grid:子控件由行和列定位。
-
StackPanel:子控件垂直或水平堆叠。
-
VirtualizingStackPanel:子控件在水平或垂直的行上虚拟化并排列。
-
WrapPanel:子控件按从左到右的顺序定位,在当前行上的控件超出允许的空间时,换行到下一行。
我们按照官方例子尝试DockPanel。(我尝试自己写Grid已经失败了,所以只好跟着官方例子来了)
<DockPanel>
<TextBox DockPanel.Dock="Top">Dock = "Top"</TextBox>
<TextBox DockPanel.Dock="Bottom">Dock = "Bottom"</TextBox>
<TextBox DockPanel.Dock="Left">Dock = "Left"</TextBox>
<TextBox Background="White">This TextBox "fills" the remaining space.</TextBox>
</DockPanel>
这样我们就能的到一个top文字在顶部,bottom文字 在底部,left文字在左边,剩下的文字在右边的一个界面
好了,基本的显示已经完成