chuan/Ursa.Avalonia
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: polish list theme.

Browse Source
This commit is contained in:
Dong Bin
2025-01-18 16:56:44 +08:00
parent d63a0f6bea
commit 2c14d1b9e8
2 changed files with 198 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/Ursa.Themes.Semi/Controls/PathPicker.axaml
View File

@@ -15,15 +15,16 @@
<DockPanel>
<Button
Name="{x:Static u:PathPicker.PART_Button}"
Content="{TemplateBinding Title}"
HorizontalAlignment="Stretch"
VerticalAlignment="Center"
Content="{TemplateBinding Title}"
DockPanel.Dock="Right" />
<TextBox
Name="PART_TextBox"
AcceptsReturn="{TemplateBinding AllowMultiple}"
DockPanel.Dock="Left"
Text="{TemplateBinding SelectedPathsText, Mode=TwoWay}" />
Text="{TemplateBinding SelectedPathsText,
Mode=TwoWay}" />
</DockPanel>
</ControlTemplate>
</Setter>
@@ -34,9 +35,9 @@
<Style Selector="^ /template/ Button#PART_Button">
<Setter Property="DockPanel.Dock" Value="Right" />
<Setter Property="VerticalAlignment" Value="Center"></Setter>
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="CornerRadius" Value="{TemplateBinding CornerRadius, Converter={x:Static converters:CornerRadiusTakeConverter.Right}}" />
<Setter Property="Margin" Value="1 0 0 0"></Setter>
<Setter Property="Margin" Value="1 0 0 0" />
</Style>
<Style Selector="^ /template/ TextBox#PART_TextBox">
<Setter Property="DockPanel.Dock" Value="Left" />
@@ -46,7 +47,7 @@
<Style Selector="^ /template/ Button#PART_Button">
<Setter Property="DockPanel.Dock" Value="Top" />
<Setter Property="CornerRadius" Value="{TemplateBinding CornerRadius, Converter={x:Static converters:CornerRadiusTakeConverter.Top}}" />
<Setter Property="Margin" Value="0 0 0 1"></Setter>
<Setter Property="Margin" Value="0 0 0 1" />
</Style>
<Style Selector="^ /template/ TextBox#PART_TextBox">
<Setter Property="DockPanel.Dock" Value="Bottom" />
@@ -71,33 +72,90 @@
</Style>
</ControlTheme>
<ControlTheme x:Key="PathPickerForListView" TargetType="u:PathPicker">
<ControlTheme x:Key="ListPathPicker" TargetType="u:PathPicker">
<Setter Property="CornerRadius" Value="3" />
<Setter Property="Template">
<ControlTemplate>
<Expander HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
<Expander
HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
VerticalAlignment="{TemplateBinding VerticalAlignment}"
CornerRadius="{TemplateBinding CornerRadius}"
Theme="{StaticResource INTERNAL_PathPickerExpander}">
<Expander.Header>
<Button
Name="PART_Button"
HorizontalAlignment="Stretch"
Content="{TemplateBinding Title}">
<Button.Theme>
<ControlTheme TargetType="Button">
<Setter Property="Template">
<ControlTemplate>
<TextPresenter
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Background="Transparent"
Text="{TemplateBinding Content}" />
</ControlTemplate>
</Setter>
</ControlTheme>
</Button.Theme>
</Button>
Content="{TemplateBinding Title}"
CornerRadius="{TemplateBinding CornerRadius,
Converter={x:Static converters:CornerRadiusTakeConverter.Left}}" />
</Expander.Header>
<ListBox ItemsSource="{TemplateBinding SelectedPaths}" />
</Expander>
</ControlTemplate>
</Setter>
<Style Selector="^ /template/ Button#PART_Button:pressed">
<Setter Property="RenderTransform" Value="{x:Null}" />
</Style>
</ControlTheme>
<ControlTheme x:Key="INTERNAL_PathPickerExpander" TargetType="Expander">
<Setter Property="Template">
<ControlTemplate>
<DockPanel>
<DockPanel DockPanel.Dock="Top" LastChildFill="True">
<ToggleButton
Name="ExpanderHeader"
Margin="1,0,0,0"
Background="{DynamicResource ToggleButtonDefaultBackground}"
CornerRadius="{TemplateBinding CornerRadius,
Converter={x:Static converters:CornerRadiusTakeConverter.Right}}"
DockPanel.Dock="Right"
IsChecked="{TemplateBinding IsExpanded,
Mode=TwoWay}"
Theme="{DynamicResource INTERNAL_PathPickerExpanderHeaderToggleButtonTheme}">
<PathIcon
Name="PART_PathIcon"
Data="{DynamicResource ExpanderIcon}"
Theme="{DynamicResource InnerPathIcon}">
<PathIcon.Transitions>
<Transitions>
<TransformOperationsTransition Property="RenderTransform" Duration="0.1" />
</Transitions>
</PathIcon.Transitions>
</PathIcon>
</ToggleButton>
<ContentPresenter Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" />
</DockPanel>
<ContentPresenter
Name="PART_ContentPresenter"
Margin="{DynamicResource ExpanderContentMargin}"
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
Content="{TemplateBinding Content}"
ContentTemplate="{TemplateBinding ContentTemplate}"
Foreground="{DynamicResource ExpanderContentForeground}"
IsVisible="{TemplateBinding IsExpanded,
Mode=TwoWay}" />
</DockPanel>
</ControlTemplate>
</Setter>
<Style Selector="^:expanded /template/ PathIcon#PART_PathIcon">
<Setter Property="RenderTransform" Value="rotate(180deg)" />
</Style>
</ControlTheme>
<ControlTheme x:Key="INTERNAL_PathPickerExpanderHeaderToggleButtonTheme" TargetType="ToggleButton">
<Setter Property="Padding" Value="{DynamicResource ButtonDefaultPadding}" />
<Setter Property="Template">
<ControlTemplate TargetType="ToggleButton">
<ContentPresenter
Padding="{TemplateBinding Padding}"
Background="{TemplateBinding Background}"
Content="{TemplateBinding Content}"
CornerRadius="{TemplateBinding CornerRadius}" />
</ControlTemplate>
</Setter>
</ControlTheme>
</ResourceDictionary>