adro/bfr
1
0
Fork 0
Code Issues 8 Pull Requests Projects Releases Wiki Activity

Basic Styling + Add MainWindowUIProperties.cs

Browse Source 
- Layout with consistent spacing
- Visual grouping using borders
- New file for properties to be bound from MainWindow.xaml
This commit is contained in:
adroslice 2019-11-13 23:01:08 +01:00
parent e487e315f4
commit d8263ec22c
3 changed files with 68 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
BFR/MainWindow.xaml
View File

@ -12,9 +12,9 @@
<Button Grid.Column="1" Content=" ... "/> <Button Grid.Column="1" Content=" ... "/>
</Grid> </Grid>
<!-- ListBox Headers --> <!-- ListBox Headers -->
<TextBlock Grid.Row="1" Grid.Column="0" Text="Before"/> <TextBox Classes="HeaderTextBox" Grid.Row="1" Grid.Column="0" Text="Before"/>
<TextBlock Grid.Row="1" Grid.Column="1" Text="Operations"/> <TextBox Classes="HeaderTextBox" Grid.Row="1" Grid.Column="1" Text="Operations"/>
<TextBlock Grid.Row="1" Grid.Column="2" Text="After"/> <TextBox Classes="HeaderTextBox" Grid.Row="1" Grid.Column="2" Text="After"/>
<!-- Current and Preview ListBoxes --> <!-- Current and Preview ListBoxes -->
<ListBox Grid.Row="2" Grid.Column="0"/> <ListBox Grid.Row="2" Grid.Column="0"/>
@ -26,19 +26,64 @@
<ListBox/> <ListBox/>
<!-- Operations Controls --> <!-- Operations Controls -->
<Grid Grid.Row="1" ColumnDefinitions="auto,*,auto,auto,auto"> <Border Grid.Row="1" Classes="ConnectUp">
<Grid ColumnDefinitions="auto,*,auto,auto,auto">
<TextBlock Grid.Column="0" Text="New:"/> <TextBlock Grid.Column="0" Text="New:"/>
<ComboBox Grid.Column="1"/> <ComboBox Grid.Column="1"/>
<Button Grid.Column="2" Content=" + "/> <Button Grid.Column="2" Content=" + "/>
<Button Grid.Column="3" Content=" - "/> <Button Grid.Column="3" Content=" - "/>
<ButtonSpinner Grid.Column="4"/> <ButtonSpinner Grid.Column="4"/>
</Grid> </Grid>
</Border>
<!-- Commit and Undo Buttons --> <!-- Commit and Undo Buttons -->
<Grid Grid.Row="2" ColumnDefinitions="*,*"> <Border Grid.Row="2" Classes="ConnectUp">
<Grid ColumnDefinitions="*,*">
<Button Grid.Column="0" Content="Undo"/> <Button Grid.Column="0" Content="Undo"/>
<Button Grid.Column="1" Content="Rename All"/> <Button Grid.Column="1" Content="Rename All"/>
</Grid> </Grid>
</Border>
</Grid> </Grid>
</Grid> </Grid>
<Window.Styles>
<Style Selector="Grid > ListBox">
<Setter Property="Margin" Value="4"/>
</Style>
<Style Selector="Grid > TextBox">
<Setter Property="Margin" Value="4"/>
<Setter Property="Grid.Column" Value="1"/>
</Style>
<Style Selector="Grid > Button">
<Setter Property="Margin" Value="4"/>
<Setter Property="Grid.Column" Value="1"/>
</Style>
<Style Selector="Grid > ButtonSpinner">
<Setter Property="Margin" Value="4"/>
<Setter Property="Grid.Column" Value="1"/>
</Style>
<Style Selector="Grid > ComboBox">
<Setter Property="Margin" Value="4"/>
<Setter Property="Grid.Column" Value="1"/>
</Style>
<Style Selector="Grid > TextBlock">
<Setter Property="Margin" Value="8"/>
<Setter Property="Grid.Column" Value="0"/>
<Setter Property="VerticalAlignment" Value="Center"/>
</Style>
<Style Selector="Grid > TextBox.HeaderTextBox">
<Setter Property="Margin" Value="4,4,4,-5"/>
<Setter Property="TextAlignment" Value="Center"/>
<Setter Property="FontWeight" Value="Bold"/>
</Style>
<Style Selector="Grid > Border">
<Setter Property="Margin" Value="4"/>
<Setter Property="Padding" Value="4"/>
<Setter Property="BorderBrush" Value="Gray"/>
<Setter Property="BorderThickness" Value="1"/>
</Style>
<Style Selector="Grid > Border.ConnectUp">
<Setter Property="Margin" Value="4,-5,4,4"/>
</Style>
</Window.Styles>
</Window> </Window>

2
BFR/MainWindow.xaml.cs
View File

@ -3,7 +3,7 @@ using Avalonia.Markup.Xaml;
namespace BFR namespace BFR
{ {
public class MainWindow : Window public partial class MainWindow : Window
{ {
public MainWindow() => public MainWindow() =>
InitializeComponent(); InitializeComponent();

8
BFR/MainWindowUIProperties.cs Normal file
View File

@ -0,0 +1,8 @@
using Avalonia.Controls;
namespace BFR
{
public partial class MainWindow : Window
{
}
}