mirror of
https://github.com/fadden/6502bench.git
synced 2024-12-29 08:29:52 +00:00
Fully style the code list view
We were changing the control template for lines with long comments and notes, matching the default Win10 style. This got ugly when a non-default theme was being used, particularly "dark" themes, because the long-comment lines looked significantly different from everything else. We now fully specify the style for the ListView and ListViewItems, which means everybody's main window now looks like the default Win10 style. Which is unfortunate, but significantly easier than creating a full set of theme-specific styles. We now specify black text for highlighted address/label fields, because they otherwise become illegible when we apply our background highlight color. In the Notes window, we set the background of un-highlighted entries to white, so that we can always read it with black text. Addresses issue #50.
This commit is contained in:
parent
98ebf449ef
commit
e1a9100a8f
@ -17,7 +17,8 @@ limitations under the License.
|
|||||||
<!--
|
<!--
|
||||||
ListViewItem control template and style. This is used for the main code ListView. The
|
ListViewItem control template and style. This is used for the main code ListView. The
|
||||||
most significant consideration is getting long comments and notes into the 5th column and
|
most significant consideration is getting long comments and notes into the 5th column and
|
||||||
having them span multiple columns. Most of this came from the default style (WPF 4.5).
|
having them span multiple columns. Most of this came from the default style (WPF 4.5 on
|
||||||
|
Win10, default theme).
|
||||||
|
|
||||||
This interacts with DisplayList.FormattedParts.
|
This interacts with DisplayList.FormattedParts.
|
||||||
|
|
||||||
@ -75,6 +76,66 @@ See also https://github.com/fadden/DisasmUiTest
|
|||||||
Width="{Binding LongCommentWidth}"/>
|
Width="{Binding LongCommentWidth}"/>
|
||||||
</GridViewColumnCollection>
|
</GridViewColumnCollection>
|
||||||
|
|
||||||
|
<!-- Base template for ListView items, derived from the system default. We have to define
|
||||||
|
this fully so things don't turn into a big mess on long-comment lines. -->
|
||||||
|
<ControlTemplate x:Key="baseListItemTemplate" TargetType="{x:Type ListViewItem}">
|
||||||
|
<StackPanel>
|
||||||
|
<Border BorderBrush="{TemplateBinding BorderBrush}"
|
||||||
|
BorderThickness="{TemplateBinding BorderThickness}"
|
||||||
|
Background="{TemplateBinding Background}"
|
||||||
|
CornerRadius="2"
|
||||||
|
SnapsToDevicePixels="true">
|
||||||
|
<Border x:Name="InnerBorder" BorderThickness="1" CornerRadius="1">
|
||||||
|
<Grid>
|
||||||
|
<Grid.RowDefinitions>
|
||||||
|
<RowDefinition MaxHeight="11"/>
|
||||||
|
<RowDefinition/>
|
||||||
|
</Grid.RowDefinitions>
|
||||||
|
<Rectangle x:Name="UpperHighlight" Fill="#75FFFFFF" Visibility="Collapsed"/>
|
||||||
|
<GridViewRowPresenter Grid.RowSpan="2"
|
||||||
|
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
|
||||||
|
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
</Border>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- triggers for hover, selection, and activation effects -->
|
||||||
|
<ControlTemplate.Triggers>
|
||||||
|
<Trigger Property="IsMouseOver" Value="true">
|
||||||
|
<Setter Property="Background" Value="{StaticResource ListItemHoverFill}"/>
|
||||||
|
<Setter Property="BorderBrush" Value="#FFCCF0FF"/>
|
||||||
|
<Setter Property="Visibility" TargetName="UpperHighlight" Value="Visible"/>
|
||||||
|
</Trigger>
|
||||||
|
<Trigger Property="IsSelected" Value="true">
|
||||||
|
<Setter Property="Background" Value="{StaticResource ListItemSelectedFill}"/>
|
||||||
|
<Setter Property="BorderBrush" Value="#FF98DDFB"/>
|
||||||
|
<Setter Property="BorderBrush" TargetName="InnerBorder" Value="#80FFFFFF"/>
|
||||||
|
<Setter Property="Visibility" TargetName="UpperHighlight" Value="Visible"/>
|
||||||
|
<Setter Property="Fill" TargetName="UpperHighlight" Value="#40FFFFFF"/>
|
||||||
|
</Trigger>
|
||||||
|
<MultiTrigger>
|
||||||
|
<MultiTrigger.Conditions>
|
||||||
|
<Condition Property="IsSelected" Value="true"/>
|
||||||
|
<Condition Property="Selector.IsSelectionActive" Value="false"/>
|
||||||
|
</MultiTrigger.Conditions>
|
||||||
|
<Setter Property="Background" Value="{StaticResource ListItemSelectedInactiveFill}"/>
|
||||||
|
<Setter Property="BorderBrush" Value="#FFCFCFCF"/>
|
||||||
|
</MultiTrigger>
|
||||||
|
<MultiTrigger>
|
||||||
|
<MultiTrigger.Conditions>
|
||||||
|
<Condition Property="IsSelected" Value="true"/>
|
||||||
|
<Condition Property="IsMouseOver" Value="true"/>
|
||||||
|
</MultiTrigger.Conditions>
|
||||||
|
<Setter Property="Background" Value="{StaticResource ListItemSelectedHoverFill}"/>
|
||||||
|
<Setter Property="BorderBrush" Value="#FF98DDFB"/>
|
||||||
|
</MultiTrigger>
|
||||||
|
<Trigger Property="IsEnabled" Value="false">
|
||||||
|
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
|
||||||
|
</Trigger>
|
||||||
|
</ControlTemplate.Triggers>
|
||||||
|
</ControlTemplate>
|
||||||
|
|
||||||
<!-- Template for long lines. This is a modification of the default style, with
|
<!-- Template for long lines. This is a modification of the default style, with
|
||||||
Content and Columns attributes defined in the GridViewRowPresenter. It appears we
|
Content and Columns attributes defined in the GridViewRowPresenter. It appears we
|
||||||
inherit the FocusVisualStyle from the default. -->
|
inherit the FocusVisualStyle from the default. -->
|
||||||
@ -138,7 +199,17 @@ See also https://github.com/fadden/DisasmUiTest
|
|||||||
</ControlTemplate.Triggers>
|
</ControlTemplate.Triggers>
|
||||||
</ControlTemplate>
|
</ControlTemplate>
|
||||||
|
|
||||||
|
<!-- ListView style. We have to override the general foreground/background colors to
|
||||||
|
avoid making the whole thing look freakish. -->
|
||||||
|
<Style x:Key="codeListStyle" TargetType="{x:Type ListView}">
|
||||||
|
<Setter Property="Background" Value="White"/>
|
||||||
|
<Setter Property="Foreground" Value="Black"/>
|
||||||
|
</Style>
|
||||||
|
|
||||||
<Style x:Key="codeListItemStyle" TargetType="{x:Type ListViewItem}">
|
<Style x:Key="codeListItemStyle" TargetType="{x:Type ListViewItem}">
|
||||||
|
<!-- Base template. -->
|
||||||
|
<Setter Property="Template" Value="{StaticResource baseListItemTemplate}"/>
|
||||||
|
|
||||||
<!-- There's a one-pixel gap between items, possibly space for grid lines, that
|
<!-- There's a one-pixel gap between items, possibly space for grid lines, that
|
||||||
can't seem to be eliminated. Declaring a negative margin removes it. This is
|
can't seem to be eliminated. Declaring a negative margin removes it. This is
|
||||||
necessary because the gap isn't a mouse target, so if your mouse is in just the
|
necessary because the gap isn't a mouse target, so if your mouse is in just the
|
||||||
@ -174,6 +245,7 @@ See also https://github.com/fadden/DisasmUiTest
|
|||||||
<Style.Triggers>
|
<Style.Triggers>
|
||||||
<DataTrigger Binding="{Binding Path=HasAddrLabelHighlight}" Value="True">
|
<DataTrigger Binding="{Binding Path=HasAddrLabelHighlight}" Value="True">
|
||||||
<Setter Property="TextBlock.Background" Value="{StaticResource HighlightedCellFill}"/>
|
<Setter Property="TextBlock.Background" Value="{StaticResource HighlightedCellFill}"/>
|
||||||
|
<Setter Property="TextBlock.Foreground" Value="Black"/>
|
||||||
</DataTrigger>
|
</DataTrigger>
|
||||||
</Style.Triggers>
|
</Style.Triggers>
|
||||||
</Style>
|
</Style>
|
||||||
@ -191,6 +263,7 @@ See also https://github.com/fadden/DisasmUiTest
|
|||||||
<Style.Triggers>
|
<Style.Triggers>
|
||||||
<DataTrigger Binding="{Binding Path=HasAddrLabelHighlight}" Value="True">
|
<DataTrigger Binding="{Binding Path=HasAddrLabelHighlight}" Value="True">
|
||||||
<Setter Property="TextBlock.Background" Value="{StaticResource HighlightedCellFill}"/>
|
<Setter Property="TextBlock.Background" Value="{StaticResource HighlightedCellFill}"/>
|
||||||
|
<Setter Property="TextBlock.Foreground" Value="Black"/>
|
||||||
</DataTrigger>
|
</DataTrigger>
|
||||||
</Style.Triggers>
|
</Style.Triggers>
|
||||||
</Style>
|
</Style>
|
||||||
|
@ -481,9 +481,13 @@ limitations under the License.
|
|||||||
<Style TargetType="{x:Type TextBlock}">
|
<Style TargetType="{x:Type TextBlock}">
|
||||||
<!-- The default highlight uses dark blue background with
|
<!-- The default highlight uses dark blue background with
|
||||||
white text, but our highlight colors are meant to work
|
white text, but our highlight colors are meant to work
|
||||||
with black text. So override Foreground as well. -->
|
with black text. So override Foreground as well. For
|
||||||
|
non-highlighted entries we have to force (in code) the
|
||||||
|
color to white to keep things consistent. -->
|
||||||
<Setter Property="Background" Value="{Binding BackBrush}"/>
|
<Setter Property="Background" Value="{Binding BackBrush}"/>
|
||||||
<Setter Property="Foreground" Value="Black"/>
|
<Setter Property="Foreground" Value="Black"/>
|
||||||
|
<!--<Setter Property="Foreground"
|
||||||
|
Value="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"/>-->
|
||||||
</Style>
|
</Style>
|
||||||
</DataGridTextColumn.ElementStyle>
|
</DataGridTextColumn.ElementStyle>
|
||||||
</DataGridTextColumn>
|
</DataGridTextColumn>
|
||||||
@ -546,6 +550,7 @@ limitations under the License.
|
|||||||
</Grid>
|
</Grid>
|
||||||
|
|
||||||
<ListView Name="codeListView" Grid.Column="2"
|
<ListView Name="codeListView" Grid.Column="2"
|
||||||
|
Style="{StaticResource codeListStyle}"
|
||||||
FontFamily="{StaticResource GeneralMonoFont}"
|
FontFamily="{StaticResource GeneralMonoFont}"
|
||||||
Visibility="{Binding Path=CodeListVisibility}"
|
Visibility="{Binding Path=CodeListVisibility}"
|
||||||
VirtualizingStackPanel.VirtualizationMode="Recycling"
|
VirtualizingStackPanel.VirtualizationMode="Recycling"
|
||||||
|
@ -1449,6 +1449,10 @@ namespace SourceGen.WpfGui {
|
|||||||
OffsetValue = offsetValue;
|
OffsetValue = offsetValue;
|
||||||
Offset = offset;
|
Offset = offset;
|
||||||
Note = note;
|
Note = note;
|
||||||
|
if (backColor == CommonWPF.Helper.ZeroColor) {
|
||||||
|
// Force this to white, so we can always use black text. This is not ideal.
|
||||||
|
backColor = Colors.White;
|
||||||
|
}
|
||||||
BackBrush = new SolidColorBrush(backColor);
|
BackBrush = new SolidColorBrush(backColor);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user