问题标签 [google-material-icons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
789 浏览

android - Android 通知显示错误图标

我有一个带有图标 id 的静态数组:

我显示所有图标,用户可以选择一个。所选图标的 id 被传递给通知管理器。它显示如下通知:

我用“test-ImageView”检查了 id 是否正确。ImageView 显示用户选择的图标(带有setImageResource(notification.getIconId());)。但在通知栏中的通知上显示另一个图标或不显示。如果我使用 .setLargeIcon() 它再次显示正确的图标。

但仅限于大图标。小图标是空的。

图标是通过矢量资源导入的材质图标。

这有什么问题?

0 投票
1 回答
286 浏览

css - 材料图标连字电子 OSX

我正在尝试在电子应用程序中使用 Google Material Icons,但在渲染图标时遇到了问题。这些图标在 Windows 上完美呈现,但在 OSX 上却不行。使用 devtools 我看到两者都成功地将字体请求为“woff2”格式,但只有 Windows 似乎呈现图标...OSX 只是列出了连字文本。

Windows(左)、OSX(右)

视窗 操作系统

这些适用于 Windows 构建,但不适用于 OSX ......它只是列出home

我也试过

不确定这是否是 OSX 的 chromium build 问题、OS 字体问题,还是什么?如果有人可以就某些尝试提供任何指导,我将非常感谢您的帮助。

这是正在使用的 CSS

0 投票
1 回答
576 浏览

javascript - Google Material Design:mdl-menu 对动态负载没有反应

我想在 html 页面中插入一个按钮和一个 mdl 菜单作为工具提示。

这是一个示例 Javascript 代码:

html很简单:

问题是菜单不会按预期显示按钮单击。但是,如果我用 html 对其进行硬编码,它就可以工作。

问题是如何使 mdl 菜单在按钮单击时弹出。谢谢!

这是我为测试而制作的jsFiddle 。

0 投票
0 回答
255 浏览

ios - 如何在UILabel中同时使用iOS系统字体和素材icon-font

我在UILabel. 我必须对文本中的某些图标使用图标字体。的内容UILabel是动态的并从服务器获取。字母数字字符应使用系统字体,图标应使用图标字体。这类似于 iOS 一起显示文本和表情符号。

我找到了一些方法来做到这一点:

  1. 使用 icon-font 作为UILabel. 在这里我不能为文本指定字体
  2. 用于NSAttributedString为文本和图标分配不同的字体

有没有更好的方法来做到这一点?

0 投票
1 回答
49 浏览

html - 谷歌字体在科尔多瓦上的多名称图标呈现两个不同的图标

我正在通过 cordova 将一个 Web 应用程序转换为一个工作的混合移动应用程序。我正在使用 Google 的素材图标集,每个多名称图标(即 photo_camera)都被翻译成两个不同的图标。这个奇怪的问题只发生在科尔多瓦。

编码: 编码

结果:结果

任何想法?

0 投票
1 回答
326 浏览

ruby-on-rails - 如果 Highcharts 工具提示具有材质图标,则无法正确呈现

在我的 rails 应用程序中,我有一个图表,其中包含使用 Highcharts 生成的图标。这些图标是我通过材料图标宝石获得的谷歌材料设计图标。https://github.com/Angelmmiguel/material_icons

我想用图标做两件事:

  1. 我想要笑脸而不是数字标签。我开始工作了

    在此处输入图像描述

  2. 我想要笑脸而不是工具提示中的数值。这就是它出错的地方。

    我必须解析日期,因为它是 JavaScript 纪元时间(毫秒)。不+ icon显示日期。如果我添加+ icon它不起作用并且日期将无法正确呈现。我注意到的是图标高于线本身。所以我认为这是一个CSS问题,但我不知道如何解决它。
    没有:没有有:和

提前感谢您的回复!

0 投票
13 回答
21158 浏览

javascript - 当 Google 的 JS 转换失败时,如何防止材料图标文本出现?

当 Google 的 JS 无法将它们转换为图标时,如何防止出现实质性图标文本?

图标在标记中定义如下:

示例:https ://archive.fo/CKqKG/scr.png (参见最上面一行的按钮)。

材质图标文档:https ://material.io/icons/

这也是谷歌搜索中的一个问题,谷歌实际上会读取并保存 div 的文本,而不是忽略它。

示例:https ://i.imgur.com/TixS06y.png

我知道一种解决方案是简单地切换到 .PNG(由 Google 提供)。我想做任何能减少用户系统(网络)负载的事情。

谢谢!

0 投票
1 回答
234 浏览

google-material-icons - Google Material 图标的含义

Google Material 图标包含“泄漏添加”和“泄漏删除”图标。我试图找出它们的实际用途,但在网页或其他任何地方都找不到任何线索。以下是它们的外观:

在此处输入图像描述


谁能解释这两个图标的含义?是用于内存泄漏,信息泄漏,还是和wifi有关?

谢谢

0 投票
1 回答
2632 浏览

css - ngFor (Angular 2) 中使用的 Font Awesome 和 Material 图标

我有一个显示在右侧栏中的动态图标列表。图标会根据用户的操作传递到侧边栏中。这个动态的图标数组使用ngFor.

不幸的是,有些图标来自 Font Awesome,有些来自 Google Material。

看到它们不是完全匹配,你如何让它们使用 ngFor 显示两种类型,除了图标名称的字符串之外什么都没有。

0 投票
1 回答
3773 浏览

html - 更改复选框图标不起作用

我正在尝试自定义 angular2 + google 材料上的复选框。我创建了一个自定义 CSS 来替换复选框图标,但我无法点击它。

风格

我可以单击的另一种情况是浏览器呈现 2 个复选框。

错误2

我正在使用谷歌浏览器,但是,错误发生在其他浏览器上。