问题标签 [mdc-components]

我需要在文本字段旁边显示一个图标，例如此屏幕截图中的人员和电话图标（来源）

Android上是否有任何组件可以执行此操作，或者我必须在例如约束布局中手动对齐图标和文本字段？请注意，我需要文本字段旁边的图标（如截图所示），而不是在其中。

是否可以通过资源向AutoCompleteTextViewin XML / 提供值，因此无需在代码中设置适配器？

我想将AutoCompleteTextView用作暴露的下拉菜单的一部分，因此所有值都应立即显示，并且不会发生过滤。此外，所有要显示的值在编译时都是已知的。

我有一个 AutoCompleteTextView （作为Exposed Dropdownmenu的一部分）。我不想为其设置固定宽度，而是由适配器中最宽的项目确定宽度。所以我将宽度设置为 wrap_content，但是每次选择另一个项目时都会改变。

示例：我目前有两个项目：

这呈现为

当我现在选择“longitem”项目时，宽度会增加：

好吧，我明白会发生这种情况。但这很烦人。我希望 AutoCompleteTextView 永久（无论选择哪个项目）具有选择“longitem”时的大小，而不是所有这些大小调整。我怎样才能做到这一点？

使用的代码（如官方公开的下拉文档中所示）

dropdown_menu_popup_item.xml：

布局文件：

适配器 (Kotlin)

在新发布的 Material Design Component 中，没有 Spinner 组件。这就是为什么我想使用Exposed Dropdown Menus来实现类似 Spinner 的原因。我面临的问题是 AutoCompleteTextView 与 endIconDrawable 相比未在中心对齐。我的代码如下

activity.main.xml

style.xml

MDC 抽屉 (RTL) 内的 MDC 开关有一个拇指，当它打开时放在右侧而不是左侧。我希望拇指在关闭时位于左侧，而在打开时位于右侧（我希望拇指从左侧移动到右侧）。

我试过尝试向元素添加dir="ltr"属性，但没有运气。mdc-switch

编解码器

我正在将我的 Angular 8.2.14 项目更新到 Angular 9.1.0。到目前为止，我已经成功使用 ng update 将所有文件迁移到 Angular 的最新版本。但是，要使此更新成功，我还必须更新此项目中使用的库。其中一个库是“ Angular Material Web Components ”（@angular-mdc/web）。

这个库有一个入门指南，以便能够正确实现它。这涉及更改文件“angular.json”以设置以下内容：

本入门指南还涉及开始在我的 *.scss 文件中实现 @use 而不是 @import，以便使用的组件具有正确的样式。

然而问题是这个@use 似乎不起作用。

例如，在入门指南中，该示例指出需要将以下内容添加到 styles.scss 文件中：

然后在 styles/_body.scss 中创建文件时，我应该添加：

但是，这样做时，添加到 body 标记的样式根本不会在浏览器中使用或看到。好像编译styles.scss时没有使用整个文件。

因此我的问题是：需要调整什么才能在我的 Angular 9.1.0 项目中使用 *.scss 文件中的 @use ？

可以在此处找到 StackBlitz 示例

到目前为止，在 MDC Web Components 方面做得很好，但我已经在这里挂了太久了。（在 JS 中不强。）

mdc-select 曾经是非本地的，然后使用本地 HTML 选择，现在它又是非本地的。有一段时间，MDC Web 支持隐藏输入，以便您可以将值传递给服务器。

几乎没有任何文档——主要是像我这样的用户在 GitHub 上打开问题：

已关闭：MDC 选择 - 不再与表单输入兼容 #2221

已关闭：[MDC Select] 自述文件中的示例确实将值发送到 Web 服务器 #5295

Open: [MDCSelect] 添加隐藏输入元素以支持 HTML 表单 #5428

我需要为同一页面上的多个选择框设置/更新 MDCSelect 更改上隐藏输入的值......我可以让它为一个选择框执行此操作，但不是多个。

这是选择框 HTML：

我尝试使用 id、name 甚至类来定位隐藏的输入。我想我需要某种集成功能，forEach 或循环 - 尝试在每个选择下添加 JS 无济于事。我已经处理了其他用户的示例（见下文），但没有成功。JavaScript 不是我的事，我知道它应该发生什么，但不知道函数或循环语法等来完成这项工作。

我需要确保每个设置/更新都针对与该特定选择框关联的正确隐藏输入。

这是我的 JS，适用于一个选择框但不是多个：

这是其他人使用的一些我无法修改/应用的代码（取自上面的链接）：

来自nikolov-tmw：

来自丹尼尔-dm：

请帮忙！这个特殊问题自 1 月份以来一直存在（人们很久以前就在苦苦挣扎），没有明确的解决方案来帮助非 JS 开发人员实现 MDCSelect 框。提前致谢！

如何将 Material Drawer 组件集成到 Angular 应用程序中？我无法使用https://material.io/develop/web/components/drawers/中的说明正确渲染它

有人可以提供一步一步的说明来使 mdc-drawer 像演示中所示的那样工作吗？

我正在做一个项目，我们正在使用 mdc-select 进行下拉菜单，现在我们有一个错误，使选择框呈现在所有内容之上。这是非常有问题的，因为我们需要在它上面有一个弹出渲染。

我怀疑这可能是由于 z-index 但弹出窗口的 z-index 比选择框的 z-index 高得多。我也尝试在开发工具中禁用选择框的 z-index，这没有什么区别。还有什么会影响图层？

删除 mdc 样式时问题消失。

在使用深色主题时，使用 MDC 的项目不遵循fontFamily我在主题中设置的标题 6。我fontFamily在我的 Headline 6 风格中使用了 metropolis_500。它在浅色主题上正常显示，但在深色主题上不显示。

我尝试在我的 AppBar Style 中明确指定使用 Headline 6，但没有奏效。

我还尝试明确指定toolbarStyleon Dark Theme Style。

我还尝试恢复到默认的 Material Components 工具栏样式。

没有任何效果。浅色主题可以，但深色主题不行。Metropolis 字体在其他部分以深色主题正确显示，例如TextViews使用 Headline 6 样式。