用XAML写的环境监测上位机界面

sky-Hawk where

      标题说得有点绕了，其实就是写了个WPF窗体{:soso_e113:}，只是个单纯的界面，什么功能也没有{:soso_e153:}……

界面效果：

XAML代码（运行环境：Visual Studio 2010)

1. <Window x:Class="EEboard_室内环境监测系统_Demo.MainWindow"
   
2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   
3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   
4.         Title="EEboard_室内环境监测系统_Demo(2012.10.24)" Height="350" Width="525" ResizeMode="CanMinimize">
   
5.     <Grid>
   
6.         <Grid.RowDefinitions>
   
7.             <RowDefinition Height="25"/>
   
8.             <RowDefinition Height="1*"/>
   
9.             <RowDefinition Height="1*"/>
   
10.             <RowDefinition Height="25"/>
    
11.         </Grid.RowDefinitions>
    
12.         <Grid.ColumnDefinitions>
    
13.             <ColumnDefinition Width="180"/>
    
14.             <ColumnDefinition Width="120"/>
    
15.             <ColumnDefinition Width="1*"/>
    
16.             <ColumnDefinition Width="120"/>
    
17.         </Grid.ColumnDefinitions>
    
18. 
    
19.         <Menu Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="4">
    
20.             <MenuItem Name="menuItem1" Header="登陆">
    
21.                 <MenuItem Name="menuItem11" Header="用户登录"/>
    
22.                 <MenuItem Name="menuItem12" Header="修改密码"/>
    
23.             </MenuItem>
    
24.             <MenuItem Name="menuItem2" Header="配置">
    
25.                 <MenuItem Name="menuItem21" Header="温湿度检测配置"/>
    
26.                 <MenuItem Name="menuItem22" Header="气体传感器配置"/>
    
27.                 <MenuItem Name="menuItem23" Header="空气质量检测配置"/>
    
28.             </MenuItem>
    
29.             <MenuItem Name="menuItem3" Header="搜索串口">
    
30.             </MenuItem>
    
31.             <MenuItem Name="menuItem4" Header="帮助">
    
32.             </MenuItem>
    
33.             <MenuItem Name="menuItem5" Header="版权说明">
    
34.             </MenuItem>
    
35.         </Menu>
    
36. 
    
37.         <GroupBox Name="groupBox1" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="3"
    
38.                   Header="温湿度检测" Margin="5">
    
39.             <Grid>
    
40.                 <Label Content="28" Height="85" HorizontalAlignment="Left"
    
41.                        Margin="23,3,0,0" Name="label1" VerticalAlignment="Top" Width="85" FontSize="65" />
    
42.                 <Label Content="℃" Height="47" HorizontalAlignment="Left"
    
43.                        Margin="104,42,0,0" Name="label2" VerticalAlignment="Top" Width="44" FontSize="32" FontFamily="KaiTi" />
    
44.                 <Label Content="56" Height="85" HorizontalAlignment="Left"
    
45.                        Margin="197,4,0,0" Name="label3" VerticalAlignment="Top" Width="85" FontSize="65" />
    
46.                 <Label Content="%" Height="48" HorizontalAlignment="Left"
    
47.                        Margin="280,41,0,0" Name="label4" VerticalAlignment="Top" Width="45" FontSize="32" />
    
48.             </Grid>
    
49.         </GroupBox>
    
50.         <GroupBox Name="groupBox2" Grid.Row="2" Grid.Column="0"
    
51.                   Header="气体检测" Margin="5">
    
52.             <Grid>
    
53.                 <Label Content="1115" Height="59" HorizontalAlignment="Left" Margin="6,11,0,0"
    
54.                        Name="label6" VerticalAlignment="Top" Width="115" FontSize="45" />
    
55.                 <Label Content="ppm" Height="36" HorizontalAlignment="Left" Margin="95,55,0,0"
    
56.                        Name="label7" VerticalAlignment="Top" FontSize="20" />
    
57.             </Grid>
    
58.         </GroupBox>
    
59.         <GroupBox Name="groupBox3" Grid.Row="2" Grid.Column="1"
    
60.                   Header="空气质量" Margin="5">
    
61.             <Grid>
    
62.                 <Label Content="良" Height="92" HorizontalAlignment="Left" Margin="6,2,0,0"
    
63.                        Name="label8" VerticalAlignment="Top" Width="88" FontSize="75" FontFamily="KaiTi" Foreground="Green" />
    
64.             </Grid>
    
65.         </GroupBox>
    
66. 
    
67.         <Grid Grid.Row="1" Grid.Column="3" Margin="10">
    
68.             <Label Content="连接状态" Height="28" HorizontalAlignment="Left"
    
69.                    Margin="19,12,0,0" Name="label5" VerticalAlignment="Top" Width="70" FontSize="15" />
    
70.             <Button Content="已连接" Height="52" HorizontalAlignment="Left"
    
71.                     Margin="16,50,0,0" Name="button1" VerticalAlignment="Top" Width="73" FontSize="13" />
    
72.         </Grid>
    
73. 
    
74.         <Image Name="image1" Grid.Row="2" Grid.Column="2" Grid.ColumnSpan="2">
    
75.             <Image.Source>
    
76.                 <BitmapImage UriSource="EEboard.gif"/>
    
77.             </Image.Source>
    
78.         </Image>
    
79. 
    
80.         <StatusBar Name="statusBar1" Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="4">
    
81.             <StatusBarItem Name="statusBarItem1" Width="190"
    
82.                            Content="当前温度：28℃     湿度：56%"/>
    
83.             <StatusBarItem Name="statusBarItem2" Width="130"
    
84.                            Content="气体检测：1115ppm"/>
    
85.             <StatusBarItem Name="statusBarItem3" Width="90"
    
86.                            Content="空气质量：良"/>
    
87.             <StatusBarItem Name="statusBarItem4"
    
88.                            Content="串口号：COM2"/>
    
89.         </StatusBar>
    
90.     </Grid>
    
91. </Window>
    

复制代码

sky-Hawk where

顶顶啊

sky-Hawk where

zwj108 发表于 2012-10-28 19:15
顶顶啊

欢迎欢迎~

sky-Hawk where

xmal是很强大滴！啥时候加代码呢？

sky-Hawk where

这个界面很漂亮啊，楼主能不能给简要介绍一下这个xmal吗？本人是xmal盲啊，相信也有不少人和偶一样啊，呵呵

sky-Hawk where

wpf好是好,不过蛋疼的就是得至少装.net 3.0,很多不玩游戏的xp用户基本都没有,写个小软件,还得装个几十M的运行时

sky-Hawk where

fengye5340 发表于 2012-11-2 19:33
这个界面很漂亮啊，楼主能不能给简要介绍一下这个xmal吗？本人是xmal盲啊，相信也有不少人和偶一样啊，呵呵 ...

就是WPF,代替传统winform的.net桌面程序框架.需要.net3.0以上支持.win7界面就是这个做的

sky-Hawk where

需要别的环境吗

sky-Hawk where

这个VS新建项目的时候要选什么啊？

sky-Hawk where

Xonejump 发表于 2012-12-6 11:13
需要别的环境吗

需要.Net framework 4.0环境