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 6197df6be2
commit a63172f66c
7 changed files with 79 additions and 51 deletions
Show Stats Download Patch File Download Diff File

2
SmartAquaViewer/MainWindow.xaml
Unescape View File

@ -20,7 +20,7 @@
<ImageBrush ImageSource="./Resources/Images/background.png"></ImageBrush>
</Grid.Background>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="270"/>
<ColumnDefinition Width="260"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>

BIN
SmartAquaViewer/Resources/Images/ListImage.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 163 B

BIN
SmartAquaViewer/Resources/Images/add_folder.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
SmartAquaViewer/Resources/Images/file_logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 289 B

4
SmartAquaViewer/SmartAquaViewer.csproj
Unescape View File

@ -20,11 +20,13 @@
<None Remove="Fonts\SCDream7.otf" />
<None Remove="Fonts\SCDream8.otf" />
<None Remove="Fonts\SCDream9.otf" />
<None Remove="Resources\Images\add_folder.png" />
<None Remove="Resources\Images\arrow_down.png" />
<None Remove="Resources\Images\arrow_left.png" />
<None Remove="Resources\Images\arrow_right.png" />
<None Remove="Resources\Images\arrow_up.png" />
<None Remove="Resources\Images\background.png" />
<None Remove="Resources\Images\file_logo.png" />
<None Remove="Resources\Images\ListImage.png" />
<None Remove="Resources\Images\max.png" />
<None Remove="Resources\Images\NIFS_logo_w.png" />
@ -72,6 +74,7 @@
<Resource Include="Fonts\SCDream7.otf" />
<Resource Include="Fonts\SCDream8.otf" />
<Resource Include="Fonts\SCDream9.otf" />
<Resource Include="Resources\Images\add_folder.png" />
<Resource Include="Resources\Images\arrow_down.png" />
<Resource Include="Resources\Images\arrow_left.png">
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
@ -81,6 +84,7 @@
</Resource>
<Resource Include="Resources\Images\arrow_up.png" />
<Resource Include="Resources\Images\background.png" />
<Resource Include="Resources\Images\file_logo.png" />
<Resource Include="Resources\Images\ListImage.png" />
<Resource Include="Resources\Images\max.png" />
<Resource Include="Resources\Images\NIFS_logo_w.png" />

72
SmartAquaViewer/View/FileListView.xaml
Unescape View File

@ -7,7 +7,7 @@
xmlns:vm="clr-namespace:SmartAquaViewer.ViewModel"
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
mc:Ignorable="d"
d:DesignHeight="1040" d:DesignWidth="270">
d:DesignHeight="1040" d:DesignWidth="260">
<UserControl.DataContext>
<vm:FileListViewModel/>
@ -16,25 +16,38 @@
<Border Background="#264A60">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="100"/>
<RowDefinition Height="80"/>
<!-- Header Row -->
<RowDefinition Height="*"/>
<!-- File List Row -->
</Grid.RowDefinitions>
<Grid>
<StackPanel Orientation="Horizontal" Margin="24 0 0 0">
<Border Width="30" Height="30"
HorizontalAlignment="Left"
Margin="0 0 12 0"
Background="#4178BE"
CornerRadius="2">
<Image Source="/Resources/Images/ListImage.png"
Width="35" Margin="20 0"
HorizontalAlignment="Left"/>
VerticalAlignment="Center" HorizontalAlignment="Center"
Width="24" Height="24"/>
</Border>
<TextBlock Text="파일 목록" FontFamily="{StaticResource SCDream5}"
FontSize="20" FontWeight="Bold" Foreground="White"
HorizontalAlignment="Center" VerticalAlignment="Center"
Margin="0 0 30 0"/>
<Button Width="40" Height="40"
Margin="20 0" Padding="0"
FontSize="24" FontWeight="Bold" Foreground="White"
HorizontalAlignment="Center" VerticalAlignment="Center"/>
</StackPanel>
<Button Width="36" Height="36"
Margin="24 0" Padding="0"
HorizontalAlignment="Right"
Background="#ffd663"
Background="Transparent"
BorderThickness="0"
Command="{Binding OpenFileDialogCommand}">
<materialDesign:PackIcon Kind="FolderAdd"/>
<Border Background="#325C80" CornerRadius="25"
Width="36" Height="36">
<Image Source="/Resources/Images/add_folder.png"
Width="24" Height="24"
VerticalAlignment="Center" HorizontalAlignment="Center"/>
</Border>
</Button>
</Grid>
@ -54,33 +67,44 @@
</TextBlock.Style>
</TextBlock>
<ScrollViewer Grid.Row="1" Margin="10" >
<ListView
Grid.Row="1" Padding="0"
ItemsSource="{Binding FileList}"
SelectedItem="{Binding SelectedFile}"
ScrollViewer.VerticalScrollBarVisibility="Hidden"
BorderThickness="0" Background="Transparent">
BorderThickness="0">
<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="Margin" Value="2"/>
<Style.Triggers>
<Trigger Property="IsSelected" Value="True">
<Setter Property="Background" Value="LightSkyBlue"/>
</Trigger>
</Style.Triggers>
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Padding" Value="0"/>
<Setter Property="BorderThickness" Value="0"/>
</Style>
</ListView.ItemContainerStyle>
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="0 5">
<TextBlock Text="{Binding Name}" Margin="5"
FontSize="16" FontWeight="Medium" Foreground="White"
FontFamily="{StaticResource SCDream4}"/>
<Border x:Name="bdRoot" Height="56" Margin="24 0 0 0">
<StackPanel Orientation="Horizontal">
<Image Source="/Resources/Images/file_logo.png"
Width="24" Height="24" Margin="0 0 8 0"/>
<TextBlock Text="{Binding Name}"
FontSize="20" Foreground="White"
FontFamily="{StaticResource SCDream4}"
VerticalAlignment="Center"/>
</StackPanel>
</Border>
<DataTemplate.Triggers>
<DataTrigger
Value="True"
Binding="{Binding IsSelected,
RelativeSource={RelativeSource AncestorType=ListViewItem}}">
<Setter TargetName="bdRoot" Property="Background" Value="#325C80"/>
</DataTrigger>
</DataTemplate.Triggers>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</ScrollViewer>
</Grid>
</Border>
</UserControl>

