自动化生产管理平台(Automatic)

1，自动化生产管理平台(Automatic)

1.1，重新定义Window样式

添加WindowChrome元素进行自定义定义

<Window x:Class="lzg.Automatic.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:lzg.Automatic" mc:Ignorable="d" Title="MainWindow" Height="700" Width="1150" FontSize="12" FontWeight="ExtraLight" FontFamily="Micr0soft Yahei" WindowStartupLocation="CenterScreen" WindowStyle="None" > <WindowChrome.WindowChrome> <!--CaptionHeight标题栏高度，不需要添加后台代码即可在此区域内可实现拖拽--> <WindowChrome CaptionHeight="50" GlassFrameThickness="-1" ></WindowChrome> </WindowChrome.WindowChrome>

注意：如果标签元素（例如Button）位于Caption区域，若想其或者其包含的元素响应事件需要对该元素添加设置附加属性:WindowChrome.IsHitTestVisibleInChrome="True"

例如：在Button位于Caption区域若想鼠标进入StackPanel内的所有Button背景颜色均可变化则需要设置StackPanel附加属性WindowChrome.IsHitTestVisibleInChrome="True".

<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Column="2" WindowChrome.IsHitTestVisibleInChrome="True"> <Button Style="{StaticResource winControlButton}">&#xe624;</Button> <Button Style="{StaticResource winControlButton}">&#xe600;</Button> <Button Style="{StaticResource winControlButton}" Background="DarkRed">&#xe609;</Button> </StackPanel>

<Style x:Key="winControlButton" TargetType="Button"> <Setter Property="Width" Value="35"> </Setter> <Setter Property="Height" Value="35"> </Setter> <Setter Property="Background" Value="#11ffffff"></Setter> <Setter Property="Foreground" Value="White"></Setter> <Setter Property="FontFamily" Value="{StaticResource iconFont}"></Setter> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <Border x:Name="root" Background="{TemplateBinding Background}"> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"></ContentPresenter> </Border> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="root" Property="Background" Value="#66ffffff"></Setter> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style>

1.2，导航到指定位置

使用页导航，导航到指定该页的指定位置：

格式：页位置#标签名,例如SettingsPage.xaml#p1表示导航到SettingsPage.xaml页面Element名称(Name)为p1处。

<!--导航按钮--><BorderGrid.Row="1"BorderBrush="LightGray"BorderThickness="0,0,1,0"><StackPanelButtonBase.Click="StackPanel_Click"><StackPanel.Resources><StyleTargetType="RadioButton"><Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="RadioButton"> <Borderx:Name="Part_root"Padding="8,8,0,8"> <ContentPresenter></ContentPresenter> </Border> <ControlTemplate.Triggers> <Trigger Property="IsChecked"Value="True"> <Setter TargetName="Part_root"Property="Background"Value="#18aabd"></Setter> <Setter Property="Foreground"Value="White"></Setter> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter></Style></StackPanel.Resources><RadioButtonContent="设备清单"IsChecked="True"Tag="p1"></RadioButton><RadioButtonContent="环境检测"Tag="p2"></RadioButton><RadioButtonContent="设置3"Tag="p3"></RadioButton><RadioButtonContent="设置4"Tag="p4"></RadioButton><RadioButtonContent="设置5"Tag="p5"></RadioButton></StackPanel></Border><ScrollViewerGrid.Row="1"Grid.Column="1"Margin="10,5,5,5"VerticalScrollBarVisibility="Hidden"><FrameSource="SettingsPage.xaml"x:Name="frameContent"NavigationUIVisibility="Hidden"></Frame></ScrollViewer>

给元素指定Name，用于导航定位

