问题标签 [material-components]

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 投票
0 回答
54 浏览

ios - 在 MaterialComponents 中使用 willDeleteItemsAt 和 didSelectItemAt

使用 MaterialComponents.MaterialCollections 存在问题。我正在使用两个功能:

当我选择单元格时,它会转到另一个 ViewController,没关系。但是当我启用编辑模式并且单元格开始浮动时,我只想选择要删除的单元格。但首先我转到另一个视图,而不是返回,我的单元格 已经标记为删除。 如何中断 segue 到另一个视图并选择?

0 投票
3 回答
617 浏览

android - 如何制作按钮的自定义形状(两侧的箭头向外)?

我想让我的按钮如下所示。您能告诉我,如何为以下内容制作可绘制的 xml 文件吗?

喜欢这张图片

在此处输入图像描述

0 投票
0 回答
623 浏览

material-design - 使用 MDC web 时自动调整 fab 按钮大小的“正确”方法是什么

规范说,当屏幕宽度为 460dp 或更小时,fab 按钮的大小应从 56dp 调整为 40dp。

我正在使用 mdc Web 组件,这不会自动发生。可以通过将样式 mdc-fab--mini 应用于按钮来实现这一点。但是,似乎没有必要以编程方式执行此操作,因此我将媒体查询断点设置为 460px 并手动设置宽度和高度。这很好用,因为目前 mdc-fab--mini 类就是这样做的。但是,可能有更正确的方法可以做到这一点。

问:有没有“正确”的方法,如果有,是什么?德克萨斯州。

示例代码(使用“整页”选项并将屏幕大小调整到 460 像素以下以查看工厂变化):

0 投票
1 回答
473 浏览

meteor - 如何在 MeteorJS 中使用 Material Components Web sass

我想在我的流星应用程序中使用web 材料设计组件。不幸的是,当像这样从 npm 包中导入 mdc 时:

我收到以下错误:

我猜这是由于 mdc 的结构。该material-components-web.scss文件导入所有单个组件,这些组件位于 中node_modules/@material,而不是内部node_modules/material-components-web

我正在使用该fourseven:scss包在我的流星应用程序中编译 sass。

我该如何解决/修复此问题?

0 投票
1 回答
639 浏览

ios - MDCTabBar 更改字体类型和大小

是否可以将选项卡的字体大小更改为 MDCTabBar ?

MDCTabBar 是 google 库的一部分,用于在 iOS 中使用设计材料

https://github.com/material-components/material-components-ios

0 投票
1 回答
1172 浏览

javascript - MDC-web 没有按预期工作

这是我项目中的 Material.js 页面,这里我使用的是 material-components-web 库。我想要输入动画,它工作正常。但我想使用具有相同动画的两个输入。我使用了 mdc-textfield 类的两个相同的 div。但是现在只有 mdc-textfield 类的第一个 div 工作正常,但第二个没有显示动画。请帮助

0 投票
1 回答
1247 浏览

javascript - 材料组件:单击内部时保持菜单“打开”

网络的材料组件(菜单)


这个问题与菜单组件有关:

我已经修改了代码,以便在悬停而不是单击时打开菜单。当单击菜单中的某些元素时,我现在正尝试使菜单保持打开或关闭状态。但是我无法使其正常工作。

任何人都可以帮忙吗?


Codepen 链接: https ://codepen.io/oneezy/pen/prejpw


例子:

  • 单击时<li class="wont-close">,菜单不会关闭。menu.show();
  • 单击时 <li class="will-close">,菜单将关闭。menu.hide();

在此处输入图像描述

这是我的尝试:

HTML

JS

0 投票
1 回答
647 浏览

material-design - AngularDart 中的 web 材质组件

如何在我的 angular-dart 项目中使用 Web 的模块化和可定制的 Material Design UI 组件? https://material.io/components/ 我特别想使用 Typography,所以谁能告诉我我该怎么做。

谢谢你

0 投票
1 回答
156 浏览

aurelia - aurelia - 在 skelton-esnext 项目中使用 material-components-web 时出错

我已经成功地在我的 aurelia skeleton-esnext-webpack 项目中使用了 material-components-web 库,但我正在努力让它们在skeleton-esnext 项目中工作。

问题似乎在于,skeleton-esnext 项目使用 jspm 和 system.js 作为其模块加载器。

我已添加"@material/textfield": "npm:@material/textfield@^0.3.6"到我的 package.json 的 jspm 依赖项部分,这似乎将正确的 @material 库安装到我的 jspm_modules/npm/@material 中。

现在,当我尝试从我的任何 aurelia 视图模型中访问该库中的任何类时

运行项目时,我在浏览器中收到以下错误:

对最有可能导致此问题的原因有何建议?

0 投票
1 回答
1464 浏览

ios - 材质组件标签栏控制器错误

使用 MDCTabBarViewController 选择标签栏项目时收到错误:“由于未捕获的异常 'NSInvalidArgumentException',原因:'Invalid item',正在终止应用程序”。视图控制器加载但在选择第二个选项卡后立即崩溃。

任何帮助表示赞赏。谢谢!