问题标签 [mdc-components]

我正在使用 MDC（材料设计组件）在 iOS 应用程序中构建我的 UI，我的应用程序中有 2 种语言英语和阿拉伯语，当切换到阿拉伯语时，我强制从右到左显示我的所有视图，效果很好，如图所示下面的图片：

在 AppDelegate 中的所有视图上强制 RTL，如下所示：

结果是：

但是当我以从左到右的模式推送视图控制器时，问题如下所示：

但在 RTL 模式下，它看起来如下：

我正在尝试水平翻转后退按钮但没有成功这里是我的推送视图控制器中的代码：

在这种backItem情况nil下，但是当我延迟代码时：

有backItem一个价值和一个形象，但mdf_imageWithHorizontallyFlippedOrientation()不工作所以我的问题：

• 当我强制所有视图为 RTL 时，是否有更好的方法来修复 MDCAppBar 的默认后退按钮被翻转？
• 为什么在延迟时间后我得到后退按钮的值当 MDCAppBar 准备好时是否触发了任何函数或委托？
• 最后为什么mdf_imageWithHorizontallyFlippedOrientation()不处理图像？

提前致谢

我有一个 codepen，其中有一个带有顶部应用栏组件的可关闭抽屉，在调整到 598px 宽度时，顶部应用栏宽度从 64px 减小到 56px 但是当使用@media 查询对齐它时，抽屉没有对齐请你给一个解决方案

代码笔 >>> https://codepen.io/BhavyaSingh2003/pen/NJbGoO

我试图在下面的这些图片中实现

在用户编辑

这是我的代码

试图设置 textviewframe，但不反映在屏幕上。并且也无法在边界线对齐上获得浮动占位符。我错过了什么？

我正在尝试将 MDC 应用程序栏添加到我的应用程序中，由 MaterialComponents 的自定义子类定义UINavigationController。我在他们的Github 页面上进行了简洁的描述：

使用应用栏最简单的集成路径是通过 MDCAppBarNavigationController。此 API 是 UINavigationController 的子类，它会自动将 MDCAppBarViewController 实例添加到每个推送到它的视图控制器上，除非已经存在应用栏或灵活标题。

使用 MDCAppBarNavigationController 时，您至少需要使用委托配置添加的应用栏的背景颜色。

在我的故事板中，我添加了一个并在身份检查UINavigationController器中将其身份设置为。MDCAppBarNavigationController

在我的根视图控制器中，我实现MDCAppBarNavigationControllerDelegate：

当我运行应用程序时，我看到一个普通的导航栏，并且从未调用过委托方法。我究竟做错了什么？

我正在尝试设置 MDC 对话框警告。我没有将它复制粘贴到每个需要它的视图中，而是将对话框包装在它自己的模板中。该模板似乎工作，对话框打开并正常运行，但是，我无法为其设置一个有效的辅助函数。我尝试使用父模板的辅助函数，甚至将新模板创建为自己的 js 文件。这些解决方案都不能正确抓取数据。

我正在使用材料的 Vue 实现：https ://stasson.github.io/vue-mdc-adapter/#/

我遇到的问题是页面加载。当我查看我的滑块时，栏会根据保存的值正确填充，但可用于更改滑块值的旋钮保持在 0。但是，每当我调整窗口大小或打开和关闭开发工具时，旋钮都会调整到正确位置。

这是页面加载时的样子：

代码：

有没有人可以在页面加载时正确加载旋钮？

我正在尝试使用 MDCTextField https://material.io/develop/ios/components/textfields/。我需要它与示例相同。但我总是得到如图所示的结果。我已经试过了

但它不起作用。我正在使用故事板。这是我的代码。

在我所有的 Android 应用程序中，我实现了Material Design Components (MDC) 依赖项，AndroidX并且一切正常，直到我将 Android Studio 更新到 3.4稳定版本。该应用程序可以在模拟器和真机中完美编译和运行，但Android Studio的XML 布局预览器不会呈现任何 MDC，并且预览页面只是冻结。

我已经尝试了很多东西，但都没有解决我的问题：

• 更新到 Android Studio 3.5 Canary 或 Dev
• targetSdkVersion将and更改compileSdkVersions为 28
• 重新安装 Android Studio
• 使缓存无效并重新启动
• 使用不同的Theme.MaterialComponents变体

此 XML 布局预览器问题仅在其中包含至少 1 个 MDC 的布局中发生。如果没有这些组件，一切正常。

我的styles.xml文件如下所示：

即使我扩展AppTheme它Theme.MaterialComponents.Light.NoActionBar也不起作用。

我的build.gradle文件如下所示：

不渲染的布局示例

在示例中， Toolbar 和 AppBar 不会造成任何问题，但此时我添加了TextInputLayout并且TextInputEditText预览器冻结了。如果在另一个布局中我添加一个MaterialButton或FloatingActionButton或MaterialCardView相同的事情发生。

（在示例中，所有style属性都扩展了特定于组件的 MaterialComponent 主题。示例：TextInputLayoutstyle has as parent Widget.MaterialComponents.TextInputLayout.OutlinedBox）

谢谢你的回答！！

我想使用这个标签系统：

https://material-components.github.io/material-components-web-catalog/#/component/tabs

我阅读了上述链接的 HTML 源代码并实现了一个标签栏。

但是，如何使用此标签栏切换显示的内容？我需要编写 JavaScript 吗？

我阅读了示例页面的源代码和文档并编写了以下代码：

如果单击导航按钮，console.log(drawer.open)则执行，您将看到输出，真，假，真，假，真，...

但是，抽屉没有出现。

如何切换模态抽屉？