<Pagex:Class="lzg.Automatic.Views.SettingsPage"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:local="clr-namespace:lzg.Automatic.Views"mc:Ignorable="d"xmlns:vm="clr-namespace:lzg.Automatic.ViewModels"d:DesignHeight="450"d:DesignWidth="800"Title="SettingsPage"><Page.Resources><StyleTargetType="GroupBox"><Setter Property="MinHeight"Value="100"></Setter> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="GroupBox"> <StackPanel> <Label Padding="5,15,5,8"Content="{TemplateBinding Header}"FontSize="{TemplateBinding FontSize}"BorderBrush="LightGray"BorderThickness="0,0,0,1"></Label> <ContentPresenter Margin="0,10,0,0"></ContentPresenter> </StackPanel> </ControlTemplate> </Setter.Value> </Setter></Style></Page.Resources><Page.DataContext><vm:SettingsViewModel></vm:SettingsViewModel></Page.DataContext><StackPanel><!--这里的Name=p1用于导航定位--!><GroupBoxHeader="设备清单"x:Name="p1"><ListBoxHorizontalContentAlignment="Stretch"TextBlock.Foreground="Black"ItemsSource="{Binding DeviceList}"><ListBox.Template><ControlTemplateTargetType="ListBox"><ItemsPresenter></ItemsPresenter></ControlTemplate></ListBox.Template><ListBox.ItemContainerStyle><StyleTargetType="ListBoxItem"><Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ListBoxItem"> <ContentPresenter></ContentPresenter> </ControlTemplate> </Setter.Value> </Setter></Style></ListBox.ItemContainerStyle><ListBox.ItemTemplate><DataTemplate><GridMargin="10,0"Background="#09000000"><Grid.ColumnDefinitions><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition><ColumnDefinitionWidth="0.5*"></ColumnDefinition></Grid.ColumnDefinitions><Grid.RowDefinitions><RowDefinitionHeight="auto"></RowDefinition><RowDefinition></RowDefinition></Grid.RowDefinitions><TextBlockVerticalAlignment="Center"Margin="0,3"Text="{Binding ControllerName}"HorizontalAlignment="Left"></TextBlock><TextBlockGrid.Column="1"VerticalAlignment="Center"Margin="0,3"Text="{Binding CommunicationAddress}"HorizontalAlignment="Left"></TextBlock><TextBlockGrid.Column="2"VerticalAlignment="Center"Margin="0,3"Text="{Binding CommunicationProtocol}"HorizontalAlignment="Left"></TextBlock><TextBlockGrid.Column="3"VerticalAlignment="Center"HorizontalAlignment="Right"><HyperlinkForeground="BlueViolet">点位表</Hyperlink></TextBlock><ItemsControlx:Name="Part_Detail"Visibility="Collapsed"Grid.Row="1"HorizontalContentAlignment="Stretch"Grid.ColumnSpan="4"Background="White"ItemsSource="{Binding Devicves}"><ItemsControl.ItemsPanel><ItemsPanelTemplate><UniformGridColumns="2"></UniformGrid></ItemsPanelTemplate></ItemsControl.ItemsPanel><ItemsControl.ItemTemplate><DataTemplate><GridTextBlock.Foreground="Black"><Grid.ColumnDefinitions><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition><ColumnDefinition></ColumnDefinition></Grid.ColumnDefinitions><TextBlockText="{Binding Name}"Margin="0,3"VerticalAlignment="Center"HorizontalAlignment="Center"></TextBlock><TextBlockGrid.Column="1"Text="{Binding Address}"Margin="0,3"VerticalAlignment="Center"HorizontalAlignment="Center"></TextBlock><TextBlockGrid.Column="2"Text="{Binding Unit}"Margin="0,3"VerticalAlignment="Center"HorizontalAlignment="Center"></TextBlock><TextBlockGrid.Column="3"VerticalAlignment="Center"HorizontalAlignment="Center"><HyperlinkForeground="Blue"Command="{Binding RelativeSource={RelativeSource AncestorType=local:SettingsPage, Mode=FindAncestor}, Path=DataContext.DeleteCommand}"CommandParameter="{Binding}">删除</Hyperlink></TextBlock></Grid></DataTemplate></ItemsControl.ItemTemplate></ItemsControl></Grid><DataTemplate.Triggers><DataTriggerBinding="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem, Mode=FindAncestor}, Path=IsSelected}"Value="true"><SetterTargetName="Part_Detail"Property="Visibility"Value="Visible"></Setter></DataTrigger></DataTemplate.Triggers></DataTemplate></ListBox.ItemTemplate></ListBox></GroupBox><GroupBoxHeader="环境检测"x:Name="p2"></GroupBox><GroupBoxHeader="设置3"x:Name="p3"></GroupBox><GroupBoxHeader="设置4"x:Name="p4"></GroupBox><GroupBoxHeader="设置5"x:Name="p5"></GroupBox></StackPanel></Page>

后台导航代码：

private void StackPanel_Click(object sender, RoutedEventArgs e) { if(e.OriginalSource is RadioButton btn) { //定位到指定的位置 frameContent.NavigationService.Navigate(new Uri($"Views/SettingsPage.xaml#{btn.Tag}", UriKind.Relative)); } }

效果：

2，项目效果：

3，项目链接。

https://download.csdn.net/download/lingxiao16888/92865755