parkMonitor/parkMonitor/view/mainWin/MainWindow.xaml

<Window x:Class="parkMonitor.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:sys="clr-namespace:System;assembly=mscorlib"
        xmlns:local="clr-namespace:parkMonitor"
        xmlns:util="clr-namespace:parkMonitor.view.util"
        mc:Ignorable="d"
		Name="win"
        Title="智能泊车系统" Height="700" Width="1100">
	<Window.Resources>
		<ResourceDictionary>
			<GridLength x:Key="colWidthName">20</GridLength>
			<GridLength x:Key="colWidthValue">*</GridLength>
		</ResourceDictionary>
	</Window.Resources>
	<Grid Background="#4c4c4c">
		<!--<Grid.Background>
			<RadialGradientBrush Center="0.3,0.3">
				<GradientStop Color="#d5d5d5" Offset="0"/>
				<GradientStop Color="#FF7B7B7B" Offset="1.5"/>
			</RadialGradientBrush>
		</Grid.Background>-->
		<Grid Margin="8" Name="grdMain">
			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="200" MinWidth="150" MaxWidth="300"/>
				<ColumnDefinition Width="8"/>
				<ColumnDefinition Width="524*"/>
				<ColumnDefinition Width="8"/>
				<ColumnDefinition Width="100"/>
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="60"/>
				<RowDefinition Height="8"/>
				<RowDefinition Height="318*"/>
				<RowDefinition Height="8"/>
				<RowDefinition Height="20"/>
			</Grid.RowDefinitions>

			<Grid Grid.Row="2">
				<!--<ComboBox VerticalAlignment="Top" Height="30"/>-->
				<!--<TreeViewItem Style="{DynamicResource TreeViewItemStyle1}"/>-->
				<Grid Margin="0,0,0,0" Name="grdTreeList">

					<Border CornerRadius="8" BorderBrush="#6ceff7" BorderThickness="2"/>
					<Grid Margin="8" VerticalAlignment="Top">
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="19"/>
							<ColumnDefinition Width="{Binding DataContext.grdLenName,ElementName=win,Mode=TwoWay}" MinWidth="50"/>
							<ColumnDefinition Width="{Binding DataContext.grdLenValue,ElementName=win,Mode=TwoWay}" MinWidth="50" />
						</Grid.ColumnDefinitions>
						<Label Grid.Column="1" BorderThickness="0,0,2,0" BorderBrush="#e4e4e4" Foreground="#fff" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="名称"/>
						<Label Grid.Column="2" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Foreground="#fff" Content="信息"/>
						<GridSplitter Grid.Column="1" Width="3" Background="Transparent"/>
					</Grid>
					<TreeView Margin="8,38,8,8" Background="Transparent" BorderThickness="0" Foreground="#fff" VirtualizingPanel.IsVirtualizing="True" Name="treeObjectInfo">
						<!--<TreeView.ItemContainerStyle>
							<Style TargetType="TreeViewItem">
								<Setter Property="ItemsSource" Value="{Binding lstData}"/>
								<Style.Triggers>
									<Trigger Property="IsExpanded" Value="True">
									
									</Trigger>
								</Style.Triggers>
							</Style>
						</TreeView.ItemContainerStyle>-->

						<TreeView.ItemContainerStyle>
							<Style TargetType="TreeViewItem" BasedOn="{StaticResource TreeViewItemImageStyle}">
								<!--<Setter Property="Template">
									<Setter.Value>
										<ControlTemplate>
											<Grid>
												<Label Content="{Binding Name}"/>
											</Grid>
										</ControlTemplate>
									</Setter.Value>
								</Setter>-->
								<Style.Resources>
									<SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#4ed6de"/>
									<SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="#6ceff7"/>
									<SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="#4ed6de"/>
								</Style.Resources>
							</Style>
						</TreeView.ItemContainerStyle>

						<TreeView.ItemTemplate>
							<HierarchicalDataTemplate ItemsSource="{Binding lstData}">
								<Grid>
									<Label Foreground="#fff" Content="{Binding Name}"/>
								</Grid>

								<HierarchicalDataTemplate.ItemContainerStyle>
									<Style TargetType="TreeViewItem">
										<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
										<Setter Property="Template">
											<Setter.Value>
												<ControlTemplate>
													<Grid>
														<Grid.ColumnDefinitions>
															<ColumnDefinition Width="20" />
															<ColumnDefinition Width="{Binding DataContext.grdLenName,ElementName=win}" />
															<ColumnDefinition Width="{Binding DataContext.grdLenValue,ElementName=win}"/>
														</Grid.ColumnDefinitions>
														<Ellipse Visibility="Collapsed" Width="18" Height="18">
															<Ellipse.Fill>
																<RadialGradientBrush>
																	<GradientStop Color="#ecef9d" Offset="0"/>
																	<GradientStop Color="#ecef9d" Offset="0.3"/>
																	<GradientStop Color="#e5dd05" Offset="1"/>
																</RadialGradientBrush>
															</Ellipse.Fill>
														</Ellipse>
														<Ellipse Visibility="Collapsed" Width="18" Height="18">
															<Ellipse.Fill>
																<RadialGradientBrush>
																	<GradientStop Color="#6cf476" Offset="0"/>
																	<GradientStop Color="#6cf476" Offset="0.3"/>
																	<GradientStop Color="#1adb27" Offset="1"/>
																</RadialGradientBrush>
															</Ellipse.Fill>
														</Ellipse>
														<Ellipse Visibility="Visible" Width="18" Height="18">
															<Ellipse.Fill>
																<RadialGradientBrush>
																	<GradientStop Color="#f47373" Offset="0"/>
																	<GradientStop Color="#f47373" Offset="0.3"/>
																	<GradientStop Color="#e42323" Offset="1"/>
																</RadialGradientBrush>
															</Ellipse.Fill>
														</Ellipse>
														<!--<Ellipse Visibility="Visible" Width="18" Height="18" Fill="#d3d83c"/>-->
														<Label Grid.Column="1" Foreground="#fff" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="{Binding Name}"/>
														<Label Grid.Column="2" Foreground="#fff" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="{Binding ShortInfo}"/>
														<Grid.Style>
															<Style TargetType="Grid">
																<Setter Property="Background" Value="Transparent"/>
																<Style.Triggers>
																	<Trigger Property="IsMouseOver" Value="True">
																		<Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
																	</Trigger>
																</Style.Triggers>
															</Style>
														</Grid.Style>
													</Grid>
												</ControlTemplate>
											</Setter.Value>
										</Setter>
									</Style>
								</HierarchicalDataTemplate.ItemContainerStyle>

								<HierarchicalDataTemplate.ItemTemplate>
									<HierarchicalDataTemplate ItemsSource="{x:Null}"/>
								</HierarchicalDataTemplate.ItemTemplate>
								<!--<HierarchicalDataTemplate.ItemTemplate>
									<HierarchicalDataTemplate>
										<Grid>
											<Grid.ColumnDefinitions>
												<ColumnDefinition SharedSizeGroup="name"/>
												<ColumnDefinition SharedSizeGroup="value"/>
											</Grid.ColumnDefinitions>
											<Label HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="{Binding Name}"/>
											<Label Grid.Column="1" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="{Binding ShortInfo}"/>
										</Grid>
									</HierarchicalDataTemplate>
								</HierarchicalDataTemplate.ItemTemplate>-->

								<!--<HierarchicalDataTemplate.ItemContainerStyle>
									<Style TargetType="TreeViewItem">
										<Setter Property="Template" >
											<Setter.Value>
												<ControlTemplate>
													<Grid>
														<Grid.ColumnDefinitions>
															<ColumnDefinition SharedSizeGroup="name"/>
															<ColumnDefinition SharedSizeGroup="value"/>
														</Grid.ColumnDefinitions>
														<Label HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="{Binding Name}"/>
														<Label Grid.Column="1" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="{Binding ShortInfo}"/>
													</Grid>
												</ControlTemplate>
											</Setter.Value>
										</Setter>

									</Style>
								</HierarchicalDataTemplate.ItemContainerStyle>-->
							</HierarchicalDataTemplate>
						</TreeView.ItemTemplate>
					</TreeView>
				</Grid>
			</Grid>

			<GridSplitter Grid.Row="2" Grid.Column="1" Background="Transparent" HorizontalAlignment="Stretch"/>

			<Grid Grid.Row="2" Grid.Column="2" >
				<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
					<Canvas Margin="-50,-0,0,0" VerticalAlignment="Center" HorizontalAlignment="Center" Height="500" Width="750">
						<Image Source="/parkMonitor;component/resource/map/back.png"/>
						<Image Margin="500,75,0,0" Width="45" Source="/parkMonitor;component/resource/map/pc.png"/>
						<Image Margin="560,55,0,0" Width="25" Source="/parkMonitor;component/resource/map/mobile.png"/>

						<!--<Image Margin="155,100,0,0" Width="60" Source="/parkMonitor;component/resource/map/camera.png"/>
						<Image Margin="155,100,0,0" Width="60" Source="/parkMonitor;component/resource/map/camera_slt.png"/>-->

						<!--<Image Margin="300,180,0,0" Width="60" Source="/parkMonitor;component/resource/map/laser.png"/>
						<Image Margin="300,180,0,0" Width="60" Source="/parkMonitor;component/resource/map/laser_slt.png"/>-->

						<!--<Image Margin="450,260,0,0" Width="60" Source="/parkMonitor;component/resource/map/tongs.png"/>
						<Image Margin="450,260,0,0" Width="60" Source="/parkMonitor;component/resource/map/tongs_slt.png"/>-->

						<!--<Image Margin="530,310,0,0" Width="60" Source="/parkMonitor;component/resource/map/raster.png"/>
						<Image Margin="530,310,0,0" Width="60" Source="/parkMonitor;component/resource/map/raster_slt.png"/>-->

						<!--<Grid Margin="605,365,0,0">
							<Image Width="60" Source="/parkMonitor;component/resource/map/wave.png"/>
							<Image Width="60" Visibility="Collapsed" Source="/parkMonitor;component/resource/map/wave_slt.png"/>
						</Grid>-->
						<util:ImageButton Margin="150,95,0,0" Width="70" Source="/parkMonitor;component/resource/map/camera.png" LightSource="/parkMonitor;component/resource/map/camera_slt.png"/>
						<util:ImageButton Margin="290,175,0,0" Width="70" Source="/parkMonitor;component/resource/map/laser.png" LightSource="/parkMonitor;component/resource/map/laser_slt.png"/>
						<util:ImageButton Margin="450,260,0,0" Width="60" Source="/parkMonitor;component/resource/map/tongs.png" LightSource="/parkMonitor;component/resource/map/tongs_slt.png"/>
						<util:ImageButton Margin="530,310,0,0" Width="60" Source="/parkMonitor;component/resource/map/raster.png" LightSource="/parkMonitor;component/resource/map/raster_slt.png" RenderTransformOrigin="0.5,0.5">
							<util:ImageButton.RenderTransform>
								<TransformGroup>
									<ScaleTransform/>
									<SkewTransform/>
									<RotateTransform Angle="42"/>
									<TranslateTransform/>
								</TransformGroup>
							</util:ImageButton.RenderTransform>
						</util:ImageButton>
						<util:ImageButton Margin="605,365,0,0" Width="60" Source="/parkMonitor;component/resource/map/wave.png" LightSource="/parkMonitor;component/resource/map/wave_slt.png" RenderTransformOrigin="0.5,0.5">
							<util:ImageButton.RenderTransform>
								<TransformGroup>
									<ScaleTransform/>
									<SkewTransform/>
									<RotateTransform Angle="-45"/>
									<TranslateTransform/>
								</TransformGroup>
							</util:ImageButton.RenderTransform>
						</util:ImageButton>
					</Canvas>
				</ScrollViewer>
			</Grid>

		</Grid>
	</Grid>
</Window>