SmartAquafarm
/
SmartAquaViewer
17
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design: 에너지 화면 디자인 적용

Browse Source
prototype
HyungJune Kim 7 months ago
parent e8fd344c10
commit ad4cbf4fea
3 changed files with 468 additions and 446 deletions
Show Stats Download Patch File Download Diff File

66
SmartAquaViewer/Resources/Generic.xaml
Unescape View File

@ -59,34 +59,36 @@
</Style.Triggers> </Style.Triggers>
</Style> </Style>
<Style x:Key="RadioButtonStyle" TargetType="RadioButton"> <Style x:Key="RadioBtnContentTextBlockStyle" TargetType="TextBlock">
<Setter Property="Background" Value="#2F2F44"/> <Setter Property="FontSize" Value="16"/>
<Setter Property="Foreground" Value="White"/> <Setter Property="FontFamily" Value="{StaticResource SCDream3}"/>
<Setter Property="FontSize" Value="32"/> <Setter Property="Foreground" Value="#999"/>
<Setter Property="Width" Value="300"/> <Style.Triggers>
<Setter Property="Height" Value="60"/> <!-- 🔹 라디오버튼이 체크되었을 때 텍스트 색 변경 -->
<Setter Property="Template"> <DataTrigger
<Setter.Value> Binding="{Binding IsChecked, RelativeSource={RelativeSource AncestorType=RadioButton}}"
<ControlTemplate TargetType="RadioButton"> Value="True">
<Border Background="{TemplateBinding Background}" CornerRadius="10" <Setter Property="Foreground" Value="White" />
BorderThickness="1" BorderBrush="Black"> </DataTrigger>
<TextBlock Text="{TemplateBinding Content}" </Style.Triggers>
HorizontalAlignment="Center" VerticalAlignment="Center" </Style>
FontSize="32" Foreground="{TemplateBinding Foreground}"/>
</Border> <Style x:Key="CheckBoxContentTextBlockStyle" TargetType="TextBlock">
<ControlTemplate.Triggers> <Setter Property="FontSize" Value="16"/>
<Trigger Property="IsChecked" Value="True"> <Setter Property="FontFamily" Value="{StaticResource SCDream3}"/>
<Setter Property="Background" Value="#C2C2E6"/> <Setter Property="Foreground" Value="#999"/>
<Setter Property="Foreground" Value="Black"/> <Style.Triggers>
</Trigger> <!-- 🔹 라디오버튼이 체크되었을 때 텍스트 색 변경 -->
</ControlTemplate.Triggers> <DataTrigger
</ControlTemplate> Binding="{Binding IsChecked, RelativeSource={RelativeSource AncestorType=CheckBox}}"
</Setter.Value> Value="True">
</Setter> <Setter Property="Foreground" Value="White" />
</DataTrigger>
</Style.Triggers>
</Style> </Style>
<Style x:Key="ImageRadioButtonStyle" TargetType="RadioButton"> <Style x:Key="ImageRadioButtonStyle" TargetType="RadioButton">
<Setter Property="Foreground" Value="Black"/> <Setter Property="Foreground" Value="#999"/>
<Setter Property="FontSize" Value="20"/> <Setter Property="FontSize" Value="20"/>
<Setter Property="Template"> <Setter Property="Template">
<Setter.Value> <Setter.Value>
@ -242,8 +244,8 @@
<SolidColorBrush x:Key="LineComboArrow" Color="#C0C3C6" /> <SolidColorBrush x:Key="LineComboArrow" Color="#C0C3C6" />
<!-- 화살표 색 --> <!-- 화살표 색 -->
<SolidColorBrush x:Key="LineComboHover" Color="#1D3E55" /> <SolidColorBrush x:Key="LineComboHover" Color="#1D3E55" />
<SolidColorBrush x:Key="LineComboItemHover" Color="#20435A" /> <SolidColorBrush x:Key="LineComboItemHover" Color="#325C80" />
<SolidColorBrush x:Key="LineComboItemSelected" Color="#29506B" /> <SolidColorBrush x:Key="LineComboItemSelected" Color="#325C80" />
<Style x:Key="ComboDropToggleStyle" TargetType="ToggleButton"> <Style x:Key="ComboDropToggleStyle" TargetType="ToggleButton">
<Setter Property="Focusable" Value="False" /> <Setter Property="Focusable" Value="False" />
@ -726,4 +728,14 @@
<Setter Property="SelectionEnd" Value="{Binding Path=Value, RelativeSource={RelativeSource Self}}" /> <Setter Property="SelectionEnd" Value="{Binding Path=Value, RelativeSource={RelativeSource Self}}" />
<Setter Property="Stylus.IsPressAndHoldEnabled" Value="false" /> <Setter Property="Stylus.IsPressAndHoldEnabled" Value="false" />
</Style> </Style>
<Style x:Key="GraphButtonStyle" TargetType="Button" BasedOn="{StaticResource MaterialDesignFlatLightBgButton}">
<Setter Property="FontFamily" Value="{StaticResource SCDream3}" />
<Setter Property="Foreground" Value="White" />
<Setter Property="FontSize" Value="16" />
<Setter Property="Background" Value="#325C80" />
<Setter Property="BorderBrush" Value="Transparent" />
<Setter Property="Width" Value="120" />
<Setter Property="Height" Value="38" />
</Style>
</ResourceDictionary> </ResourceDictionary>