22
SmartAquaViewer/View/MonitoringView.xaml
Unescape View File

@ -567,7 +567,7 @@
</Style>
</Grid.Resources>
<StackPanel>
<Grid Margin="24 24 24 8">
<Grid Margin="24 24 24 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="110"/>
<ColumnDefinition/>
@ -583,7 +583,7 @@
helper:ComboBoxHelper.SelectFirstOnItemsChange="True"
IsEditable="False" IsTextSearchEnabled="False"/>
</Grid>
<Grid Margin="24 0 24 8">
<Grid Margin="24 0 24 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="110"/>
<ColumnDefinition/>
@ -598,7 +598,7 @@
DisplayMemberPath="Display"/>
</Grid>
<Grid Margin="24 0 24 8" Style="{StaticResource VisibleWhenTank}">
<Grid Margin="24 0 24 10" Style="{StaticResource VisibleWhenTank}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="110"/>
<ColumnDefinition/>
@ -682,7 +682,7 @@
<!-- LINE -->
<StackPanel Style="{StaticResource VisibleWhenLine}">
<Grid Style="{StaticResource VisibleWhenLine}" Margin="0 0 0 8">
<Grid Style="{StaticResource VisibleWhenLine}" Margin="0 0 0 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="110"/>
<ColumnDefinition/>
@ -700,7 +700,7 @@
<!--STEP-->
<StackPanel Style="{StaticResource VisibleWhenStep}">
<Grid Margin="0 0 0 8">
<Grid Margin="0 0 0 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="110"/>
<ColumnDefinition/>
@ -727,7 +727,7 @@
</StackPanel>
</Grid>
<Grid Margin="0 0 0 8">
<Grid Margin="0 0 0 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="110"/>
<ColumnDefinition/>
@ -765,7 +765,7 @@
<!-- SCATTER: 단일 Y + 옵션 -->
<StackPanel Style="{StaticResource VisibleWhenScatter}">
<Grid Margin="0 0 0 8">
<Grid Margin="0 0 0 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="80"/>
<ColumnDefinition/>
@ -780,7 +780,7 @@
Style="{StaticResource ComboBoxStyle}"/>
</Grid>
<Grid Margin="0 0 0 8">
<Grid Margin="0 0 0 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="80"/>
<ColumnDefinition/>
@ -799,7 +799,7 @@
<!-- BOX: 값 필드 + 그룹 필드 + 옵션 -->
<StackPanel Style="{StaticResource VisibleWhenBox}">
<Grid Style="{StaticResource VisibleWhenTime}" Margin="0 0 0 8">
<Grid Style="{StaticResource VisibleWhenTime}" Margin="0 0 0 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="110"/>
<ColumnDefinition/>
@ -818,7 +818,7 @@
FontSize="18" FontFamily="{StaticResource SCDream3}" Foreground="White"/>
</Grid>
<Grid Margin="0 0 0 8">
<Grid Margin="0 0 0 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="110"/>
<ColumnDefinition/>
@ -833,7 +833,7 @@
Style="{StaticResource ComboBoxStyle}"/>
</Grid>
<Grid Margin="0 0 0 8">
<Grid Margin="0 0 0 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="110"/>
<ColumnDefinition/>

Write Preview
Loading…
Cancel
Save