mirror of
https://jihulab.com/DGP-Studio/Snap.Hutao.git
synced 2025-11-19 21:02:53 +08:00
refine ui
This commit is contained in:
DismissedLight
@@ -25,6 +25,14 @@
|
||||
<Setter Property="CornerRadius" Value="{ThemeResource ControlCornerRadius}"/>
|
||||
</Style>
|
||||
|
||||
<Style
|
||||
x:Key="AcrylicBaseHighBorderCardStyle"
|
||||
BasedOn="{StaticResource BorderCardStyle}"
|
||||
TargetType="Border">
|
||||
<Setter Property="BorderThickness" Value="0"/>
|
||||
<Setter Property="Background" Value="{ThemeResource SystemControlBaseHighAcrylicElementBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style
|
||||
x:Key="AcrylicBorderCardStyle"
|
||||
BasedOn="{StaticResource BorderCardStyle}"
|
||||
|
||||
@@ -13,14 +13,12 @@
|
||||
<UserControl.Resources>
|
||||
<Thickness x:Key="NavigationViewContentMargin">0,44,0,0</Thickness>
|
||||
<x:Double x:Key="NavigationViewItemOnLeftIconBoxHeight">24</x:Double>
|
||||
<!--<SolidColorBrush x:Key="NavigationViewContentBackground" Color="Transparent"/>-->
|
||||
<!--<ThemeResource x:Key="NavigationViewExpandedPaneBackground" ResourceKey="SystemControlBaseHighAcrylicElementBrush"/>-->
|
||||
<SolidColorBrush x:Key="NavigationViewExpandedPaneBackground" Color="Transparent"/>
|
||||
<Thickness x:Key="NavigationViewContentGridBorderThickness">0,1,0,0</Thickness>
|
||||
</UserControl.Resources>
|
||||
<Grid Transitions="{ThemeResource EntranceThemeTransitions}">
|
||||
<Image
|
||||
Opacity="0.35"
|
||||
Opacity="0.45"
|
||||
Source="ms-appx:///Resource/TestBackground.jpg"
|
||||
Stretch="UniformToFill"/>
|
||||
|
||||
|
||||
@@ -309,6 +309,7 @@
|
||||
PaneBackground="{ThemeResource CardBackgroundFillColorSecondaryBrush}">
|
||||
<SplitView.Pane>
|
||||
<ListView
|
||||
Padding="0,2,0,1"
|
||||
ItemContainerStyle="{StaticResource AchievementGoalListViewItemStyle}"
|
||||
ItemTemplate="{StaticResource AchievementGoalListTemplate}"
|
||||
ItemsSource="{Binding AchievementGoals}"
|
||||
|
||||
@@ -231,16 +231,22 @@
|
||||
</ItemsRepeater>
|
||||
</StackPanel>
|
||||
|
||||
<Pivot Style="{StaticResource DefaultPivotStyle}">
|
||||
<PivotItem
|
||||
Content="{Binding Announcement.List[0]}"
|
||||
ContentTemplate="{StaticResource AnnouncementPivotItemContentTemplate}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAnnouncementActivity}"/>
|
||||
<PivotItem
|
||||
Content="{Binding Announcement.List[1]}"
|
||||
ContentTemplate="{StaticResource AnnouncementPivotItemContentTemplate}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAnnouncementGame}"/>
|
||||
</Pivot>
|
||||
<ScrollViewer
|
||||
HorizontalScrollBarVisibility="Disabled"
|
||||
HorizontalScrollMode="Disabled"
|
||||
VerticalScrollBarVisibility="Hidden">
|
||||
<Pivot Style="{StaticResource DefaultPivotStyle}">
|
||||
<PivotItem
|
||||
Content="{Binding Announcement.List[0]}"
|
||||
ContentTemplate="{StaticResource AnnouncementPivotItemContentTemplate}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAnnouncementActivity}"/>
|
||||
<PivotItem
|
||||
Content="{Binding Announcement.List[1]}"
|
||||
ContentTemplate="{StaticResource AnnouncementPivotItemContentTemplate}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAnnouncementGame}"/>
|
||||
</Pivot>
|
||||
</ScrollViewer>
|
||||
|
||||
</StackPanel>
|
||||
</ScrollViewer>
|
||||
</Grid>
|
||||
|
||||
@@ -506,327 +506,340 @@
|
||||
<RowDefinition/>
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
<CommandBar
|
||||
Grid.Row="0"
|
||||
Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
|
||||
DefaultLabelPosition="Right">
|
||||
<CommandBar.Content>
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<shcp:PanelSelector
|
||||
x:Name="ItemsPanelSelector"
|
||||
Margin="6,8,0,0"
|
||||
LocalSettingKeySuffixForCurrent="AvatarPropertyPage.Summary.Avatars"/>
|
||||
<ToggleButton
|
||||
x:Name="RefreshTimeToggle"
|
||||
Margin="8,8,0,0"
|
||||
Content="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshTimeToggle}"/>
|
||||
</StackPanel>
|
||||
</CommandBar.Content>
|
||||
<AppBarButton
|
||||
Command="{Binding ExportAsImageCommand}"
|
||||
CommandParameter="{Binding ElementName=ItemsPanelSelector, Path=Current, Converter={StaticResource PanelSelectorModeConverter}}"
|
||||
Icon="{shcm:FontIcon Glyph=}"
|
||||
Label="{shcm:ResourceString Name=ViewPageAvatarPropertyExportAsImage}"/>
|
||||
<AppBarButton Icon="{shcm:FontIcon Glyph=}" Label="{shcm:ResourceString Name=ViewPageCultivateCalculate}">
|
||||
<AppBarButton.Flyout>
|
||||
<MenuFlyout>
|
||||
<MenuFlyoutItem
|
||||
Command="{Binding CultivateCommand}"
|
||||
CommandParameter="{Binding SelectedAvatar}"
|
||||
Text="{shcm:ResourceString Name=ViewPageAvatarPropertyCalculateCurrent}"/>
|
||||
<MenuFlyoutItem Command="{Binding BatchCultivateCommand}" Text="{shcm:ResourceString Name=ViewPageAvatarPropertyCalculateAll}"/>
|
||||
</MenuFlyout>
|
||||
</AppBarButton.Flyout>
|
||||
</AppBarButton>
|
||||
<AppBarSeparator/>
|
||||
<AppBarButton Icon="{shcm:FontIcon Glyph=}" Label="{shcm:ResourceString Name=ViewAvatarPropertySyncDataButtonLabel}">
|
||||
<AppBarButton.Flyout>
|
||||
<MenuFlyout Placement="TopEdgeAlignedRight">
|
||||
<MenuFlyoutItem Command="{Binding RefreshFromEnkaApiCommand}" Text="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromEnkaApi}"/>
|
||||
<MenuFlyoutItem Command="{Binding RefreshFromHoyolabGameRecordCommand}" Text="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabGameRecord}"/>
|
||||
<MenuFlyoutItem Command="{Binding RefreshFromHoyolabCalculateCommand}" Text="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabCalculate}"/>
|
||||
</MenuFlyout>
|
||||
</AppBarButton.Flyout>
|
||||
</AppBarButton>
|
||||
</CommandBar>
|
||||
|
||||
<cwcont:SwitchPresenter
|
||||
<Border Margin="16,16,16,0" cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
|
||||
<Border Style="{ThemeResource AcrylicBaseHighBorderCardStyle}">
|
||||
<CommandBar Grid.Row="0" DefaultLabelPosition="Right">
|
||||
<CommandBar.Content>
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<shcp:PanelSelector
|
||||
x:Name="ItemsPanelSelector"
|
||||
Margin="6,8,0,0"
|
||||
LocalSettingKeySuffixForCurrent="AvatarPropertyPage.Summary.Avatars"/>
|
||||
<ToggleButton
|
||||
x:Name="RefreshTimeToggle"
|
||||
Margin="8,8,0,0"
|
||||
Content="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshTimeToggle}"/>
|
||||
</StackPanel>
|
||||
</CommandBar.Content>
|
||||
<AppBarButton
|
||||
Command="{Binding ExportAsImageCommand}"
|
||||
CommandParameter="{Binding ElementName=ItemsPanelSelector, Path=Current, Converter={StaticResource PanelSelectorModeConverter}}"
|
||||
Icon="{shcm:FontIcon Glyph=}"
|
||||
Label="{shcm:ResourceString Name=ViewPageAvatarPropertyExportAsImage}"/>
|
||||
<AppBarButton Icon="{shcm:FontIcon Glyph=}" Label="{shcm:ResourceString Name=ViewPageCultivateCalculate}">
|
||||
<AppBarButton.Flyout>
|
||||
<MenuFlyout>
|
||||
<MenuFlyoutItem
|
||||
Command="{Binding CultivateCommand}"
|
||||
CommandParameter="{Binding SelectedAvatar}"
|
||||
Text="{shcm:ResourceString Name=ViewPageAvatarPropertyCalculateCurrent}"/>
|
||||
<MenuFlyoutItem Command="{Binding BatchCultivateCommand}" Text="{shcm:ResourceString Name=ViewPageAvatarPropertyCalculateAll}"/>
|
||||
</MenuFlyout>
|
||||
</AppBarButton.Flyout>
|
||||
</AppBarButton>
|
||||
<AppBarSeparator/>
|
||||
<AppBarButton Icon="{shcm:FontIcon Glyph=}" Label="{shcm:ResourceString Name=ViewAvatarPropertySyncDataButtonLabel}">
|
||||
<AppBarButton.Flyout>
|
||||
<MenuFlyout Placement="TopEdgeAlignedRight">
|
||||
<MenuFlyoutItem Command="{Binding RefreshFromEnkaApiCommand}" Text="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromEnkaApi}"/>
|
||||
<MenuFlyoutItem Command="{Binding RefreshFromHoyolabGameRecordCommand}" Text="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabGameRecord}"/>
|
||||
<MenuFlyoutItem Command="{Binding RefreshFromHoyolabCalculateCommand}" Text="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabCalculate}"/>
|
||||
</MenuFlyout>
|
||||
</AppBarButton.Flyout>
|
||||
</AppBarButton>
|
||||
</CommandBar>
|
||||
</Border>
|
||||
</Border>
|
||||
<Border
|
||||
Grid.Row="1"
|
||||
ContentTransitions="{ThemeResource EntranceThemeTransitions}"
|
||||
Value="{Binding ElementName=ItemsPanelSelector, Path=Current, Mode=OneWay}">
|
||||
<cwcont:Case Value="Grid">
|
||||
<ScrollViewer>
|
||||
<StackPanel x:Name="GridImageExportPanel" Background="Transparent">
|
||||
<GridView
|
||||
Margin="16,16,4,-8"
|
||||
cwa:ItemsReorderAnimation.Duration="0:0:0.1"
|
||||
ItemContainerStyle="{StaticResource LargeGridViewItemStyle}"
|
||||
ItemTemplate="{StaticResource AvatarGridViewTemplate}"
|
||||
ItemsSource="{Binding Summary.Avatars}"
|
||||
SelectedItem="{Binding SelectedAvatar, Mode=TwoWay}"/>
|
||||
</StackPanel>
|
||||
</ScrollViewer>
|
||||
</cwcont:Case>
|
||||
<cwcont:Case Value="List">
|
||||
<SplitView
|
||||
Grid.Row="1"
|
||||
DisplayMode="Inline"
|
||||
IsPaneOpen="True"
|
||||
OpenPaneLength="{StaticResource CompatSplitViewOpenPaneLength2}"
|
||||
PaneBackground="Transparent">
|
||||
<SplitView.Pane>
|
||||
<ListView
|
||||
ItemTemplate="{StaticResource AvatarListViewTemplate}"
|
||||
ItemsSource="{Binding Summary.Avatars}"
|
||||
SelectedItem="{Binding SelectedAvatar, Mode=TwoWay}"/>
|
||||
</SplitView.Pane>
|
||||
<SplitView.Content>
|
||||
Margin="16,16,16,16"
|
||||
cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
|
||||
<Border Style="{ThemeResource AcrylicBorderCardStyle}">
|
||||
<cwcont:SwitchPresenter ContentTransitions="{ThemeResource EntranceThemeTransitions}" Value="{Binding ElementName=ItemsPanelSelector, Path=Current, Mode=OneWay}">
|
||||
<cwcont:Case Value="Grid">
|
||||
<ScrollViewer>
|
||||
<StackPanel
|
||||
Name="ListImageExportPanel"
|
||||
MaxWidth="800"
|
||||
HorizontalAlignment="Left">
|
||||
<!-- 卡片面板 -->
|
||||
<Border Margin="16" cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
|
||||
<Grid cw:UIElementExtensions.ClipToBounds="True" Style="{ThemeResource GridCardStyle}">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition/>
|
||||
<RowDefinition Height="auto"/>
|
||||
</Grid.RowDefinitions>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition/>
|
||||
<ColumnDefinition Width="auto"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
<cwcont:ConstrainedBox
|
||||
Grid.RowSpan="2"
|
||||
Grid.ColumnSpan="2"
|
||||
AspectRatio="840:400"
|
||||
CornerRadius="{ThemeResource ControlCornerRadius}">
|
||||
<shci:CachedImage
|
||||
Grid.RowSpan="2"
|
||||
Grid.ColumnSpan="2"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Source="{Binding SelectedAvatar.NameCard}"
|
||||
Stretch="UniformToFill"/>
|
||||
</cwcont:ConstrainedBox>
|
||||
<Rectangle
|
||||
Grid.RowSpan="2"
|
||||
Grid.ColumnSpan="2"
|
||||
Fill="#33000000"/>
|
||||
<StackPanel
|
||||
Margin="16"
|
||||
HorizontalAlignment="Left"
|
||||
VerticalAlignment="Top">
|
||||
<Grid HorizontalAlignment="Left">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition/>
|
||||
<ColumnDefinition Width="auto"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
<shvcont:ItemIcon
|
||||
cw:Effects.Shadow="{ThemeResource CompatCardShadow}"
|
||||
Icon="{Binding SelectedAvatar.Icon}"
|
||||
Quality="{Binding SelectedAvatar.Quality}"/>
|
||||
<StackPanel Grid.Column="1" Margin="16,0,0,0">
|
||||
<TextBlock
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource SubtitleTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.Name}"/>
|
||||
<TextBlock
|
||||
Margin="0,4,0,0"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource BaseTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.Level}"/>
|
||||
<StackPanel Margin="0,2,0,0" Orientation="Horizontal">
|
||||
<Image
|
||||
Width="16"
|
||||
Height="16"
|
||||
Source="ms-appx:///Resource/Icon/UI_Icon_Fetter.png"/>
|
||||
<TextBlock
|
||||
Margin="4,0,0,2"
|
||||
VerticalAlignment="Center"
|
||||
Foreground="#FFFFFFFF"
|
||||
HorizontalTextAlignment="Center"
|
||||
Style="{StaticResource CaptionTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.FetterLevel}"
|
||||
TextAlignment="Center"
|
||||
TextTrimming="None"
|
||||
TextWrapping="NoWrap"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
<Grid
|
||||
Margin="0,16,0,0"
|
||||
HorizontalAlignment="Left"
|
||||
DataContext="{Binding SelectedAvatar.Weapon}">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition/>
|
||||
<ColumnDefinition Width="auto"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
<Button
|
||||
Padding="0"
|
||||
cw:Effects.Shadow="{ThemeResource CompatCardShadow}"
|
||||
BorderBrush="{x:Null}"
|
||||
BorderThickness="0">
|
||||
<Button.Content>
|
||||
<shvcont:ItemIcon Icon="{Binding Icon}" Quality="{Binding Quality}"/>
|
||||
</Button.Content>
|
||||
<Button.Flyout>
|
||||
<Flyout Placement="BottomEdgeAlignedLeft">
|
||||
<StackPanel>
|
||||
<StackPanel.Resources>
|
||||
<x:Double x:Key="SettingsCardSpacing">3</x:Double>
|
||||
<x:Double x:Key="SettingsCardMinHeight">0</x:Double>
|
||||
<x:Double x:Key="SettingsCardWrapThreshold">0</x:Double>
|
||||
<x:Double x:Key="SettingsCardWrapNoIconThreshold">0</x:Double>
|
||||
</StackPanel.Resources>
|
||||
<cwcont:SettingsCard
|
||||
Margin="0,2,0,0"
|
||||
Padding="12"
|
||||
Header="{Binding MainProperty.Name}">
|
||||
<TextBlock Text="{Binding MainProperty.Value}"/>
|
||||
</cwcont:SettingsCard>
|
||||
<cwcont:SettingsCard
|
||||
Margin="0,2,0,0"
|
||||
Padding="12"
|
||||
Header="{Binding SubProperty.Name}">
|
||||
<TextBlock Text="{Binding SubProperty.Description}"/>
|
||||
</cwcont:SettingsCard>
|
||||
<shct:DescriptionTextBlock
|
||||
MaxWidth="320"
|
||||
Margin="0,12,0,0"
|
||||
Description="{Binding AffixDescription}"/>
|
||||
</StackPanel>
|
||||
</Flyout>
|
||||
</Button.Flyout>
|
||||
</Button>
|
||||
<StackPanel Grid.Column="1" Margin="16,0,0,0">
|
||||
<TextBlock
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource SubtitleTextBlockStyle}"
|
||||
Text="{Binding Name}"/>
|
||||
<TextBlock
|
||||
Margin="0,4,0,0"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource BaseTextBlockStyle}"
|
||||
Text="{Binding Level}"/>
|
||||
<TextBlock
|
||||
Margin="0,2,0,0"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource CaptionTextBlockStyle}"
|
||||
Text="{Binding AffixLevel}"/>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</StackPanel>
|
||||
|
||||
<ItemsControl
|
||||
Grid.Row="1"
|
||||
Grid.Column="0"
|
||||
Margin="16"
|
||||
ItemTemplate="{StaticResource AvatarConstellationTemplate}"
|
||||
ItemsPanel="{StaticResource HorizontalStackPanelSpacing0Template}"
|
||||
ItemsSource="{Binding SelectedAvatar.Constellations}"/>
|
||||
|
||||
<StackPanel Grid.Column="1" Margin="16">
|
||||
<TextBlock
|
||||
HorizontalAlignment="Right"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource TitleTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.Score}"/>
|
||||
<TextBlock
|
||||
HorizontalAlignment="Right"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource CaptionTextBlockStyle}"
|
||||
Text="{shcm:ResourceString Name=ViewPageAvatarPropertyArtifactScore}"/>
|
||||
|
||||
<TextBlock
|
||||
Margin="0,8,0,0"
|
||||
HorizontalAlignment="Right"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource TitleTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.CritScore}"/>
|
||||
<TextBlock
|
||||
HorizontalAlignment="Right"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource CaptionTextBlockStyle}"
|
||||
Text="{shcm:ResourceString Name=ViewPageAvatarPropertyCritScore}"/>
|
||||
</StackPanel>
|
||||
|
||||
<ItemsControl
|
||||
Grid.Row="0"
|
||||
Grid.RowSpan="2"
|
||||
Grid.Column="1"
|
||||
Margin="16"
|
||||
VerticalAlignment="Bottom"
|
||||
ItemTemplate="{StaticResource AvatarSkillTemplate}"
|
||||
ItemsSource="{Binding SelectedAvatar.Skills}"/>
|
||||
</Grid>
|
||||
</Border>
|
||||
|
||||
<!-- 角色属性 -->
|
||||
<Expander
|
||||
Margin="16,0,16,0"
|
||||
Padding="0"
|
||||
HorizontalAlignment="Stretch"
|
||||
HorizontalContentAlignment="Stretch"
|
||||
Background="{x:Null}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAvatarPropertyHeader}">
|
||||
<Border Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}" CornerRadius="{ThemeResource ControlCornerRadiusBottom}">
|
||||
<shcca:AlternatingItemsControl
|
||||
Margin="0,0,0,-2"
|
||||
ItemAlternateBackground="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
|
||||
ItemTemplate="{StaticResource AvatarPropertyTemplate}"
|
||||
ItemsSource="{Binding SelectedAvatar.Properties}"/>
|
||||
</Border>
|
||||
</Expander>
|
||||
<!-- 圣遗物 -->
|
||||
<ItemsControl
|
||||
Margin="16,16,16,0"
|
||||
ItemTemplate="{StaticResource AvatarReliquaryTemplate}"
|
||||
ItemsSource="{Binding SelectedAvatar.Reliquaries}"/>
|
||||
<StackPanel x:Name="GridImageExportPanel" Background="Transparent">
|
||||
<GridView
|
||||
Margin="16,16,4,-8"
|
||||
cwa:ItemsReorderAnimation.Duration="0:0:0.1"
|
||||
ItemContainerStyle="{StaticResource LargeGridViewItemStyle}"
|
||||
ItemTemplate="{StaticResource AvatarGridViewTemplate}"
|
||||
ItemsSource="{Binding Summary.Avatars}"
|
||||
SelectedItem="{Binding SelectedAvatar, Mode=TwoWay}"/>
|
||||
</StackPanel>
|
||||
</ScrollViewer>
|
||||
</SplitView.Content>
|
||||
</SplitView>
|
||||
</cwcont:Case>
|
||||
</cwcont:SwitchPresenter>
|
||||
</cwcont:Case>
|
||||
<cwcont:Case Value="List">
|
||||
<SplitView
|
||||
Grid.Row="1"
|
||||
DisplayMode="Inline"
|
||||
IsPaneOpen="True"
|
||||
OpenPaneLength="{StaticResource CompatSplitViewOpenPaneLength2}"
|
||||
PaneBackground="{ThemeResource CardBackgroundFillColorSecondaryBrush}">
|
||||
<SplitView.Pane>
|
||||
<ListView
|
||||
Padding="0,2,0,1"
|
||||
ItemTemplate="{StaticResource AvatarListViewTemplate}"
|
||||
ItemsSource="{Binding Summary.Avatars}"
|
||||
SelectedItem="{Binding SelectedAvatar, Mode=TwoWay}"/>
|
||||
</SplitView.Pane>
|
||||
<SplitView.Content>
|
||||
<ScrollViewer>
|
||||
<StackPanel
|
||||
Name="ListImageExportPanel"
|
||||
MaxWidth="800"
|
||||
HorizontalAlignment="Left">
|
||||
<!-- 卡片面板 -->
|
||||
<Border Margin="16" cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
|
||||
<Grid cw:UIElementExtensions.ClipToBounds="True" Style="{ThemeResource GridCardStyle}">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition/>
|
||||
<RowDefinition Height="auto"/>
|
||||
</Grid.RowDefinitions>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition/>
|
||||
<ColumnDefinition Width="auto"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
<cwcont:ConstrainedBox
|
||||
Grid.RowSpan="2"
|
||||
Grid.ColumnSpan="2"
|
||||
AspectRatio="840:400"
|
||||
CornerRadius="{ThemeResource ControlCornerRadius}">
|
||||
<shci:CachedImage
|
||||
Grid.RowSpan="2"
|
||||
Grid.ColumnSpan="2"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Source="{Binding SelectedAvatar.NameCard}"
|
||||
Stretch="UniformToFill"/>
|
||||
</cwcont:ConstrainedBox>
|
||||
<Rectangle
|
||||
Grid.RowSpan="2"
|
||||
Grid.ColumnSpan="2"
|
||||
Fill="#33000000"/>
|
||||
<StackPanel
|
||||
Margin="16"
|
||||
HorizontalAlignment="Left"
|
||||
VerticalAlignment="Top">
|
||||
<Grid HorizontalAlignment="Left">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition/>
|
||||
<ColumnDefinition Width="auto"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
<shvcont:ItemIcon
|
||||
cw:Effects.Shadow="{ThemeResource CompatCardShadow}"
|
||||
Icon="{Binding SelectedAvatar.Icon}"
|
||||
Quality="{Binding SelectedAvatar.Quality}"/>
|
||||
<StackPanel Grid.Column="1" Margin="16,0,0,0">
|
||||
<TextBlock
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource SubtitleTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.Name}"/>
|
||||
<TextBlock
|
||||
Margin="0,4,0,0"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource BaseTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.Level}"/>
|
||||
<StackPanel Margin="0,2,0,0" Orientation="Horizontal">
|
||||
<Image
|
||||
Width="16"
|
||||
Height="16"
|
||||
Source="ms-appx:///Resource/Icon/UI_Icon_Fetter.png"/>
|
||||
<TextBlock
|
||||
Margin="4,0,0,2"
|
||||
VerticalAlignment="Center"
|
||||
Foreground="#FFFFFFFF"
|
||||
HorizontalTextAlignment="Center"
|
||||
Style="{StaticResource CaptionTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.FetterLevel}"
|
||||
TextAlignment="Center"
|
||||
TextTrimming="None"
|
||||
TextWrapping="NoWrap"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
<Grid
|
||||
Margin="0,16,0,0"
|
||||
HorizontalAlignment="Left"
|
||||
DataContext="{Binding SelectedAvatar.Weapon}">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition/>
|
||||
<ColumnDefinition Width="auto"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
<Button
|
||||
Padding="0"
|
||||
cw:Effects.Shadow="{ThemeResource CompatCardShadow}"
|
||||
BorderBrush="{x:Null}"
|
||||
BorderThickness="0">
|
||||
<Button.Content>
|
||||
<shvcont:ItemIcon Icon="{Binding Icon}" Quality="{Binding Quality}"/>
|
||||
</Button.Content>
|
||||
<Button.Flyout>
|
||||
<Flyout Placement="BottomEdgeAlignedLeft">
|
||||
<StackPanel>
|
||||
<StackPanel.Resources>
|
||||
<x:Double x:Key="SettingsCardSpacing">3</x:Double>
|
||||
<x:Double x:Key="SettingsCardMinHeight">0</x:Double>
|
||||
<x:Double x:Key="SettingsCardWrapThreshold">0</x:Double>
|
||||
<x:Double x:Key="SettingsCardWrapNoIconThreshold">0</x:Double>
|
||||
</StackPanel.Resources>
|
||||
<cwcont:SettingsCard
|
||||
Margin="0,2,0,0"
|
||||
Padding="12"
|
||||
Header="{Binding MainProperty.Name}">
|
||||
<TextBlock Text="{Binding MainProperty.Value}"/>
|
||||
</cwcont:SettingsCard>
|
||||
<cwcont:SettingsCard
|
||||
Margin="0,2,0,0"
|
||||
Padding="12"
|
||||
Header="{Binding SubProperty.Name}">
|
||||
<TextBlock Text="{Binding SubProperty.Description}"/>
|
||||
</cwcont:SettingsCard>
|
||||
<shct:DescriptionTextBlock
|
||||
MaxWidth="320"
|
||||
Margin="0,12,0,0"
|
||||
Description="{Binding AffixDescription}"/>
|
||||
</StackPanel>
|
||||
</Flyout>
|
||||
</Button.Flyout>
|
||||
</Button>
|
||||
<StackPanel Grid.Column="1" Margin="16,0,0,0">
|
||||
<TextBlock
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource SubtitleTextBlockStyle}"
|
||||
Text="{Binding Name}"/>
|
||||
<TextBlock
|
||||
Margin="0,4,0,0"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource BaseTextBlockStyle}"
|
||||
Text="{Binding Level}"/>
|
||||
<TextBlock
|
||||
Margin="0,2,0,0"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource CaptionTextBlockStyle}"
|
||||
Text="{Binding AffixLevel}"/>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</StackPanel>
|
||||
|
||||
<ItemsControl
|
||||
Grid.Row="1"
|
||||
Grid.Column="0"
|
||||
Margin="16"
|
||||
ItemTemplate="{StaticResource AvatarConstellationTemplate}"
|
||||
ItemsPanel="{StaticResource HorizontalStackPanelSpacing0Template}"
|
||||
ItemsSource="{Binding SelectedAvatar.Constellations}"/>
|
||||
|
||||
<StackPanel Grid.Column="1" Margin="16">
|
||||
<TextBlock
|
||||
HorizontalAlignment="Right"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource TitleTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.Score}"/>
|
||||
<TextBlock
|
||||
HorizontalAlignment="Right"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource CaptionTextBlockStyle}"
|
||||
Text="{shcm:ResourceString Name=ViewPageAvatarPropertyArtifactScore}"/>
|
||||
|
||||
<TextBlock
|
||||
Margin="0,8,0,0"
|
||||
HorizontalAlignment="Right"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource TitleTextBlockStyle}"
|
||||
Text="{Binding SelectedAvatar.CritScore}"/>
|
||||
<TextBlock
|
||||
HorizontalAlignment="Right"
|
||||
Foreground="#FFFFFFFF"
|
||||
Style="{StaticResource CaptionTextBlockStyle}"
|
||||
Text="{shcm:ResourceString Name=ViewPageAvatarPropertyCritScore}"/>
|
||||
</StackPanel>
|
||||
|
||||
<ItemsControl
|
||||
Grid.Row="0"
|
||||
Grid.RowSpan="2"
|
||||
Grid.Column="1"
|
||||
Margin="16"
|
||||
VerticalAlignment="Bottom"
|
||||
ItemTemplate="{StaticResource AvatarSkillTemplate}"
|
||||
ItemsSource="{Binding SelectedAvatar.Skills}"/>
|
||||
</Grid>
|
||||
</Border>
|
||||
|
||||
<!-- 角色属性 -->
|
||||
<Expander
|
||||
Margin="16,0,16,0"
|
||||
Padding="0"
|
||||
HorizontalAlignment="Stretch"
|
||||
HorizontalContentAlignment="Stretch"
|
||||
Background="{x:Null}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAvatarPropertyHeader}">
|
||||
<Border Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}" CornerRadius="{ThemeResource ControlCornerRadiusBottom}">
|
||||
<shcca:AlternatingItemsControl
|
||||
Margin="0,0,0,-2"
|
||||
ItemAlternateBackground="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
|
||||
ItemTemplate="{StaticResource AvatarPropertyTemplate}"
|
||||
ItemsSource="{Binding SelectedAvatar.Properties}"/>
|
||||
</Border>
|
||||
</Expander>
|
||||
<!-- 圣遗物 -->
|
||||
<ItemsControl
|
||||
Margin="16,16,16,0"
|
||||
ItemTemplate="{StaticResource AvatarReliquaryTemplate}"
|
||||
ItemsSource="{Binding SelectedAvatar.Reliquaries}"/>
|
||||
</StackPanel>
|
||||
</ScrollViewer>
|
||||
</SplitView.Content>
|
||||
</SplitView>
|
||||
</cwcont:Case>
|
||||
</cwcont:SwitchPresenter>
|
||||
</Border>
|
||||
</Border>
|
||||
</Grid>
|
||||
</Grid>
|
||||
<Grid Visibility="{Binding Summary, Converter={StaticResource EmptyObjectToVisibilityRevertConverter}}">
|
||||
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
|
||||
<shci:CachedImage
|
||||
Width="120"
|
||||
Height="120"
|
||||
Source="{StaticResource UI_EmotionIcon250}"/>
|
||||
<TextBlock
|
||||
Margin="0,16,0,0"
|
||||
HorizontalAlignment="Center"
|
||||
Style="{StaticResource SubtitleTextBlockStyle}"
|
||||
Text="{shcm:ResourceString Name=ViewPageAvatarPropertyDefaultDescription}"/>
|
||||
<StackPanel
|
||||
Margin="0,24,0,0"
|
||||
HorizontalAlignment="Center"
|
||||
Spacing="{StaticResource SettingsCardSpacing}">
|
||||
<cwcont:SettingsCard
|
||||
ActionIconToolTip="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshAction}"
|
||||
Command="{Binding RefreshFromEnkaApiCommand}"
|
||||
Description="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromEnkaApiDescription}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromEnkaApi}"
|
||||
IsClickEnabled="True"/>
|
||||
<cwcont:SettingsCard
|
||||
ActionIconToolTip="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshAction}"
|
||||
Command="{Binding RefreshFromHoyolabGameRecordCommand}"
|
||||
Description="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabGameRecordDescription}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabGameRecord}"
|
||||
IsClickEnabled="True"/>
|
||||
<cwcont:SettingsCard
|
||||
ActionIconToolTip="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshAction}"
|
||||
Command="{Binding RefreshFromHoyolabCalculateCommand}"
|
||||
Description="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabCalculateDescription}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabCalculate}"
|
||||
IsClickEnabled="True"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
<Border
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
|
||||
<Border
|
||||
MinWidth="480"
|
||||
Padding="16"
|
||||
Style="{ThemeResource AcrylicBorderCardStyle}">
|
||||
<StackPanel>
|
||||
<shci:CachedImage
|
||||
Width="120"
|
||||
Height="120"
|
||||
Source="{StaticResource UI_EmotionIcon250}"/>
|
||||
<TextBlock
|
||||
Margin="0,16,0,0"
|
||||
HorizontalAlignment="Center"
|
||||
Style="{StaticResource SubtitleTextBlockStyle}"
|
||||
Text="{shcm:ResourceString Name=ViewPageAvatarPropertyDefaultDescription}"/>
|
||||
<StackPanel Margin="0,24,0,0" Spacing="{StaticResource SettingsCardSpacing}">
|
||||
<cwcont:SettingsCard
|
||||
ActionIconToolTip="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshAction}"
|
||||
Command="{Binding RefreshFromEnkaApiCommand}"
|
||||
Description="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromEnkaApiDescription}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromEnkaApi}"
|
||||
IsClickEnabled="True"/>
|
||||
<cwcont:SettingsCard
|
||||
ActionIconToolTip="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshAction}"
|
||||
Command="{Binding RefreshFromHoyolabGameRecordCommand}"
|
||||
Description="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabGameRecordDescription}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabGameRecord}"
|
||||
IsClickEnabled="True"/>
|
||||
<cwcont:SettingsCard
|
||||
ActionIconToolTip="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshAction}"
|
||||
Command="{Binding RefreshFromHoyolabCalculateCommand}"
|
||||
Description="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabCalculateDescription}"
|
||||
Header="{shcm:ResourceString Name=ViewPageAvatarPropertyRefreshFromHoyolabCalculate}"
|
||||
IsClickEnabled="True"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
</Border>
|
||||
|
||||
</Grid>
|
||||
</Grid>
|
||||
</shc:ScopedPage>
|
||||
@@ -51,7 +51,7 @@
|
||||
<SolidColorBrush x:Key="ItemContainerPointerOverBackground" Color="Transparent"/>
|
||||
<SolidColorBrush x:Key="ItemContainerPressedBackground" Color="Transparent"/>
|
||||
</ItemContainer.Resources>
|
||||
<Grid Padding="8" Style="{ThemeResource GridCardStyle}">
|
||||
<Grid Padding="8" Style="{ThemeResource AcrylicGridCardStyle}">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="auto"/>
|
||||
<RowDefinition Height="auto"/>
|
||||
@@ -390,48 +390,52 @@
|
||||
<RowDefinition/>
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
<CommandBar Background="{ThemeResource CardBackgroundFillColorDefaultBrush}" DefaultLabelPosition="Right">
|
||||
<AppBarButton
|
||||
Command="{Binding RefreshCommand}"
|
||||
Icon="{shcm:FontIcon Glyph={StaticResource FontIconContentRefresh}}"
|
||||
Label="{shcm:ResourceString Name=ViewPageDailyNoteRefresh}"/>
|
||||
<AppBarButton
|
||||
AllowFocusOnInteraction="True"
|
||||
Icon="{shcm:FontIcon Glyph=}"
|
||||
Label="{shcm:ResourceString Name=ViewPageDailyNoteVerify}">
|
||||
<AppBarButton.Flyout>
|
||||
<Flyout
|
||||
FlyoutPresenterStyle="{ThemeResource WebViewerFlyoutPresenterStyle}"
|
||||
LightDismissOverlayMode="On"
|
||||
Placement="Full"
|
||||
ShowMode="Standard">
|
||||
<shvc:WebViewer SourceProvider="{Binding VerifyUrlSource, Mode=OneWay}"/>
|
||||
</Flyout>
|
||||
</AppBarButton.Flyout>
|
||||
</AppBarButton>
|
||||
<AppBarButton Icon="{shcm:FontIcon Glyph={StaticResource FontIconContentAdd}}" Label="{shcm:ResourceString Name=ViewPageDailyNoteAddEntry}">
|
||||
<AppBarButton.Flyout>
|
||||
<Flyout
|
||||
FlyoutPresenterStyle="{StaticResource FlyoutPresenterPadding0And2Style}"
|
||||
LightDismissOverlayMode="On"
|
||||
Placement="Bottom">
|
||||
<StackPanel>
|
||||
<TextBlock
|
||||
Margin="16,12,16,16"
|
||||
Style="{StaticResource BaseTextBlockStyle}"
|
||||
Text="{shcm:ResourceString Name=ViewPageDailyNoteAddEntryHint}"/>
|
||||
<ScrollViewer MaxHeight="320" Padding="16,0">
|
||||
<ItemsControl ItemTemplate="{StaticResource UserAndUidTemplate}" ItemsSource="{Binding UserAndUids}"/>
|
||||
</ScrollViewer>
|
||||
</StackPanel>
|
||||
</Flyout>
|
||||
</AppBarButton.Flyout>
|
||||
</AppBarButton>
|
||||
<AppBarToggleButton
|
||||
Icon="{shcm:FontIcon Glyph={StaticResource FontIconContentSetting}}"
|
||||
IsChecked="{x:Bind SettingPaneSplitView.IsPaneOpen, Mode=TwoWay}"
|
||||
Label="{shcm:ResourceString Name=ViewPageDailyNoteNotificationSetting}"/>
|
||||
</CommandBar>
|
||||
<Border Margin="16,16,16,0" cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
|
||||
<Border Style="{ThemeResource AcrylicBaseHighBorderCardStyle}">
|
||||
<CommandBar DefaultLabelPosition="Right">
|
||||
<AppBarButton
|
||||
Command="{Binding RefreshCommand}"
|
||||
Icon="{shcm:FontIcon Glyph={StaticResource FontIconContentRefresh}}"
|
||||
Label="{shcm:ResourceString Name=ViewPageDailyNoteRefresh}"/>
|
||||
<AppBarButton
|
||||
AllowFocusOnInteraction="True"
|
||||
Icon="{shcm:FontIcon Glyph=}"
|
||||
Label="{shcm:ResourceString Name=ViewPageDailyNoteVerify}">
|
||||
<AppBarButton.Flyout>
|
||||
<Flyout
|
||||
FlyoutPresenterStyle="{ThemeResource WebViewerFlyoutPresenterStyle}"
|
||||
LightDismissOverlayMode="On"
|
||||
Placement="Full"
|
||||
ShowMode="Standard">
|
||||
<shvc:WebViewer SourceProvider="{Binding VerifyUrlSource, Mode=OneWay}"/>
|
||||
</Flyout>
|
||||
</AppBarButton.Flyout>
|
||||
</AppBarButton>
|
||||
<AppBarButton Icon="{shcm:FontIcon Glyph={StaticResource FontIconContentAdd}}" Label="{shcm:ResourceString Name=ViewPageDailyNoteAddEntry}">
|
||||
<AppBarButton.Flyout>
|
||||
<Flyout
|
||||
FlyoutPresenterStyle="{StaticResource FlyoutPresenterPadding0And2Style}"
|
||||
LightDismissOverlayMode="On"
|
||||
Placement="Bottom">
|
||||
<StackPanel>
|
||||
<TextBlock
|
||||
Margin="16,12,16,16"
|
||||
Style="{StaticResource BaseTextBlockStyle}"
|
||||
Text="{shcm:ResourceString Name=ViewPageDailyNoteAddEntryHint}"/>
|
||||
<ScrollViewer MaxHeight="320" Padding="16,0">
|
||||
<ItemsControl ItemTemplate="{StaticResource UserAndUidTemplate}" ItemsSource="{Binding UserAndUids}"/>
|
||||
</ScrollViewer>
|
||||
</StackPanel>
|
||||
</Flyout>
|
||||
</AppBarButton.Flyout>
|
||||
</AppBarButton>
|
||||
<AppBarToggleButton
|
||||
Icon="{shcm:FontIcon Glyph={StaticResource FontIconContentSetting}}"
|
||||
IsChecked="{x:Bind SettingPaneSplitView.IsPaneOpen, Mode=TwoWay}"
|
||||
Label="{shcm:ResourceString Name=ViewPageDailyNoteNotificationSetting}"/>
|
||||
</CommandBar>
|
||||
</Border>
|
||||
</Border>
|
||||
|
||||
<SplitView
|
||||
x:Name="SettingPaneSplitView"
|
||||
|
||||
@@ -496,7 +496,10 @@
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
|
||||
<Border Padding="16" Style="{ThemeResource AcrylicBorderCardStyle}">
|
||||
<Border
|
||||
MinWidth="480"
|
||||
Padding="16"
|
||||
Style="{ThemeResource AcrylicBorderCardStyle}">
|
||||
<StackPanel>
|
||||
<shci:CachedImage Height="120" Source="{StaticResource UI_EmotionIcon71}"/>
|
||||
<TextBlock
|
||||
|
||||
Reference in New Issue
Block a user