759
SmartAquaViewer/View/EnegyView.xaml
Unescape View File

@ -18,30 +18,23 @@
<classes:CurrentPageEqualsConverter x:Key="CurrentPageEqualsConverter"/> <classes:CurrentPageEqualsConverter x:Key="CurrentPageEqualsConverter"/>
</UserControl.Resources> </UserControl.Resources>
<Border BorderBrush="#2d374c" BorderThickness="2"> <Border>
<Grid Background="Transparent"> <Grid>
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="160"/> <RowDefinition Height="128"/>
<RowDefinition Height="350"/>
<RowDefinition Height="*"/> <RowDefinition Height="*"/>
<RowDefinition Height="40"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="600"/>
</Grid.ColumnDefinitions>
<Border Grid.ColumnSpan="2" Margin="15" BorderBrush="#3E4C60" BorderThickness="1" CornerRadius="10"> <Border Margin="0 0 0 16" BorderBrush="#3E4C60" BorderThickness="1" CornerRadius="4" Background="#264A60">
<Border.Background>
<ImageBrush ImageSource="/Resources/Images/top_bg.png" Stretch="Fill"/>
</Border.Background>
<UniformGrid Columns="9"> <UniformGrid Columns="9">
<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center"> <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
<TextBlock Text="총 소비 전력" HorizontalAlignment="Center" <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/> <TextBlock Text="총 소비 전력" HorizontalAlignment="Center"
<TextBlock Text="{Binding TotalEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/> <TextBlock Text="{Binding TotalEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center"
</StackPanel> FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
</StackPanel>
</Border>
<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center"> <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
<TextBlock Text="모래여과기" HorizontalAlignment="Center" <TextBlock Text="모래여과기" HorizontalAlignment="Center"
FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/> FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
@ -93,360 +86,424 @@
</UniformGrid> </UniformGrid>
</Border> </Border>
<DataGrid ItemsSource="{Binding PagedItems}" <md:DrawerHost Grid.Row="1" RightDrawerBackground="Transparent" IsRightDrawerOpen="True" OpenMode="Standard">
Style="{StaticResource DataGridStyle}" Background="Transparent" <Border BorderBrush="#1D3649" BorderThickness="0 0 2 0">
RowStyle="{StaticResource DataGridRowStyle}" ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}" <Grid>
helper:DataGridAutoPageSizeBehavior.Enable="True" <Grid.RowDefinitions>
Grid.Row="1" Grid.RowSpan="2" Margin="15 0" <RowDefinition/>
HorizontalAlignment="Stretch" <RowDefinition Height="40"/>
ColumnWidth="*" RowHeight="30"> </Grid.RowDefinitions>
<DataGrid.Columns> <Grid.ColumnDefinitions>
<DataGridTextColumn <ColumnDefinition/>
Header="시간" Width="90" <ColumnDefinition Width="30"/>
Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}" </Grid.ColumnDefinitions>
ElementStyle="{StaticResource DataGridElmenetStyle}"/> <DataGrid ItemsSource="{Binding PagedItems}"
Style="{StaticResource DataGridStyle}" Background="Transparent"
RowStyle="{StaticResource DataGridRowStyle}" ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}"
helper:DataGridAutoPageSizeBehavior.Enable="True"
HorizontalAlignment="Stretch" Margin="0 0 16 0"
ColumnWidth="*" RowHeight="30">
<DataGrid.Columns>
<DataGridTextColumn
Header="시간" Width="90"
Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
ElementStyle="{StaticResource DataGridElmenetStyle}"/>
<DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}" <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
Binding="{Binding Filtering.SandFilterEnergy, StringFormat=\{0:F2\}}"> Binding="{Binding Filtering.SandFilterEnergy, StringFormat=\{0:F2\}}"
<DataGridTextColumn.Header> CellStyle="{StaticResource HighlightLeftBorderCellStyle}"
<StackPanel> HeaderStyle="{StaticResource HighlightLeftBorderHeaderStyle}">
<TextBlock Text="모래" HorizontalAlignment="Center"/> <DataGridTextColumn.Header>
<TextBlock Text="여과기" HorizontalAlignment="Center"/> <StackPanel>
</StackPanel> <TextBlock Text="모래" HorizontalAlignment="Center"/>
</DataGridTextColumn.Header> <TextBlock Text="여과기" HorizontalAlignment="Center"/>
</DataGridTextColumn> </StackPanel>
<DataGridTextColumn Header="순환펌프" ElementStyle="{StaticResource DataGridElmenetStyle}" </DataGridTextColumn.Header>
Binding="{Binding Filtering.CirculationPumpEnergy, StringFormat=\{0:F2\}}"/> </DataGridTextColumn>
<DataGridTextColumn Header="히트펌프" ElementStyle="{StaticResource DataGridElmenetStyle}" <DataGridTextColumn Header="순환펌프" ElementStyle="{StaticResource DataGridElmenetStyle}"
Binding="{Binding Filtering.HeatPumpEnergy, StringFormat=\{0:F2\}}"/> Binding="{Binding Filtering.CirculationPumpEnergy, StringFormat=\{0:F2\}}"/>
<DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}" <DataGridTextColumn Header="히트펌프" ElementStyle="{StaticResource DataGridElmenetStyle}"
Binding="{Binding Filtering.AirBlowerEnergy, StringFormat=\{0:F2\}}"> Binding="{Binding Filtering.HeatPumpEnergy, StringFormat=\{0:F2\}}"/>
<DataGridTextColumn.Header> <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
<StackPanel> Binding="{Binding Filtering.AirBlowerEnergy, StringFormat=\{0:F2\}}">
<TextBlock Text="에어" HorizontalAlignment="Center"/> <DataGridTextColumn.Header>
<TextBlock Text="브로와" HorizontalAlignment="Center"/> <StackPanel>
</StackPanel> <TextBlock Text="에어" HorizontalAlignment="Center"/>
</DataGridTextColumn.Header> <TextBlock Text="브로와" HorizontalAlignment="Center"/>
</DataGridTextColumn> </StackPanel>
<DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}" </DataGridTextColumn.Header>
Binding="{Binding Sterilizing.OzoneGeneratorEnergy, StringFormat=\{0:F2\}}"> </DataGridTextColumn>
<DataGridTextColumn.Header> <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
<StackPanel> Binding="{Binding Sterilizing.OzoneGeneratorEnergy, StringFormat=\{0:F2\}}">
<TextBlock Text="오존" HorizontalAlignment="Center"/> <DataGridTextColumn.Header>
<TextBlock Text="발생기" HorizontalAlignment="Center"/> <StackPanel>
</StackPanel> <TextBlock Text="오존" HorizontalAlignment="Center"/>
</DataGridTextColumn.Header> <TextBlock Text="발생기" HorizontalAlignment="Center"/>
</DataGridTextColumn> </StackPanel>
<DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}" </DataGridTextColumn.Header>
Binding="{Binding Sterilizing.UVSterilizerEnergy, StringFormat=\{0:F2\}}"> </DataGridTextColumn>
<DataGridTextColumn.Header> <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
<StackPanel> Binding="{Binding Sterilizing.UVSterilizerEnergy, StringFormat=\{0:F2\}}">
<TextBlock Text="자외선" HorizontalAlignment="Center"/> <DataGridTextColumn.Header>
<TextBlock Text="살균기" HorizontalAlignment="Center"/> <StackPanel>
</StackPanel> <TextBlock Text="자외선" HorizontalAlignment="Center"/>
</DataGridTextColumn.Header> <TextBlock Text="살균기" HorizontalAlignment="Center"/>
</DataGridTextColumn> </StackPanel>
<DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}" </DataGridTextColumn.Header>
Binding="{Binding Sterilizing.OzoneDissolverEnergy, StringFormat=\{0:F2\}}"> </DataGridTextColumn>
<DataGridTextColumn.Header> <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
<StackPanel> Binding="{Binding Sterilizing.OzoneDissolverEnergy, StringFormat=\{0:F2\}}">
<TextBlock Text="오존용해" HorizontalAlignment="Center"/> <DataGridTextColumn.Header>
<TextBlock Text="장치" HorizontalAlignment="Center"/> <StackPanel>
</StackPanel> <TextBlock Text="오존용해" HorizontalAlignment="Center"/>
</DataGridTextColumn.Header> <TextBlock Text="장치" HorizontalAlignment="Center"/>
</DataGridTextColumn> </StackPanel>
<DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}" </DataGridTextColumn.Header>
Binding="{Binding Sterilizing.ExcessOzoneDestroyerEnergy, StringFormat=\{0:F2\}}"> </DataGridTextColumn>
<DataGridTextColumn.Header> <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
<StackPanel> Binding="{Binding Sterilizing.ExcessOzoneDestroyerEnergy, StringFormat=\{0:F2\}}">
<TextBlock Text="배오존" HorizontalAlignment="Center"/> <DataGridTextColumn.Header>
<TextBlock Text="장치" HorizontalAlignment="Center"/> <StackPanel>
</StackPanel> <TextBlock Text="배오존" HorizontalAlignment="Center"/>
</DataGridTextColumn.Header> <TextBlock Text="장치" HorizontalAlignment="Center"/>
</DataGridTextColumn> </StackPanel>
<DataGridTextColumn Header="총 전력" ElementStyle="{StaticResource DataGridElmenetStyle}" </DataGridTextColumn.Header>
Binding="{Binding TotalEnergy, StringFormat=\{0:F2\}}"/> </DataGridTextColumn>
</DataGrid.Columns> <DataGridTextColumn Header="총 전력" ElementStyle="{StaticResource DataGridElmenetStyle}"
</DataGrid> Binding="{Binding TotalEnergy, StringFormat=\{0:F2\}}"/>
</DataGrid.Columns>
</DataGrid>
<Grid Grid.Row="1" VerticalAlignment="Center">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
<Button Command="{Binding FirstPageCommand}"
Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
<md:PackIcon Kind="PageFirst"/>
</Button>
<Button Command="{Binding PrevPageCommand}"
Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
<md:PackIcon Kind="ChevronLeft"/>
</Button>
<Grid Grid.Row="3" VerticalAlignment="Center"> <ItemsControl ItemsSource="{Binding PageNumbers}">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center"> <ItemsControl.ItemsPanel>
<Button Command="{Binding FirstPageCommand}" <ItemsPanelTemplate>
Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0"> <StackPanel Orientation="Horizontal" Margin="32 0" />
<md:PackIcon Kind="PageFirst"/> </ItemsPanelTemplate>
</Button> </ItemsControl.ItemsPanel>
<Button Command="{Binding PrevPageCommand}"
Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0">
<md:PackIcon Kind="ChevronLeft"/>
</Button>
<ItemsControl ItemsSource="{Binding PageNumbers}"> <ItemsControl.ItemTemplate>
<ItemsControl.ItemsPanel> <DataTemplate>
<ItemsPanelTemplate> <Button Margin="6"
<StackPanel Orientation="Horizontal" /> Padding="6,0"
</ItemsPanelTemplate> Command="{Binding DataContext.GoToPageCommand,
</ItemsControl.ItemsPanel> RelativeSource={RelativeSource AncestorType=ItemsControl}}"
CommandParameter="{Binding}">
<Button.Content>
<Binding Converter="{StaticResource PageIndexToDisplayConverter}" />
</Button.Content>
<Button.Style>
<Style TargetType="Button">
<Setter Property="Background" Value="Transparent" />
<Setter Property="BorderBrush" Value="#264A60" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="Foreground" Value="#264A60"/>
<ItemsControl.ItemTemplate> <!-- 🔹 현재 페이지면 강조 -->
<DataTemplate> <Style.Triggers>
<Button Margin="2" <DataTrigger Value="True">
Padding="6,2" <DataTrigger.Binding>
Command="{Binding DataContext.GoToPageCommand, <MultiBinding Converter="{StaticResource CurrentPageEqualsConverter}">
RelativeSource={RelativeSource AncestorType=ItemsControl}}" <!--현재 버튼의 인덱스-->
CommandParameter="{Binding}"> <Binding />
<Button.Content> <!--ViewModel의 PageIndex-->
<Binding Converter="{StaticResource PageIndexToDisplayConverter}" /> <Binding Path="DataContext.PageIndex"
</Button.Content> RelativeSource="{RelativeSource AncestorType=ItemsControl}" />
<Button.Style> </MultiBinding>
<Style TargetType="Button"> </DataTrigger.Binding>
<Setter Property="Background" Value="Transparent" /> <Setter Property="Background" Value="#325C80" />
<Setter Property="BorderBrush" Value="Gray" /> <Setter Property="Foreground" Value="White" />
<Setter Property="BorderThickness" Value="1" /> <Setter Property="BorderThickness" Value="0" />
</DataTrigger>
</Style.Triggers>
</Style>
</Button.Style>
</Button>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
<!-- 🔹 현재 페이지면 강조 --> <Button Command="{Binding NextPageCommand}"
<Style.Triggers> Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
<DataTrigger Value="True"> <md:PackIcon Kind="ChevronRight"/>
<DataTrigger.Binding>
<MultiBinding Converter="{StaticResource CurrentPageEqualsConverter}">
<!--현재 버튼의 인덱스-->
<Binding />
<!--ViewModel의 PageIndex-->
<Binding Path="DataContext.PageIndex"
RelativeSource="{RelativeSource AncestorType=ItemsControl}" />
</MultiBinding>
</DataTrigger.Binding>
<Setter Property="Background" Value="#FF007ACC" />
<Setter Property="Foreground" Value="White" />
</DataTrigger>
</Style.Triggers>
</Style>
</Button.Style>
</Button> </Button>
</DataTemplate> <Button Command="{Binding LastPageCommand}"
</ItemsControl.ItemTemplate> Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
</ItemsControl> <md:PackIcon Kind="PageLast"/>
</Button>
</StackPanel>
</Grid>
</Grid>
</Border>
<md:DrawerHost.RightDrawerContent>
<Border x:Name="RightDrawerRoot" Width="626" CornerRadius="0 4 4 0" Background="#1D3649">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="358"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Border Margin="16 16 16 12" CornerRadius="4"
Background="#152935" BorderBrush="#325C80" BorderThickness="1">
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="62"/>
</Grid.RowDefinitions>
<StackPanel Margin="24 24 24 0">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="146"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<TextBlock Text="그래프" VerticalAlignment="Center"
FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
<Button Command="{Binding NextPageCommand}" <ComboBox Margin="0" Height="35" Grid.Column="1"
Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0"> Style="{StaticResource ComboBoxStyle}"
<md:PackIcon Kind="ChevronRight"/> FontFamily="{StaticResource SCDream3}"
</Button> ItemsSource="{Binding GraphTypes}"
<Button Command="{Binding LastPageCommand}" SelectedIndex="{Binding SelectedGraphIndex, Mode=TwoWay}"
Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0"> helper:ComboBoxHelper.SelectFirstOnItemsChange="True"
<md:PackIcon Kind="PageLast"/> IsEditable="False" IsTextSearchEnabled="False"/>
</Button> </Grid>
</StackPanel> <Grid Margin="0 10 0 0">
</Grid> <Grid.Resources>
<Style TargetType="FrameworkElement">
<Setter Property="Visibility" Value="Collapsed"/>
</Style>
<Style x:Key="VisibleWhenLine" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
<Style x:Key="VisibleWhenStackArea" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
<Style x:Key="VisibleWhenLineNStackArea" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
<Style x:Key="VisibleWhenPie" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="PIE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Grid.Resources>
<Border Grid.Row="1" Grid.Column="1" Margin="0 0 15 15" CornerRadius="10" <StackPanel>
Background="#384659" BorderBrush="#404F63" BorderThickness="1"> <StackPanel Style="{StaticResource VisibleWhenLineNStackArea}">
<Grid> <Grid Margin="0 0 0 10" >
<Grid.RowDefinitions> <Grid.ColumnDefinitions>
<RowDefinition/> <ColumnDefinition Width="146"/>
<RowDefinition Height="50"/> <ColumnDefinition/>
</Grid.RowDefinitions> </Grid.ColumnDefinitions>
<StackPanel> <TextBlock Text="X축" VerticalAlignment="Center"
<Grid Margin="15 15 15 15"> FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
<Grid.ColumnDefinitions> <TextBlock Text="{Binding SelectedXField.Display}" VerticalAlignment="Center"
<ColumnDefinition Width="80"/> Grid.Column="1"
<ColumnDefinition/> FontSize="18" FontFamily="{StaticResource SCDream3}" Foreground="White"/>
</Grid.ColumnDefinitions> </Grid>
<TextBlock Text="그래프" VerticalAlignment="Center"
FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
<ComboBox Margin="15 0 0 0" Height="40" Grid.Column="1" <Grid Margin="0 0 0 10">
Style="{StaticResource ComboBoxStyle}" <Grid.ColumnDefinitions>
FontFamily="{StaticResource SCDream3}" <ColumnDefinition Width="146"/>
ItemsSource="{Binding GraphTypes}" <ColumnDefinition/>
SelectedIndex="{Binding SelectedGraphIndex, Mode=TwoWay}" </Grid.ColumnDefinitions>
helper:ComboBoxHelper.SelectFirstOnItemsChange="True" <TextBlock VerticalAlignment="Top" Foreground="White">
IsEditable="False" IsTextSearchEnabled="False"/> <Run Text="Y축" FontSize="18" FontFamily="{StaticResource SCDream4}"/>
</Grid> <LineBreak/>
<Grid Margin="15 0"> <Run Text="(복수 선택 가능)" FontSize="14" Foreground="#767676"/>
<Grid.Resources> </TextBlock>
<Style TargetType="FrameworkElement">
<Setter Property="Visibility" Value="Collapsed"/>
</Style>
<Style x:Key="VisibleWhenLine" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
<Style x:Key="VisibleWhenStackArea" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
<Style x:Key="VisibleWhenLineNStackArea" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
<Style x:Key="VisibleWhenPie" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="PIE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Grid.Resources>
<StackPanel> <ListBox ItemsSource="{Binding YFieldCandidates}"
<StackPanel Style="{StaticResource VisibleWhenLineNStackArea}"> Grid.Column="1"
<Grid Margin="0 0 0 20" > SelectionMode="Extended"
<Grid.ColumnDefinitions> helper:MultiSelectBehavior.SelectedItems="{Binding SelectedYFields, Mode=OneWay}"
<ColumnDefinition Width="80"/> helper:MultiSelectBehavior.KeyPath="Key"
<ColumnDefinition/> helper:MultiSelectBehavior.ValuePath="Value"
</Grid.ColumnDefinitions> FontSize="14" FontWeight="Bold"
<TextBlock Text="X축" VerticalAlignment="Center" FontFamily="{StaticResource SCDream5}"
FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/> Style="{StaticResource MaterialDesignFilterChipListBox}"
<TextBlock Text="{Binding SelectedXField.Display}" VerticalAlignment="Center" ItemContainerStyle="{StaticResource ListBoxItemStyle}">
Margin="15 0 0 0" Grid.Column="1" <ListBox.ItemTemplate>
FontSize="20" FontFamily="{StaticResource SCDream3}" Foreground="White"/> <DataTemplate>
</Grid> <ToggleButton Content="{Binding Display}"
Focusable="False"
IsChecked="{Binding IsSelected,
RelativeSource={RelativeSource AncestorType=ListBoxItem}}"
Style="{StaticResource CircleCheckToggleButtonStyle}"
Margin="12 0"/>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</Grid>
</StackPanel>
<Grid Margin="0 0 0 15"> <StackPanel Style="{StaticResource VisibleWhenPie}">
<Grid.ColumnDefinitions> <Grid Margin="0 0 0 10">
<ColumnDefinition Width="80"/> <Grid.ColumnDefinitions>
<ColumnDefinition/> <ColumnDefinition Width="146"/>
</Grid.ColumnDefinitions> <ColumnDefinition/>
<TextBlock Text="Y축" VerticalAlignment="Top" </Grid.ColumnDefinitions>
FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/> <TextBlock Text="필드" VerticalAlignment="Top"
FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
<Border Grid.Column="1" CornerRadius="10" <ListBox ItemsSource="{Binding YFieldCandidates}"
Background="White" Margin="15 0 0 15"> Grid.Column="1"
<ListBox ItemsSource="{Binding YFieldCandidates}" SelectionMode="Extended"
DisplayMemberPath="Display" helper:MultiSelectBehavior.SelectedItems="{Binding SelectedYFields, Mode=OneWay}"
SelectionMode="Extended" helper:MultiSelectBehavior.KeyPath="Key"
helper:MultiSelectBehavior.SelectedItems="{Binding SelectedYFields, Mode=OneWay}" helper:MultiSelectBehavior.ValuePath="Value"
helper:MultiSelectBehavior.KeyPath="Key" FontSize="16" FontWeight="Bold"
helper:MultiSelectBehavior.ValuePath="Value" FontFamily="{StaticResource SCDream5}"
Height="Auto" Background="White" Style="{StaticResource MaterialDesignFilterChipListBox}"
FontSize="16" FontWeight="Bold" ItemContainerStyle="{StaticResource ListBoxItemStyle}">
FontFamily="{StaticResource SCDream5}" <ListBox.ItemTemplate>
Style="{StaticResource MaterialDesignFilterChipListBox}"/> <DataTemplate>
</Border> <ToggleButton Content="{Binding Display}"
</Grid> Focusable="False"
</StackPanel> IsChecked="{Binding IsSelected,
RelativeSource={RelativeSource AncestorType=ListBoxItem}}"
Style="{StaticResource CircleCheckToggleButtonStyle}"
Margin="12 0"/>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</Grid>
<StackPanel Style="{StaticResource VisibleWhenPie}"> <Grid Margin="0 0 0 10">
<Grid Margin="0 0 0 15"> <Grid.ColumnDefinitions>
<Grid.ColumnDefinitions> <ColumnDefinition Width="146"/>
<ColumnDefinition Width="80"/> <ColumnDefinition/>
<ColumnDefinition/> </Grid.ColumnDefinitions>
</Grid.ColumnDefinitions> <TextBlock Text="집계 방식" VerticalAlignment="Top"
<TextBlock Text="필드" VerticalAlignment="Top" FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
<Border Grid.Column="1" CornerRadius="10" <StackPanel Orientation="Horizontal" Grid.Column="1">
Background="White" Margin="15 0 0 15"> <RadioButton x:Name="rbStatus"
<ListBox ItemsSource="{Binding YFieldCandidates}" GroupName="pie" Margin="0 0 12 0"
DisplayMemberPath="Display" Foreground="#325C80"
SelectionMode="Extended" FontFamily="{StaticResource SCDream3}"
helper:MultiSelectBehavior.SelectedItems="{Binding SelectedYFields, Mode=OneWay}" Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
helper:MultiSelectBehavior.KeyPath="Key" IsChecked="{Binding UseAverage, Converter={StaticResource InverseBoolConverter}, Mode=TwoWay}">
helper:MultiSelectBehavior.ValuePath="Value" <TextBlock Text="합계" Style="{StaticResource RadioBtnContentTextBlockStyle}"/>
Height="Auto" Background="White" </RadioButton>
FontSize="16" FontWeight="Bold" <RadioButton x:Name="pie"
FontFamily="{StaticResource SCDream5}" GroupName="pie"
Style="{StaticResource MaterialDesignFilterChipListBox}"/> Foreground="#325C80"
</Border> FontFamily="{StaticResource SCDream3}"
</Grid> Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
IsChecked="{Binding UseAverage, Mode=TwoWay}">
<TextBlock Text="평균" Style="{StaticResource RadioBtnContentTextBlockStyle}"/>
</RadioButton>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0 0 0 15"> </Grid>
<RadioButton x:Name="rbStatus" Content="합계" </StackPanel>
GroupName="pie" Margin="0 0 30 0" </StackPanel>
Foreground="White" FontSize="20" </Grid>
FontFamily="{StaticResource SCDream3}"
Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
IsChecked="{Binding UseAverage, Converter={StaticResource InverseBoolConverter}, Mode=TwoWay}"/>
<RadioButton x:Name="pie" Content="평균"
GroupName="pie" Grid.Column="1"
Foreground="White" FontSize="20"
FontFamily="{StaticResource SCDream3}"
Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
IsChecked="{Binding UseAverage, Mode=TwoWay}"/>
</StackPanel> </StackPanel>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="24 0 0 0" Grid.Row="1">
<CheckBox IsChecked="{Binding ShowMarkers}" Margin="0 0 12 0"
Foreground="#264A60"
VerticalContentAlignment="Center">
<CheckBox.Style>
<Style TargetType="CheckBox" BasedOn="{StaticResource SquareCheckToggleButtonStyle}">
<Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</CheckBox.Style>
<TextBlock Text="마커" Style="{StaticResource CheckBoxContentTextBlockStyle}"/>
</CheckBox>
<CheckBox IsChecked="{Binding ShowLegends}" Margin="0 0 12 0"
Foreground="#264A60"
VerticalContentAlignment="Center">
<CheckBox.Style>
<Style TargetType="CheckBox" BasedOn="{StaticResource SquareCheckToggleButtonStyle}">
<Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</CheckBox.Style>
<TextBlock Text="범례" Style="{StaticResource CheckBoxContentTextBlockStyle}"/>
</CheckBox>
<CheckBox IsChecked="{Binding IsDonut}" Margin="0 0 12 0"
Foreground="#264A60"
VerticalContentAlignment="Center">
<CheckBox.Style>
<Style TargetType="CheckBox" BasedOn="{StaticResource SquareCheckToggleButtonStyle}">
<Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="PIE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</CheckBox.Style>
<TextBlock Text="도넛모드" Style="{StaticResource CheckBoxContentTextBlockStyle}"/>
</CheckBox>
</StackPanel>
</StackPanel> <StackPanel Orientation="Horizontal" Margin="15 0" Grid.Row="1" HorizontalAlignment="Right">
<Button Content="그래프 생성"
Style="{StaticResource GraphButtonStyle}"
Command="{Binding DrawGraphCommand}"/>
</StackPanel>
</Grid>
</Border>
<Border Grid.Row="2" Grid.Column="1" Grid.RowSpan="2" Margin="16 0 16 16" CornerRadius="4"
Background="#152935" BorderBrush="#325C80" BorderThickness="1">
<control:GraphControl
x:Name="graphControl"
Margin="10" DataContext="{Binding GraphControlVM}"
HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Border>
</Grid> </Grid>
</StackPanel> </Border>
</md:DrawerHost.RightDrawerContent>
</md:DrawerHost>
<StackPanel Orientation="Horizontal" Margin="15 0 0 0" Grid.Row="1">
<CheckBox Content="마커 표시" IsChecked="{Binding ShowMarkers}" Margin="0 0 15 0"
FontSize="20" FontFamily="{StaticResource SCDream4}" Foreground="White"
VerticalContentAlignment="Center">
<CheckBox.Style>
<Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}">
<Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</CheckBox.Style>
</CheckBox>
<CheckBox Content="범례 표시" IsChecked="{Binding ShowLegends}" Margin="0 0 15 0"
FontSize="20" FontFamily="{StaticResource SCDream4}" Foreground="White"
VerticalContentAlignment="Center">
<CheckBox.Style>
<Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}">
<Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</CheckBox.Style>
</CheckBox>
<CheckBox Content="도넛 모드" IsChecked="{Binding IsDonut}" Margin="0 0 15 0"
FontSize="20" FontFamily="{StaticResource SCDream4}" Foreground="White"
VerticalContentAlignment="Center">
<CheckBox.Style>
<Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}">
<Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="PIE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</CheckBox.Style>
</CheckBox>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="15 0" Grid.Row="1" HorizontalAlignment="Right">
<Button Content="그래프 생성" FontFamily="{StaticResource SCDream5}"
Style="{StaticResource MaterialDesignFlatLightBgButton}"
FontWeight="Bold" Command="{Binding DrawGraphCommand}"/>
</StackPanel>
</Grid>
</Border>
<Border Grid.Row="2" Grid.Column="1" Grid.RowSpan="2" Margin="0 0 15 15" CornerRadius="10"
Background="#384659" BorderBrush="#404F63" BorderThickness="1">
<control:GraphControl x:Name="graphControl"
Margin="10" DataContext="{Binding GraphControlVM}"
HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Border>
</Grid> </Grid>
</Border> </Border>
</UserControl> </UserControl>

