icons 相关问题

我正在维护一个非常简单的静态网页，用于显示我的简历。我想在元素中实现一个语言切换器，以便访问者可以选择两种语言中的任何一种。这一点点... 我正在维护一个非常简单的静态网页，用于显示我的简历。我想在元素中实现一个语言切换器，以便访问者可以选择两种语言中的任何一种。这会稍微扰乱原本居中的文本。样式.css nav { position: sticky; top:0 } #lang_nav { float: right; margin-right: 5px } nav, footer { padding:0; text-align: center } index.html <nav> <a href="/">home</a> <a href="index.fr.html" hreflang="fr" id="lang_nav" class="lang_fr"> <img src="media/fr.png" alt="fr"> </a> </nav> 我非常有信心应该有一个基本的 CSS 属性或简单的 hack 来解决这个问题。难道我错了？ nav { position: sticky; top:0 ;display: flex; align-items: center; justify-content: space-between;} #lang_nav { float: right; margin-right: 5px } nav, footer { padding:0; text-align: center } <nav > <a href="/"></a> <a href="/">home</a> <a href="index.fr.html" hreflang="fr". id="lang_nav" class="lang_fr"> <img src="media/fr.png" alt="fr"> </a> </nav>

css icons nav country

回答 1 投票 0

在 C# Wpf 应用程序中，如何动态更改用户控件中的按钮图标

所以在我的应用程序中我有一个用户控件。除其他外，它还有一个带有定义为几何数据的图像的按钮：所以在我的应用程序中我有一个用户控件。除其他外，它还有一个按钮，其中的图像定义为几何数据：  <Button x:Name="createButton" Width="40" Height="40" Margin="0,0,20,0" HorizontalAlignment="Right" VerticalAlignment="Center" Command="{Binding OpenNewWindowCommand}" Style="{StaticResource RoundAccentButton}">  <Viewbox x:Name="createViewbox" Width="22" Height="22"> <Path Data="{StaticResource NewTaskIcon}" Fill="{StaticResource OnAccent}" /> </Viewbox> </Button> ..放置在 ResourceDictionary 中的几何数据如下所示：  <PathGeometry x:Key="NewTaskIcon" Figures="M17 21.2188V17.4688H13.25V14.9688H17V11.2188H19.5V14.9688H23.25V17.4688H19.5V21.2188H17ZM0.75 17.5V15H3.25V17.5H0.75ZM5.75 17.5V15H10.8438C10.7812 15.4375 10.7552 15.8542 10.7656 16.25C10.776 16.6458 10.8125 17.0625 10.875 17.5H5.75ZM0.75 12.5V10H3.25V12.5H0.75ZM5.75 12.5V10H14.0625C13.5833 10.3333 13.151 10.7083 12.7656 11.125C12.3802 11.5417 12.0417 12 11.75 12.5H5.75ZM0.75 7.5V5H3.25V7.5H0.75ZM5.75 7.5V5H20.75V7.5H5.75ZM0.75 2.5V0H3.25V2.5H0.75ZM5.75 2.5V0H20.75V2.5H5.75Z" /> 问题是我当然不想将 PathData 设置为用户控件中的硬编码值，而是将其设置在使用用户控件的位置。例如，我在另一个名为 TaskView.xaml 的视图中使用这个名为 SearchItems 的用户控件，如下所示： <UserControl x:Class="myTaskManager.UI.Wpf.MVVM.Views.TaskView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:uc="clr-namespace:myTaskManager.UI.Wpf.MVVM.UserControls" xmlns:vm="clr-namespace:myTaskManager.UI.Wpf.MVVM.ViewModels" d:DesignHeight="450" d:DesignWidth="435" mc:Ignorable="d"> <UserControl.DataContext> <vm:TaskViewViewModel /> </UserControl.DataContext> <DockPanel> <Border Width="435" Background="{StaticResource TaskListBackground}"> <uc:SearchItems /> </Border> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="1*" /> <ColumnDefinition Width="140" /> </Grid.ColumnDefinitions>  <Grid Grid.Column="0"> <Grid.RowDefinitions> 。。 . 我想做的是使用 PathData 访问 Viewbox 以根据用户控件的使用位置更改图标。我想我可以通过定义一个 DependencyProperty 来做到这一点，假设我们将其称为 PathData，然后将其设置在我使用用户控件的视图中，即类似这样的内容（下面是定义为用户控件的视图，它使用 SearchItems 用户控件） : <UserControl x:Class="myTaskManager.UI.Wpf.MVVM.Views.TaskView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:uc="clr-namespace:myTaskManager.UI.Wpf.MVVM.UserControls" xmlns:vm="clr-namespace:myTaskManager.UI.Wpf.MVVM.ViewModels" d:DesignHeight="450" d:DesignWidth="435" mc:Ignorable="d"> <UserControl.DataContext> <vm:TaskViewViewModel /> </UserControl.DataContext> <DockPanel> <Border Width="435" Background="{StaticResource TaskListBackground}"> <uc:SearchItems PathData="{StaticResource NewTaskIcon}" /> </Border> ..或者简单地在用户控件的代码隐藏中定义一个名为 PathData 的属性： public Geometry PathData { get; set; } 然后在用户控件的xaml代码中这样做：  <Button x:Name="createButton" Width="40" Height="40" Margin="0,0,20,0" HorizontalAlignment="Right" VerticalAlignment="Center" Command="{Binding OpenNewWindowCommand}" Style="{StaticResource RoundAccentButton}">  <Viewbox x:Name="createViewbox" Width="22" Height="22"> <Path Data="{Binding PathData}" Fill="{StaticResource OnAccent}" /> </Viewbox> </Button> ..然后在使用用户控件的视图中只需使用与上面相同的语法，即： <UserControl x:Class="myTaskManager.UI.Wpf.MVVM.Views.TaskView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:uc="clr-namespace:myTaskManager.UI.Wpf.MVVM.UserControls" xmlns:vm="clr-namespace:myTaskManager.UI.Wpf.MVVM.ViewModels" d:DesignHeight="450" d:DesignWidth="435" mc:Ignorable="d"> <UserControl.DataContext> <vm:TaskViewViewModel /> </UserControl.DataContext> <DockPanel> <Border Width="435" Background="{StaticResource TaskListBackground}"> <uc:SearchItems PathData="{StaticResource NewTaskIcon}" /> </Border> ..我动态设置 PathData，但这些方法似乎都不起作用。实现这一目标的最佳方法是什么？任何为我指明正确方向的答案将不胜感激。谢谢，彼得 UserControl 应公开一个依赖属性 public static readonly DependencyProperty IconDataProperty = DependencyProperty.Register( nameof(IconData), typeof(Geometry), typeof(TaskView)); public Geometry IconData { get => (Geometry)GetValue(IconDataProperty); set => SetValue(IconDataProperty, value); } 通过 RelativeSource 绑定在控件的 XAML 中的 Path 元素中使用。请注意，不需要 Viewbox。 <Button Width="40" Height="40" ...> <Path Width="22" Height="22" Data="{Binding IconData, RelativeSource={RelativeSource AncestorType=UserControl}}" Fill="{StaticResource OnAccent}" Stretch="Uniform"/> </Button>

c# wpf xaml icons pathgeometry

回答 1 投票 0

icons 相关问题

最新问题