简单介绍下高精度定位系统，一句话，有一个基站，有一个标签，通过标签发给基站的数据来算出标签的位置。
主窗体分为三行三列的布局，第一行放置socket基本信息控件和监控状态控件，第二行放基站在线列表和数据解析元素，第三行放版权信息，基础布局就是这样。
现在来微调，因为很简单的系统，就不做样式分离这些了，就直接改属性了，改完之后是这样，简单改了个居中，加了个渐变的背景，字体改成楷体，大小稍微调整一下。
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="奔骝科技高精度定位系统测试工具" Height="468.389" Width="846.812" FontFamily="楷体" FontSize="18" WindowStartupLocation="CenterScreen" WindowState="Maximized">
<Grid>
<Grid.Background>
<LinearGradientBrush>
<GradientStop Color="Pink" Offset="0"></GradientStop>
<GradientStop Color="Red" Offset="0.5"></GradientStop>
<GradientStop Color="Purple" Offset="1"></GradientStop>
</LinearGradientBrush>
</Grid.Background>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="5*"/>
<ColumnDefinition Width="23*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="44*"/>
<RowDefinition Height="277*"/>
<RowDefinition Height="20*"/>
</Grid.RowDefinitions>
<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Height="25" Margin="19,16,19,15.667" Width="112">
<Button Background="Transparent" >指定监控标签</Button>
</StackPanel>
<DockPanel Grid.Column="1" Margin="1,0,0,0.667">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
<Label VerticalAlignment="Center" Margin="5,0,0,0">服务器IP地址</Label>
<ComboBox VerticalAlignment="Center" Margin="5,0,0,0" Width="150"></ComboBox>
<Label VerticalAlignment="Center" Margin="5,0,0,0">本地端口</Label>
<TextBox VerticalAlignment="Center" Margin="5,0,0,0" Width="100"></TextBox>
<RadioButton VerticalAlignment="Center" Margin="5,0,0,0">开始监听</RadioButton>
<RadioButton VerticalAlignment="Center" Margin="5,0,0,0">结束监听</RadioButton>
</StackPanel>
</DockPanel>
<TreeView Grid.Row="1" Grid.ColumnSpan="2" Margin="0,0.333,657,0.333">
<TreeViewItem Header="在线设备" IsExpanded="True"></TreeViewItem>
</TreeView>
<DataGrid Grid.Row="1" Grid.Column="1" Margin="1,0.333,0,0.333">
<DataGrid.Columns>
<DataGridTextColumn Header="卡号" Width="10*"></DataGridTextColumn>
<DataGridTextColumn Header="基站编号" Width="10*"></DataGridTextColumn>
<DataGridTextColumn Header="信号强度" Width="10*"></DataGridTextColumn>
<DataGridTextColumn Header="基站距离" Width="10*"></DataGridTextColumn>
<DataGridTextColumn Header="电压" Width="10*"></DataGridTextColumn>
<DataGridTextColumn Header="接收时间" Width="10*"></DataGridTextColumn>
</DataGrid.Columns>
</DataGrid>
<TextBlock VerticalAlignment="Center" Grid.Row="2" Grid.ColumnSpan="2" TextAlignment="Center" Text="奔骝科技版权所有@BenliuTech 2013-2018" Height="21" Margin="0,2.667,0,2.333" />
</Grid>
</Window>
接下来是配置定位基站的配置页，背景和字体都是和主页面设置的一样，这样风格统一，好看一点。
<Window x:Class="WpfApplication1.ReadParameter"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="配置基站参数" Height="293.691" Width="565.369" FontFamily="楷体" FontSize="18">
<Grid>
<Grid.Background>
<LinearGradientBrush>
<GradientStop Color="Pink" Offset="0"></GradientStop>
<GradientStop Color="Red" Offset="0.5"></GradientStop>
<GradientStop Color="Purple" Offset="1"></GradientStop>
</LinearGradientBrush>
</Grid.Background>
<Grid.RowDefinitions>
<RowDefinition Height="200"></RowDefinition>
<RowDefinition Height="40"></RowDefinition>
</Grid.RowDefinitions>
<StackPanel>
<DockPanel HorizontalAlignment="Center" Height="50" DockPanel.Dock="Top">
<Label Content="设备编号:" Width="80" VerticalAlignment="Center" />
<TextBox Name="DeviceID" Width="140" VerticalAlignment="Center" Margin="15,0,0,0" TextAlignment="Center"/>
<Label Width="100" VerticalAlignment="Center" Content="MAC地址:" Margin="15,0,0,0"/>
<TextBox Name="Mac" VerticalContentAlignment="Center" Width="140" TextAlignment="Center" VerticalAlignment="Center" Margin="15,0,0,0"/>
</DockPanel>
<DockPanel HorizontalAlignment="Center" Height="50" DockPanel.Dock="Top" >
<Label Content="本地IP:" Width="80" VerticalAlignment="Center" />
<TextBox Name="LocalIP" Width="140" VerticalAlignment="Center" Margin="15,0,0,0" TextAlignment="Center"/>
<Label Width="100" VerticalAlignment="Center" Content="设备端口:" Margin="15,0,0,0"/>
<TextBox Name="LocalPort" Width="140" VerticalContentAlignment="Center" TextAlignment="Center" VerticalAlignment="Center" Margin="15,0,0,0" />
</DockPanel>
<DockPanel HorizontalAlignment="Center" Height="50" DockPanel.Dock="Top">
<Label Width="80" Content="服务器IP：" VerticalAlignment="Center"/>
<TextBox Name="ServerIP" Width="140" VerticalAlignment="Center" Margin="15,0,0,0" TextAlignment="Center"/>
<Label Width="100" VerticalAlignment="Center" Content="服务器端口:" Margin="15,0,0,0"/>
<TextBox Name="ServerPort" VerticalContentAlignment="Center" Width="140" TextAlignment="Center" VerticalAlignment="Center" Margin="15,0,0,0"/>
</DockPanel>
<DockPanel HorizontalAlignment="Center" Height="50" DockPanel.Dock="Top" >
<Label Width="80" Content="网关:" VerticalAlignment="Center"/>
<TextBox Name="GateWay" Width="140" VerticalAlignment="Center" Margin="15,0,0,0" TextAlignment="Center"/>
<Label Width="100" VerticalAlignment="Center" Content="子网掩码:" Margin="15,0,0,0"/>
<TextBox Name="SubNet" VerticalContentAlignment="Center" Width="140" TextAlignment="Center" VerticalAlignment="Center" Margin="15,0,0,0" />
</DockPanel>
</StackPanel>
<StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
<Button Background="Transparent">修改参数</Button>
<Button Background="Transparent" Margin="40,0,0,0">重启设备</Button>
<Button Background="Transparent" Margin="40,0,0,0">修改编号</Button>
</StackPanel>
</Grid>
</Window>
最后一个页面就是对于指定标签的监控，上面两个按钮，一个全选，一个反选，下面是一个listview，里面放标签号码，然后加checkbox，做一个模板。
<Window x:Class="WpfApplication1.TagMonitor"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="监控标签设置" Height="310.47" Width="369.262" FontFamily="楷体" FontSize="18" WindowStartupLocation="CenterScreen">
<Grid>
<Grid.Background>
<LinearGradientBrush>
<GradientStop Color="Pink" Offset="0"></GradientStop>
<GradientStop Color="Red" Offset="0.5"></GradientStop>
<GradientStop Color="Purple" Offset="1"></GradientStop>
</LinearGradientBrush>
</Grid.Background>
<Grid.RowDefinitions>
<RowDefinition Height="61*"></RowDefinition>
<RowDefinition Height="220*"></RowDefinition>
</Grid.RowDefinitions>
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
<Button Background="Transparent">全选</Button>
<Button Background="Transparent" Margin="40,0,0,0">反选</Button>
</StackPanel>
<ListView Grid.Row="1"></ListView>
</Grid>
</Window>
扫描二维码关注公众号，回复：
4660682 查看本文章
