icons 相关问题

CSS 和 <nav> ：防止从填充中插入国家（国旗）图标

我正在维护一个非常简单的静态网页，用于显示我的简历。我想在 元素中实现一个语言切换器，以便访问者可以选择两种语言中的任何一种。这一点点... 我正在维护一个非常简单的静态网页，用于显示我的简历。我想在 元素中实现一个语言切换器，以便访问者可以选择两种语言中的任何一种。这会稍微扰乱原本居中的文本。 样式.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>

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

所以在我的应用程序中我有一个用户控件。除其他外，它还有一个带有定义为几何数据的图像的按钮： 所以在我的应用程序中我有一个用户控件。除其他外，它还有一个按钮，其中的图像定义为几何数据： <!-- Add new Item Button --> <Button x:Name="createButton" Width="40" Height="40" Margin="0,0,20,0" HorizontalAlignment="Right" VerticalAlignment="Center" Command="{Binding OpenNewWindowCommand}" Style="{StaticResource RoundAccentButton}"> <!-- Icon --> <Viewbox x:Name="createViewbox" Width="22" Height="22"> <Path Data="{StaticResource NewTaskIcon}" Fill="{StaticResource OnAccent}" /> </Viewbox> </Button> ..放置在 ResourceDictionary 中的几何数据如下所示： <!-- New Task Icon --> <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> <!-- Task Viewer --> <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代码中这样做： <!-- Add new Item Button --> <Button x:Name="createButton" Width="40" Height="40" Margin="0,0,20,0" HorizontalAlignment="Right" VerticalAlignment="Center" Command="{Binding OpenNewWindowCommand}" Style="{StaticResource RoundAccentButton}"> <!-- Icon --> <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>

Windows 图标总是方形的？

我想知道Windows中图标的系统尺寸是否总是方形的。我指的是应用程序的 Windows 规范，而不是图标位图本身。 例如。使用 WinAPI 的函数

使用pyside6构建的应用程序主窗口图标不显示

我学习Python已经4个月了。开始使用 qtcreator 和 pyside 6 开发一个简单的应用程序。主窗口已初始化并启动，但在尝试将图标设置到主窗口时卡住了。尝试过...

更改 Windows 应用商店应用程序的任务栏图标

我想将一些 Microsoft 商店应用程序固定在我的任务栏中并更改其图标，以便它在固定的同一图标中打开 这个网站上有这个方法，通过更改快捷方式ID...

是否可以在我的独立 vue3 项目中使用 `nuxt-icon` 包？

我想使用此包 https://nuxt.com/modules/icon 提供的这些图标。 但从包导入会导致此错误： ReferenceError：进程未定义 我知道代码的目的是......

将 flutter 中的图标大小加倍

在 Flutter 中，想要一个比“通常”大固定系数的图标，例如 2 倍大小。我在 Icon 构造函数中看到了 size 参数，并且根据该参数的文档，...

Google Maps Api，自定义标记锚点

我创建了一个自定义标记以在我的谷歌地图中使用。图标的锚点应位于左下角。在我的地图上，锚点似乎位于

定义和访问列表以构建包含图标的弹出菜单按钮的内容

在 _HomePageState 中我有一个 PopupMenuButton 定义为 弹出菜单按钮( 图标：图标（Icons.more_vert）， itemBuilder: (BuildContext 上下文) { 返回 <

在 WordPress 主题中使用 w3 svg 图标

我购买了 WordPress 主题 (Urbango)。这是一个聚合网页主题，其中各个类别都是相关的。对于每个类别，都使用特定的 w3 svg 图标（请参见下面的代码）。那个贝洛...

在 React 中渲染 JSX 或 Monaco 编辑器区域内的图标

我正在开发一个以帖子形式展示代码片段的平台。在代码片段中，我希望创建者能够添加他上传的代码片段的逐行解释。解释...

如何使用“产品图标参考”作为WebView图标？

有几个关于如何在 VSCode 扩展中使用 WebView 选项卡图标的答案，并且所有答案都使用本地文件，例如 .svg 类型（vscode 扩展 iconPath）。我想使用 VSCode ...

删除未使用的 Font Awesome 图标

我已将文件上传到我的服务器，但我在我的网站中只使用了 5 个图标。 如何删除我永远不会使用的 Font Awesome 图标？就像有用又漂亮的听诊器。 http://fortawes...

旋转传单中的标记

如何旋转传单中的标记？我将有很多标记，所有标记都有旋转角度。 我已经在 GitHub 上的 Leaflet 上尝试过 runanet/coomsie 的解决方案，但我的市场没有任何反应...

如何更改CTkInputDialog中的图标

我正在制作我的软件，刚刚遇到了 CTkInputDialog 的问题。我想要在输入对话框上显示我的图标，但没有这样的属性可以帮助我。 我试图检查文档，但可以...

Visual Studio 22 中 C++ 程序的设置图标问题

我使用 Visual Studio 22 作为 IDE 编写了一个 C++ 程序，我正在尝试为该程序设置一个图标。当我指定图标的路径时，它在 Visual Studio 中工作正常。然而，一旦...

在我的 VS Code 扩展中，如何使用操作添加装订线图标？

我正在开发 VSCode 扩展，需要向装订线图标添加操作。现在我正在添加装订线图标 const documentDecorationType = vscode.window.createTextEditorDecorationType({

如何在node js中导入boxicons

我有 Node js Express 应用程序，我已经安装了 boxicons 节点包， $ npm install boxicons --save boxicons 包安装在节点模块中，但我不知道如何正确导入它......

如何为我的Windows应用程序创建高质量的图标？

如果您运行的 Windows 具有较高的 DPI 设置，您会发现桌面上的大多数应用程序图标看起来很糟糕。甚至一些引人注目的应用程序图标（例如 Google Chrome）看起来也...

如何将漂亮的图标放在div中居中？

我在屏幕中间居中放置了 3 个 div，每个 div 都有一个来自 fontawesome 的图标，但是有些图标（例如骰子和代码）有点偏移，除了微笑。 （我认为这发生是因为......