问题标签 [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 回答
3809 浏览

material-components - android材质组件中TextInputLayout的背景颜色问题

我是android material-components的新手,我只是第一次尝试了带有FilledBox样式的基本TextInputLayout,默认情况下背景看起来像半透明,根据我们的设计我需要将其更改为纯白色。但是我尝试了app:boxBackgroundColor="#ffffff",然后文字和文字提示就变得不可见了!然后我尝试了 app:boxBackgroundColor="#80ffffff" 我可以看到它们是某种透明的。你知道为什么?我只想要纯白色背景并保持其他人相同。

提前致谢!

0 投票
2 回答
208 浏览

android - 选择另一个选项卡后,上一个选项卡选择保持活动状态

我有一个TabLayout我想自定义如下:

  • 如果未选择选项卡项目,则仅显示一个图标
  • 如果选择了选项卡项目,则应显示图标和文本

我已经实现了AOnTabSelectedListener并将文本设置null为未选择选项卡时的文本。当我运行“未选择”选项卡上的文本时,会删除该选项卡,但该选项卡仍处于活动状态,如下图所示:图片

代码:

xml

我已尽我所能找到解决方案,但无济于事。

0 投票
2 回答
4467 浏览

android - 在滚动时显示和隐藏 BottomAppBar

我正在尝试实现BottomAppBar在哪里处理WebView.

一切正常,但我希望能够显示和隐藏BottomAppBar用户向下和向上滚动的时间,就像这里的行为一样。

我在任何地方都找不到这方面的教程,所以有人实施了解​​决方案吗?

0 投票
1 回答
605 浏览

material-components - 如何使 TextInputLayout 的提示文本垂直居中?

我们的设计团队遵循 iOS 目录应用程序,TextInputLayout 的提示文本是垂直居中的,但是当我尝试 Android 时却不是。我似乎没有找到实现它的选择。那么为什么它们不同呢?或者有什么方法可以实现?

0 投票
3 回答
1587 浏览

android - 着色轮廓材质组件按钮的背景

我正在尝试创建一个带轮廓的 Material Components 按钮,但是除了笔触之外,我还需要它具有半透明的背景。

到目前为止,这是我的 XML 代码:

这就是它的样子:

具有 2dp 笔划的按钮

问题是按钮周围的笔划之外的一些背景是可见的(笔划宽度越大,出现的白色像素越多)。

例如,这是一个5dp中风:

5dp 行程的按钮

有没有办法解决这个问题,设置背景颜色的更好方法,或任何东西?

0 投票
6 回答
24822 浏览

android - 如何将材料组件库中的芯片添加到android中的输入字段?

我已经看到在 android-P google 中添加了包含材料芯片的新材料组件库:

安卓材质组件

Material.io 芯片使用情况

GitHub 上的材料组件

所以我决定在我的项目中添加材料输入芯片,但不幸的是没有找到任何教程如何制作它。我想创建类似 Gmail 芯片但一开始没有图像的东西。

因为我使用的是 appcompat 库,所以我尝试通过android.support.design.chip.Chipand使用材料芯片android.support.design.chip.ChipGroup。但结果只是没有任何输入字段的筹码。我还尝试创建一个独立的 ChipDrawable,然后将其添加到EditText使用

但是我得到了没有任何筹码的空 EditText。那么如何使用这个材料组件库像在 Gmail 中一样创建芯片输入?也许有人有经验或知道我可以看到如何创建它的任何教程?

提前致谢!

0 投票
2 回答
497 浏览

android - 是否可以使用新的 Material Components 将应用程序发布到 Play 商店?

我想使用28.0.0-alpha1设计支持库版本中引入的新材料组件。

我发现如果不设置compileSdkVersion为,这个版本的设计库将无法编译android-P,因为它引用了仅在 API 级别 28 上找到的属性(例如,android:attr/dialogCornerRadius)。

另一方面,Google Play 控制台不允许我上传应用程序定位android-P,它给了我错误“您无法上传仅测试的 APK”。正如这些文档所述,这似乎是故意的:

Google Play 禁止发布针对 P Developer Preview 的应用程序。当 Android P 最终版 SDK 可用时,您将能够以官方 Android P API 级别为目标,并通过 alpha、beta 和生产发布渠道将您的应用发布到 Google Play。

这真的意味着新组件还不能用于生产应用程序吗?

0 投票
3 回答
8106 浏览

android - MaterialCardView 没有涟漪

新的没有涟漪MaterialCardView吗?

我用过CardView并且效果很好,但新android:clickable="true"的完全没有涟漪。android:foreground="?android:attr/selectableItemBackground"MaterialCardView

其他Views 等继续工作,但我希望我的可以点击(以波纹作为反馈)。

0 投票
1 回答
673 浏览

javascript - MDCSnackbarFoundation 类用法

如何使用 MDCSnackbarFoundation ?使用 MDCSnackbar

该文档不够清晰,无法了解。 https://github.com/material-components/material-components-web/tree/master/packages/mdc-snackbar#using-the-foundation-class

这是我的代码,我需要为它绑定 MDCSnackbarFoundation。

logger = new MDCSnackbar($selector[0]);

谢谢

0 投票
1 回答
193 浏览

ios - MDCSnackbarManager 按钮字体不起作用

我目前正在使用Material IO Components来创建我正在开发的应用程序所需的快餐栏,它拥有我需要的一切,除了一件小事:我需要能够更改操作按钮的字体,但使用文档中提供的属性不起作用。

MDCSnackbarManager中有一个buttonFont属性,但这不起作用(messageFont虽然工作得很好)

MDCSnackbarMessageView内部还有一个buttonFont属性,但这也不起作用。

到目前为止我尝试过的代码是这些(messageFont 是这三个中唯一有效的一个)

非常感谢任何有关如何解决此问题的建议或解决方案!