更改材料设计复选框内的文本

Posted

技术标签:

【中文标题】更改材料设计复选框内的文本【英文标题】:Change text inside of material design checkbox 【发布时间】:2021-10-22 19:24:52 【问题描述】:
<CheckBox x:Name="inactivity_cb" Content="X"  Style="StaticResource MaterialDesignActionDarkCheckBox" Click="cb_Click"/>

你好,我有材料设计风格的复选框。如果 Checked 为 true,则复选框中的文本为“✔”,如果为 false,则为“X”(基于 'Content="X"')。

我想在不以某种方式编辑该样式的情况下将“✔”更改为其他内容。我只想要这个复选框。有小费吗? 非常感谢您的所有回答,祝大家度过愉快的一天:)

【问题讨论】:

没有看到样式本身,这有点过时了,但听起来您应该基于现有样式创建一个样式(字面意思是将BasedOn 属性设置为现有样式资源),然后只覆盖适当的设置器。这可能需要您提供一个符合您风格的新模板,但您可以复制现有模板并根据您的需要进行调整。 【参考方案1】:

我知道这个帖子有点老了,但我想有人需要答案

你需要添加这个属性来改变选中的显示,

materialDesign:ToggleButtonAssist.OnContent="-"

注意,你也可以直接放一个图标(图标列表查看材料设计示例)

materialDesign:ToggleButtonAssist.OnContent="materialDesign:PackIcon Kind=Hand"

而且图标语法对内容属性也有效

【讨论】:

以上是关于更改材料设计复选框内的文本的主要内容,如果未能解决你的问题,请参考以下文章

2个formarray内的嵌套复选框 - 角度材料

如何在 Angular 4 的材料设计表中添加复选框

具有唯一选择的材料复选框

复选框材料设计

在更改 div 内的任何复选框时触发一个函数

javascript 简单的材料设计复选框。演示:https://jsfiddle.net/vogp8uwe/