Skip to content

Commit 188216f

Browse files
0x5bfa0x5bfa
committed
Brush up
1 parent 72d11b7 commit 188216f

File tree

10 files changed

+681
-833
lines changed

10 files changed

+681
-833
lines changed

‎src/Files.App.Controls/ThemedIcon/Data/ThemedIconColorType.cs‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
// Copyright (c) 2024 Files Community
2+
// Licensed under the MIT License. See the LICENSE.
3+
4+
namespace Files.App.Controls
5+
{
6+
/// <summary>
7+
/// Defines the IconColorTypes for <see cref="ThemedIcon"/> which sets the visual state
8+
/// to use the correct brush values which match system signal colours.
9+
/// </summary>
10+
public enum ThemedIconColorType
11+
{
12+
None,
13+
14+
/// <summary>
15+
/// Icon color type of <see cref="ThemedIcon"/> is Normal. Default Value.
16+
/// </summary>
17+
Normal,
18+
19+
/// <summary>
20+
/// Icon color type of <see cref="ThemedIcon"/> is Critical.
21+
/// </summary>
22+
Critical,
23+
24+
/// <summary>
25+
/// Icon color type of <see cref="ThemedIcon"/> is Caution.
26+
/// </summary>
27+
Caution,
28+
29+
/// <summary>
30+
/// Icon color type of <see cref="ThemedIcon"/> is Success.
31+
/// </summary>
32+
Success,
33+
34+
/// <summary>
35+
/// Icon color type of <see cref="ThemedIcon"/> is Neutral.
36+
/// </summary>
37+
Neutral,
38+
39+
/// <summary>
40+
/// Icon color type of <see cref="ThemedIcon"/> is Accent.
41+
/// </summary>
42+
Accent,
43+
44+
/// <summary>
45+
/// Icon color type of <see cref="ThemedIcon"/> is Custom. Used in combination
46+
/// with the IconColor and Foreground brushes.
47+
/// </summary>
48+
Custom
49+
}
50+
}

‎src/Files.App.Controls/ThemedIcon/ThemedIconToggleBehaviors.cs‎ renamed to ‎src/Files.App.Controls/ThemedIcon/Data/ThemedIconToggleBehaviors.cs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,4 +23,4 @@ public enum ToggleBehaviors
2323
/// </summary>
2424
Off,
2525
}
26-
}
26+
}

‎src/Files.App.Controls/ThemedIcon/Data/ThemedIconTypes.cs‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
// Copyright (c) 2024 Files Community
2+
// Licensed under the MIT License. See the LICENSE.
3+
4+
namespace Files.App.Controls
5+
{
6+
/// <summary>
7+
/// Defines IconTypes for <see cref="ThemedIcon"/>.
8+
/// </summary>
9+
public enum ThemedIconTypes
10+
{
11+
/// <summary>
12+
/// Icon type of <see cref="ThemedIcon"/> is Outline.
13+
/// </summary>
14+
Outline,
15+
16+
/// <summary>
17+
/// Icon type of <see cref="ThemedIcon"/> is Layered.
18+
/// </summary>
19+
Layered,
20+
}
21+
}

‎src/Files.App.Controls/ThemedIcon/ThemedIcon.Consts.cs‎

Lines changed: 58 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -6,69 +6,69 @@
66