89
SmartAquaViewer/View/MonitoringView.xaml
Unescape View File

@ -541,10 +541,10 @@
</Grid> </Grid>
</Border> </Border>
<md:DrawerHost.BottomDrawerContent> <md:DrawerHost.BottomDrawerContent>
<Border x:Name="BottomDrawerRoot" Height="400" CornerRadius="0 4 4 4" Background="#1D3649"> <Border x:Name="BottomDrawerRoot" Height="400" CornerRadius="0 0 4 4" Background="#1D3649">
<Grid> <Grid>
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="550"/> <ColumnDefinition Width="520"/>
<ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Border Margin="16 16 12 16" CornerRadius="5" <Border Margin="16 16 12 16" CornerRadius="5"
@ -718,22 +718,24 @@
<TextBlock Text="필드 종류" VerticalAlignment="Center" <TextBlock Text="필드 종류" VerticalAlignment="Center"
FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/> FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
<StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Left" Margin="15 0"> <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Left" Margin="15 0">
<RadioButton x:Name="rbStatus" Content="전원/상태" <RadioButton x:Name="rbStatus"
FontFamily="{StaticResource SCDream3}" GroupName="strpPlot" Margin="0 0 16 0"
GroupName="strpPlot" Margin="0 0 30 0" Foreground="#325C80"
Foreground="White" FontSize="16"
Style="{StaticResource MaterialDesignUserForegroundRadioButton}" Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
IsChecked="{Binding SelectedKind, Mode=TwoWay, IsChecked="{Binding SelectedKind, Mode=TwoWay,
Converter={StaticResource EnumEqualsConverter}, Converter={StaticResource EnumEqualsConverter},
ConverterParameter={x:Static model:StepFieldKind.Status}}"/> ConverterParameter={x:Static model:StepFieldKind.Status}}">
<RadioButton x:Name="rbValue" Content="센서 값" <TextBlock Text="전원/상태" Style="{StaticResource RadioBtnContentTextBlockStyle}"/>
FontFamily="{StaticResource SCDream3}" </RadioButton>
GroupName="strpPlot" Grid.Column="1" <RadioButton x:Name="rbValue"
Foreground="White" FontSize="16" GroupName="strpPlot"
Foreground="#325C80"
Style="{StaticResource MaterialDesignUserForegroundRadioButton}" Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
IsChecked="{Binding SelectedKind, Mode=TwoWay, IsChecked="{Binding SelectedKind, Mode=TwoWay,
Converter={StaticResource EnumEqualsConverter}, Converter={StaticResource EnumEqualsConverter},
ConverterParameter={x:Static model:StepFieldKind.Sensor}}"/> ConverterParameter={x:Static model:StepFieldKind.Sensor}}">
<TextBlock Text="센서 값" Style="{StaticResource RadioBtnContentTextBlockStyle}"/>
</RadioButton>
</StackPanel> </StackPanel>
</Grid> </Grid>
@ -870,7 +872,7 @@
Foreground="#264A60" Foreground="#264A60"
Margin="0 0 4 0" VerticalContentAlignment="Center"> Margin="0 0 4 0" VerticalContentAlignment="Center">
<CheckBox.Style> <CheckBox.Style>
<Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}"> <Style TargetType="CheckBox" BasedOn="{StaticResource SquareCheckToggleButtonStyle}">
<Setter Property="Visibility" Value="Visible"/> <Setter Property="Visibility" Value="Visible"/>
<Style.Triggers> <Style.Triggers>
<DataTrigger Binding="{Binding SelectedTab}" Value="Filter"> <DataTrigger Binding="{Binding SelectedTab}" Value="Filter">
@ -882,30 +884,14 @@
</Style.Triggers> </Style.Triggers>
</Style> </Style>
</CheckBox.Style> </CheckBox.Style>
<TextBlock Text="범례" Style="{StaticResource CheckBoxContentTextBlockStyle}"/>
</CheckBox> </CheckBox>
<TextBlock Text="범례" VerticalAlignment="Center" Margin="0 0 12 0"
FontSize="16" FontFamily="{StaticResource SCDream3}"
Foreground="#999999">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Visibility" Value="Visible"/>
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedTab}" Value="Filter">
<Setter Property="Visibility" Value="Collapsed"/>
</DataTrigger>
<DataTrigger Binding="{Binding SelectedTab}" Value="Sterilizer">
<Setter Property="Visibility" Value="Collapsed"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
<CheckBox IsChecked="{Binding ShowMarkers}" <CheckBox IsChecked="{Binding ShowMarkers}"
Foreground="#264A60" Foreground="#264A60"
Margin="0 0 4 0" VerticalContentAlignment="Center"> Margin="0 0 4 0" VerticalContentAlignment="Center">
<CheckBox.Style> <CheckBox.Style>
<Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}"> <Style TargetType="CheckBox" BasedOn="{StaticResource SquareCheckToggleButtonStyle}">
<Setter Property="Visibility" Value="Collapsed"/> <Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers> <Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE"> <DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
@ -917,30 +903,14 @@
</Style.Triggers> </Style.Triggers>
</Style> </Style>
</CheckBox.Style> </CheckBox.Style>
<TextBlock Text="마커" Style="{StaticResource CheckBoxContentTextBlockStyle}"/>
</CheckBox> </CheckBox>
<TextBlock Text="마커" VerticalAlignment="Center" Margin="0 0 12 0"
FontSize="16" FontFamily="{StaticResource SCDream3}"
Foreground="#999999">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="STEP">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
<CheckBox IsChecked="{Binding ShowRegression}" <CheckBox IsChecked="{Binding ShowRegression}"
Foreground="#264A60" Foreground="#264A60"
Margin="0 0 4 0" VerticalContentAlignment="Center"> Margin="0 0 4 0" VerticalContentAlignment="Center">
<CheckBox.Style> <CheckBox.Style>
<Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}"> <Style TargetType="CheckBox" BasedOn="{StaticResource SquareCheckToggleButtonStyle}">
<Setter Property="Visibility" Value="Collapsed"/> <Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers> <Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="SCATTER"> <DataTrigger Binding="{Binding SelectedGraphType}" Value="SCATTER">
@ -949,29 +919,12 @@
</Style.Triggers> </Style.Triggers>
</Style> </Style>
</CheckBox.Style> </CheckBox.Style>
<TextBlock Text="회귀선" Style="{StaticResource CheckBoxContentTextBlockStyle}"/>
</CheckBox> </CheckBox>
<TextBlock Text="회귀선" VerticalAlignment="Center" Margin="0 0 12 0"
FontSize="16" FontFamily="{StaticResource SCDream3}"
Foreground="#999999">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Visibility" Value="Collapsed"/>
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedGraphType}" Value="SCATTER">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
</StackPanel> </StackPanel>
<Button Content="그래프 생성" Grid.Row="1" HorizontalAlignment="Right" <Button Content="그래프 생성" Grid.Row="1" HorizontalAlignment="Right"
FontFamily="{StaticResource SCDream3}" Style="{StaticResource GraphButtonStyle}"
Foreground="White" FontSize="16"
Background="#325C80" BorderBrush="Transparent"
Style="{StaticResource MaterialDesignFlatLightBgButton}"
Width="120" Height="38"
Margin="0 0 24 24" Padding="20 0" Margin="0 0 24 24" Padding="20 0"
Command="{Binding DrawGraphCommand}"/> Command="{Binding DrawGraphCommand}"/>
</Grid> </Grid>

Write Preview
Loading…
Cancel
Save