- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 WPF 应用程序中有一个 TextBlock,我想向用户显示类似于以下内容的消息:
我可以这样做:
<TextBlock>
<Hyperlink Command="{Binding RetryCommand}">
<Run Text="Retry" />
</Hyperlink>
<Run Text=" or " />
<Hyperlink Command="{Binding GoBackCommand}">
<Run Text="go back." />
</Hyperlink>
</TextBlock>
但是这个方案对本地化不是很友好;在句子需要在本地化过程中重新排列的情况下,这尤其成问题。我更希望能够在 resx 文件中指定诸如 [Retry]({0}) 或 [go back.]({1})."
之类的内容,并将超链接动态插入到本地化的字符串。是否有一种简洁明了的方法来执行此操作?
在另一个应用程序中,我们使用了一个非常复杂的解决方案,涉及扩展 TextBlock 类和动态构造 Inlines 属性,但它似乎是一个应该是常见问题的大量代码。
相关问题:Is adding strings with placeholders (`{0}`) into resources a good idea? , How to embed links in localized text
最佳答案
所以我想一个解决方案是自定义控件。但是,我能够使用 IMultiValueConverter 来完成工作。
public class TextBlockFormatToHyperlinkConverter : IMultiValueConverter
{
public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
if (values.Length >= 3)
{
var tblk = values[0] as TextBlock;
var format = values[1] as string;
var tokens = Tokenizer.ParseTokens(format);
int hyperLinkIndex = 0;
for (int i = 2; i < values.Length; i++)
{
var token = tokens.FirstOrDefault((p) => string.Equals(p.Value as string, "{" + hyperLinkIndex + "}"));
if (token != null)
{
token.Value = values[i];
}
hyperLinkIndex++;
}
tblk.Inlines.Clear();
foreach (var token in tokens)
{
if (token.Value is Hyperlink)
tblk.Inlines.Add((Hyperlink)token.Value);
else
tblk.Inlines.Add(new Run(token.Value as string));
}
return tblk;
}
return null;
}
public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
private class Token
{
public object Value { get; set; }
public Token(object value)
{
Value = value;
}
}
private class HyperlinkToken : Token
{
public HyperlinkToken(object value) : base(value) { }
}
private static class Tokenizer
{
public static List<Token> ParseTokens(string format)
{
var tokens = new List<Token>();
var strings = Regex.Split(format, @"({\d+})");
foreach (var str in strings)
{
if (Regex.IsMatch(str, @"({\d+})"))
{
tokens.Add(new HyperlinkToken(str));
}
else
{
tokens.Add(new Token(str));
}
}
return tokens;
}
}
}
然后在 XAML 中我这样使用它:
<TextBlock x:Name="tblk_LogFileLink" TextWrapping="Wrap">
<TextBlock.Tag>
<MultiBinding Converter="{StaticResource TextBlockFormatToHyperlinkConverter}">
<Binding x:Name="textblock" ElementName="tblk_LogFileLink"/>
<Binding x:Name="formatString" Source="Click to open the {0}."/>
<Binding x:Name="firstHyperlink">
<Binding.Source>
<Hyperlink NavigateUri="{Binding LogPath}">
<Run Text="{x:Static localization:Resources.LBL_LOG_FILE}"/>
</Hyperlink>
</Binding.Source>
</Binding>
</MultiBinding>
</TextBlock.Tag>
</TextBlock>
如果您的字符串格式需要更多,您可以向 MultiBinding 添加多个超链接。
这让我能够本地化整个字符串,同时仍然提供超链接文本。
关于wpf - WPF 和本地化中的嵌入式超链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10694973/
我使用下拉菜单提供一些不同的链接,但我希望这些链接在同一选项卡中打开,而不是在新选项卡中打开。这是我找到的代码,但我对 Javascript 非常缺乏知识 var urlmenu = docume
我对 javascript 不太了解。但我需要一个垂直菜单上的下拉菜单,它是纯 JavaScript,所以我从 W3 复制/粘贴脚本:https://www.w3schools.com/howto/t
我已经坐了 4 个小时,试图让我的导航显示下 zipper 接垂直,但它继续水平显示它们。我无法弄清楚为什么会发生这种情况或如何解决它。 如果有人能告诉我我做错了什么,我将不胜感激。我有一个潜移默化的
我正在尝试创建选项卡式 Accordion 样式下拉菜单。我使用 jQuery 有一段时间了,但无法使事件状态达到 100%。 我很确定这是我搞砸的 JS。 $('.service-button').
对于那些从未访问过 Dropbox 的人,这里是链接 https://www.dropbox.com/ 查看“登录”的下拉菜单链接。我如何创建这样的下 zipper 接? 最佳答案 这是 fiddle
我正在制作一个 Liferay 主题,但我在尝试设计导航菜单的样式时遇到了很多麻烦。我已经为那些没有像这样下拉的人改变了导航链接上的经典主题悬停功能: .aui #navigation .nav li
如果您将鼠标悬停在 li 上,则会出现一个下拉菜单。如果您将指针向下移至悬停时出现的 ul,我希望链接仍然带有下划线,直到您将箭头从 ul 或链接移开。这样你就知道当菜单下拉时你悬停在哪个菜单上。 知
我有一个带有多个下拉菜单的导航栏。因此,当我单击第一个链接时,它会打开下拉菜单,但是当我单击第二个链接时,第一个下拉菜单不会关闭。 (所以如果用户点击第二个链接我想关闭下拉菜单) // main.js
我正在尝试制作一个导航下拉菜单(使用 Bootstrap 3),其中链接文本在同一行上有多个不同的对齐方式。 在下面的代码中,下拉列表 A 中的链接在 HTML 中有空格字符来对齐它们,但是空白被忽略
我希望有人能帮我解决这个 Bootstrap 问题,因为我很困惑。 有人要求我在底部垂直对齐图像和其中包含图像的链接。 我面临的问题是他们还希望链接在链接/图像组合上具有 pull-right,这会杀
我正在构建一个 Rails 应用程序,并希望指向我的类的每个实例的“显示”页面的链接显示在“索引”页面的下拉列表中。我目前正在使用带有 options_from_collection_for_sele
我有以下 Bootstrap3 导航菜单 ( fiddle here )。我想设置“突出显示”项及其子链接与下拉列表 1 和 2 链接不同的链接文本(和悬停)的样式。我还希望能够以不同于 Highli
我对导航栏中的下拉菜单有疑问。对于普通的导航链接(无下拉菜单),我将菜单文本放在 H3 中,但是当我尝试对下 zipper 接执行相同操作时,箭头不在标题旁边,而是在标题下方。我决定用 span 替换
我是一名优秀的程序员,十分优秀!