77
namespace Files.App.Controls
88
{
9-
// Template Parts
10-
[TemplatePart(Name = FilledPathIconViewBox, Type = typeof(Viewbox))]
11-
[TemplatePart(Name = OutlinePathIconViewBox, Type = typeof(Viewbox))]
12-
[TemplatePart(Name = LayeredPathIconViewBox, Type = typeof(Viewbox))]
13-
[TemplatePart(Name = LayeredPathCanvas, Type = typeof(Canvas))]
14-
15-
// Icon Type Visual States
16-
[TemplateVisualState(Name = OutlineTypeStateName, GroupName = IconTypeStateGroupName)]
17-
[TemplateVisualState(Name = LayeredTypeStateName, GroupName = IconTypeStateGroupName)]
18-
[TemplateVisualState(Name = FilledTypeStateName, GroupName = IconTypeStateGroupName)]
9+
// Template Parts
10+
[TemplatePart(Name = FilledPathIconViewBox, Type = typeof(Viewbox))]
11+
[TemplatePart(Name = OutlinePathIconViewBox, Type = typeof(Viewbox))]
12+
[TemplatePart(Name = LayeredPathIconViewBox, Type = typeof(Viewbox))]
13+
[TemplatePart(Name = LayeredPathCanvas, Type = typeof(Canvas))]
14+
15+
// Icon Type Visual States
16+
[TemplateVisualState(Name = OutlineTypeStateName, GroupName = IconTypeStateGroupName)]
17+
[TemplateVisualState(Name = LayeredTypeStateName, GroupName = IconTypeStateGroupName)]
18+
[TemplateVisualState(Name = FilledTypeStateName, GroupName = IconTypeStateGroupName)]
1919

20-
// Icon Color Visual States
21-
[TemplateVisualState(Name = NormalStateName, GroupName = IconColorStateGroupName)]
22-
[TemplateVisualState(Name = CriticalStateName, GroupName = IconColorStateGroupName)]
23-
[TemplateVisualState(Name = CautionStateName, GroupName = IconColorStateGroupName)]
24-
[TemplateVisualState(Name = SuccessStateName, GroupName = IconColorStateGroupName)]
25-
[TemplateVisualState(Name = NeutralStateName, GroupName = IconColorStateGroupName)]
26-
[TemplateVisualState(Name = AccentStateName, GroupName = IconColorStateGroupName)]
27-
[TemplateVisualState(Name = CustomColorStateName, GroupName = IconColorStateGroupName)]
28-
[TemplateVisualState(Name = ToggleStateName, GroupName = IconColorStateGroupName)]
29-
[TemplateVisualState(Name = DisabledColorStateName, GroupName = IconColorStateGroupName)]
30-
[TemplateVisualState(Name = DisabledToggleColorStateName, GroupName = IconColorStateGroupName)]
20+
// Icon Color Visual States
21+
[TemplateVisualState(Name = NormalStateName, GroupName = IconColorStateGroupName)]
22+
[TemplateVisualState(Name = CriticalStateName, GroupName = IconColorStateGroupName)]
23+
[TemplateVisualState(Name = CautionStateName, GroupName = IconColorStateGroupName)]
24+
[TemplateVisualState(Name = SuccessStateName, GroupName = IconColorStateGroupName)]
25+
[TemplateVisualState(Name = NeutralStateName, GroupName = IconColorStateGroupName)]
26+
[TemplateVisualState(Name = AccentStateName, GroupName = IconColorStateGroupName)]
27+
[TemplateVisualState(Name = CustomColorStateName, GroupName = IconColorStateGroupName)]
28+
[TemplateVisualState(Name = ToggleStateName, GroupName = IconColorStateGroupName)]
29+
[TemplateVisualState(Name = DisabledColorStateName, GroupName = IconColorStateGroupName)]
30+
[TemplateVisualState(Name = DisabledToggleColorStateName, GroupName = IconColorStateGroupName)]
3131

32-
// Icon IsEnabled Visual States
33-
[TemplateVisualState(Name = EnabledStateName, GroupName = EnabledStateGroupName)]
34-
[TemplateVisualState(Name = DisabledStateName, GroupName = EnabledStateGroupName)]
32+
// Icon IsEnabled Visual States
33+
[TemplateVisualState(Name = EnabledStateName, GroupName = EnabledStateGroupName)]
34+
[TemplateVisualState(Name = DisabledStateName, GroupName = EnabledStateGroupName)]
3535

36-
public partial class ThemedIcon
37-
{
38-
// Visual State Group Names
39-
internal const string IconTypeStateGroupName = "IconTypeStates";
40-
internal const string IconColorStateGroupName = "IconColorStates";
41-
internal const string EnabledStateGroupName = "EnabledStates";
36+
public partial class ThemedIcon
37+
{
38+
// Visual State Group Names
39+
internal const string IconTypeStateGroupName = "IconTypeStates";
40+
internal const string IconColorStateGroupName = "IconColorStates";
41+
internal const string EnabledStateGroupName = "EnabledStates";
4242

43-
// "Icon Type" Visual State Names
44-
internal const string OutlineTypeStateName = "Outline";
45-
internal const string FilledTypeStateName = "Filled";
46-
internal const string LayeredTypeStateName = "Layered";
43+
// "Icon Type" Visual State Names
44+
internal const string OutlineTypeStateName = "Outline";
45+
internal const string FilledTypeStateName = "Filled";
46+
internal const string LayeredTypeStateName = "Layered";
4747

48-
// "Icon State" Visual State Names
49-
internal const string NormalStateName = "Normal";
50-
internal const string CriticalStateName = "Critical";
51-
internal const string CautionStateName = "Caution";
52-
internal const string SuccessStateName = "Success";
53-
internal const string NeutralStateName = "Neutral";
54-
internal const string AccentStateName = "Accent";
55-
internal const string CustomColorStateName = "Custom";
56-
internal const string ToggleStateName = "Toggle";
57-
internal const string DisabledColorStateName = "DisabledColor";
58-
internal const string DisabledToggleColorStateName = "DisabledToggleColor";
48+
// "Icon State" Visual State Names
49+
internal const string NormalStateName = "Normal";
50+
internal const string CriticalStateName = "Critical";
51+
internal const string CautionStateName = "Caution";
52+
internal const string SuccessStateName = "Success";
53+
internal const string NeutralStateName = "Neutral";
54+
internal const string AccentStateName = "Accent";
55+
internal const string CustomColorStateName = "Custom";
56+
internal const string ToggleStateName = "Toggle";
57+
internal const string DisabledColorStateName = "DisabledColor";
58+
internal const string DisabledToggleColorStateName = "DisabledToggleColor";
5959

60-
// "Enabled" Visual State Names
61-
internal const string EnabledStateName = "Enabled";
62-
internal const string DisabledStateName = "Disabled";
60+
// "Enabled" Visual State Names
61+
internal const string EnabledStateName = "Enabled";
62+
internal const string DisabledStateName = "Disabled";
6363

64-
// ViewBox Controls
65-
internal const string FilledPathIconViewBox = "PART_FilledIconViewBox";
66-
internal const string OutlinePathIconViewBox = "PART_OutlineIconViewBox";
67-
internal const string LayeredPathIconViewBox = "PART_LayeredIconViewBox";
68-
internal const string LayeredPathCanvas = "PART_LayerCanvas";
64+
// ViewBox Controls
65+
internal const string FilledPathIconViewBox = "PART_FilledIconViewBox";
66+
internal const string OutlinePathIconViewBox = "PART_OutlineIconViewBox";
67+
internal const string LayeredPathIconViewBox = "PART_LayeredIconViewBox";
68+
internal const string LayeredPathCanvas = "PART_LayerCanvas";
6969

70-
// Path Controls
71-
internal const string FilledIconPath = "PART_FilledPath";
72-
internal const string OutlineIconPath = "PART_OutlinePath";
73-
}
74-
}
70+
// Path Controls
71+
internal const string FilledIconPath = "PART_FilledPath";
72+
internal const string OutlineIconPath = "PART_OutlinePath";
73+
}
74+
}

