问题标签 [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 投票
1 回答
484 浏览

ios - 结合 MDCAppBar 和 UITabBarController

我的根视图控制器是一个带有 2 个选项卡和一个 MDCAppBar 的 UITabBarController。故事板上的设计看起来很好,两个标签放在相等的两半。但是,当我运行应用程序时,2 个选项卡会出现压缩。我已经尝试了很多事情,但无法解决这个问题。任何帮助/建议表示赞赏。请参阅下面的代码和屏幕截图:

根视图控制器代码:

主情节提要截图: 在此处输入图像描述

我运行应用程序时的屏幕截图: 在此处输入图像描述

0 投票
5 回答
825 浏览

ios - 如何在 MDCTextField 上设置插入符号光标颜色?

我正在使用MDCTextInputControllerFilled和设置activeColor属性更改下划线和浮动占位符。但是,我找不到设置闪烁光标颜色的方法,默认情况下它是蓝色的。有没有办法改变颜色?

0 投票
0 回答
51 浏览

javascript - 禁用更改 url 路由器信息 Material-components-web 选项卡

我正在为我的框架无关库使用 Material Web 组件。对于“材料”选项卡,当更改选项卡时,URL路由更改为“活动”选项卡。例如在演示中: https ://material-components-web.appspot.com/tabs.html

当我们更改选项卡时,网址更改为: https ://material-components-web.appspot.com/tabs.html#one

如何禁用 url 更改并仍然让选项卡正常工作?

这是令人担忧的,因为我的库被 Angular 应用程序使用,其中 url 路由更改被应用程序拾取,然后引发错误或导致应用程序以不需要的方式运行。

0 投票
3 回答
1839 浏览

ios - 更改 MDCTextField 占位符文本的文本换行

有谁知道如何更改 MDCTextField 中占位符文本的文本换行,以便占位符标签的行为类似于 0 行。

当占位符文本很长时,我不想在任何地方出现“...”

0 投票
1 回答
759 浏览

javascript - 为什么我的第二个 mdc-textfield 标签附加到我的第一个 mdc-textfield?

我正在使用 MDC-Web(Material Design Components Web)处理 Laravel 视图,并且在标签未正确附加到它们各自的输入时遇到一些问题。

我的 JavaScript 看起来像这样......

问题是第二个“短”mdc-textfield 附加到“lang”mdc-textfield 的底部。我希望将标签附加到正确的输入上,但我看不出我在哪里以及为什么会出现问题。

mdc-textfield 附加错误

我的其他 mdc-textfield 布局都没有这个问题(我有几个可以正常工作的多字段 mdc-textfield 布局)。我怀疑错误很小而且很微妙,但是在查看代码后找不到它。

它与我的附加强制小写 javascript 函数有什么关系吗?

谢谢!

0 投票
0 回答
600 浏览

javascript - 如何使用纯 JS 检测边缘滑动(触摸)?

我正在使用MDC-Web创建一个 webapp ,我决定添加一个左边缘滑动来打开抽屉。问题是我无法通过同时使用纯 JS 和边缘滑动(不在屏幕上的任何地方滑动,仅从边缘滑动)在互联网上搜索找到任何好的解决方案。如果您有任何使用纯 JS 和边缘滑动的解决方案,将不胜感激。

0 投票
1 回答
1960 浏览

ios - 材质组件标签栏底部导航

如何创建材质组件标签栏底部导航?文档描述了我必须实现 positionForBar: 并返回 UIBarPositionBottom 以将标签栏配置为底部导航栏。该栏将使用适当的样式自动更新。它看起来如何不起作用 - 示例:

视图控制器.h ...

视图控制器.m

0 投票
1 回答
280 浏览

mdc - mdc 关闭所有嵌套对话框而不是活动对话框

我尝试打开一个mdc-dialog里面的mdc-dialog. 关闭第二个对话框时,material-components-web 会关闭两个对话框,而不是返回到底层对话框(第一个对话框)。请参阅codepen.io上的示例。

这是一个错误还是我错过了什么?

0 投票
3 回答
2417 浏览

ios - 如何在自定义视图中添加 MDCTabBar?

我在 iOS 中使用 Material Design 库,我试图在导航栏下方的自定义视图中添加MDCTabBar但它不起作用。代码就像

mainTabBar是我的自定义视图,它正好在导航栏的下方。请帮助解决这个问题。

提前致谢!

0 投票
2 回答
528 浏览

web - @material material-component-web 以 activeTab 形式给出的无效选项卡组件

首先让我说 mdc 文档对于像我这样的非专业人士来说很难。

我正在使用 Elixir Phoenix 和 Brunch。我进口,一切都很好。

我在导出的单独函数中手动实例化选项卡栏

遵循这样的文档

但与文档在其代码片段中使用标签栏略有不同

但是,每当我尝试使用 mdc 时,都会出现“未定义”错误。因此,我没有使用它:-)

现在,当用户单击标签栏时,我会这样捕获:

细微的区别是我的 myDynamicTabBar 是 MDCTabBar 但文档的 dynamicTabBar 是 mdc.tabs.MDCTabBar

我的选项卡控件有效,但它引发了仅在控制台中可见的错误:

未捕获的错误:作为 activeTab 给出的无效选项卡组件:在此组件的选项卡列表中找不到选项卡

这可能是因为我没有使用mdc.tabs?文档指出更改事件发生在 MDCTabBar 上。

因此,如何摆脱控制台中这个恼人的错误?

为什么我无法访问全局 mdc?我在我的早午餐文件中试过这个

但不好。