‎src/Files.App.Controls/ThemedIcon/ThemedIcon.Owner.cs‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
// Copyright (c) 2024 Files Community
2+
// Licensed under the MIT License. See the LICENSE.
3+
4+
using Microsoft.UI.Xaml;
5+
using Microsoft.UI.Xaml.Controls;
6+
using CommunityToolkit.WinUI.UI;
7+
using Microsoft.UI.Xaml.Controls.Primitives;
8+
9+
namespace Files.App.Controls
10+
{
11+
public partial class ThemedIcon
12+
{
13+
private bool _isOwnerToggled;
14+
private bool _isOwnerEnabled;
15+
16+
private Control? ownerControl = null;
17+
private ToggleButton? ownerToggleButton = null;
18+
19+
private void FindOwnerControlStates()
20+
{
21+
if (this.FindAscendant<ToggleButton>() is ToggleButton toggleButton)
22+
{
23+
ownerToggleButton = toggleButton;
24+
25+
// IsChecked/IsToggled change aware
26+
ownerToggleButton.Checked += OwnerControl_IsCheckedChanged;
27+
ownerToggleButton.Unchecked += OwnerControl_IsCheckedChanged;
28+
_isOwnerToggled = ownerToggleButton.IsChecked is true;
29+
}
30+
31+
if (this.FindAscendant<Control>() is Control control)
32+
{
33+
ownerControl = control;
34+
35+
// IsEnabled change aware
36+
ownerControl.IsEnabledChanged += OwnerControl_IsEnabledChanged;
37+
_isOwnerEnabled = ownerControl.IsEnabled;
38+
39+
UpdateVisualStates();
40+
}
41+
}
42+
43+
private void OwnerControl_IsCheckedChanged(object sender, RoutedEventArgs e)
44+
{
45+
if (ownerToggleButton is null)
46+
return;
47+
48+
_isOwnerToggled = ownerToggleButton.IsChecked is true;
49+
UpdateVisualStates();
50+
51+
}
52+
53+
private void OwnerControl_IsEnabledChanged(object sender, DependencyPropertyChangedEventArgs e)
54+
{
55+
if (ownerControl is null)
56+
return;
57+
58+
_isOwnerEnabled = ownerControl.IsEnabled;
59+
UpdateVisualStates();
60+
}
61+
}
62+
}

0 commit comments

Comments
 (0)