问题标签 [material-design]

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 回答
1053 浏览

javascript - 与 Angularjs 一起使用的 Polymer 的动画页面

我想问一下是否有与Polymer 的动画页面http://www.polymer-project.org/docs/elements/core-elements.html#core-animated-pages)相关的任何示例以及我们如何构建一个使用 Angular/material repo ( https://github.com/angular/material )中提供的资源进行类似的演示。

我想实现http://www.polymer-project.org/components/core-animated-pages/demos/music.html但我不想使用 Polymer,因为我想使用 Angular。

你能给我一些指导以便开始吗?

0 投票
0 回答
559 浏览

android - ViewPager 和场景转换

我正在努力使我的应用程序更现代。

我有一个带有两个片段的 ViewPager。一个片段是“静态的”,而另一个片段变为另一个片段。所以总共三个片段。A、B 和 C,其中 A 始终可见,而 B 或 C 可见。

使用谷歌的新材料设计,他们在活动之间移动时会仔细阅读动画,但据我所知,片段没有这样的东西。此外,如果我用三个活动替换了我的片段,则 ViewPager 没有其他选择。

我只是卡在这里,还是有办法动画从片段 B 到片段 C 的过渡?我愿意对 UI 进行大量重写,但不会从用户的角度改变界面。

0 投票
2 回答
1024 浏览

css - 在我的网站上使用的所有纸张元素中全局更改墨水颜色的最佳方法是什么?

组件 html 文件中的注释说:

我想在全球范围内进行,所以我在我的主 site.css 中尝试了上面的示例(没有 .pink 类),但没有任何效果。我也尝试了以下方法,但没有任何运气。

0 投票
1 回答
636 浏览

android - 我们应该为 Android L Material 主题设计吗?

我刚开始为 Android L Material 主题设计我的应用程序。我知道我们必须首先检查我们现有的应用程序是否可以在 ART、新的 WebView 和所有这些上正常工作,但更进一步,我希望我的应用程序能够在 Android L 正式发布时准备好发布。但我发现文档很少,我无法找到一些问题的答案 -

  1. 材料主题本身是否可用于旧版本的 Android?

  2. 现在公开可用的 Android L SDK 是否足以开始使用它来构建应用程序?我发现了一些关于堆栈溢出的帖子,commons guy 说要等到 Android L 发布。

  3. 设计规范中提到了一些内容,但没有相关文档。例如,根据Google IO 2014 App 的来源,像“工具栏”正在替换“操作栏” 。但是为什么在 Android L 入门页面的任何地方都没有提到它?它会通过支持库向后兼容旧版本吗?

  4. 任何关于如何实现本页中提到的扩展应用栏的示例代码?

0 投票
1 回答
2623 浏览

svg - 自动将 SVG 转换为 Android 可用的 PNG

我有大约 434 个 .svg 图标,我想准备好在 Android 应用程序中使用它们。由于使用 Inkspace 手动导出它们可能会很疯狂,因此我试图找到一种使用 ImageMagick 和类似方法导出它们的方法。我试图为此想出一个脚本:

它会转换它们,但结果看起来很糟糕。SVG 的清晰线条因抗锯齿而变得模糊,因为 ImageMagick 似乎将 SVG 视为任何其他图像。再加上大小都是错误的,因为几乎没有一个生成的文件是方形的。

我需要一些方法来转换具有这些条件的 SVG:

  • 没有抗锯齿
  • 以 SVG 绘图为中心创建方形图像
  • 允许为全黑的 SVG 图像重新着色(可选)
  • 使用 Linux 命令行 (Arch Linux)

完整的故事:我正在尝试从 Polymer 获取 Material Design 的图标,以便在应用程序中使用。

0 投票
4 回答
11081 浏览

android - 动态改变 CardView 的 BackgroundColor

文档中写到 CardView 的 BackgroundColor 可以在 XML 中使用card_view:cardBackgroundColor. 但是,我找不到相应的方法来动态更改背景。

使用mCardView.setBackgroundColor(Color.argb(75, 102,80,67));会导致 CardView 失去圆角和阴影。

0 投票
2 回答
6873 浏览

android - KitKat(及更低版本)设备上的 Android Material Design

我打算在我们学校开发一个android应用程序作为一个项目。

我想使用 Google 的新 Material Design,但我知道它只在 Android-L 设备上可用。Jack Underwood 最近发布了名为“Today Calendar”的日历,它采用 Material 风格并在 Kitkat 及更低的设备上运行。

我知道 Actionbar 的高度比旧的要大一些,并且导航抽屉切换具有新的样式。所以一个...

我该如何实施?

0 投票
1 回答
607 浏览

android - 向后兼容材料设计

正如 Google 在此页面中所说,Material Theme 仅适用于 Android L 开发者预览版。但是这些应用程序如何在以前版本的 Android L 上运行呢?

https://play.google.com/store/apps/details?id=com.borggren.notes

http://officialandroid.blogspot.it/2014/10/a-new-look-for-google-play-newsstand.html

还有其他应用程序。

他们是否使用了一些类似于材料设计的组件?

他们不使用“android:Theme.Material”吗?

或者有没有办法在以前的版本上使用材料主题(我是唯一一个不知道怎么做的人)?

0 投票
0 回答
2619 浏览

android - 当操作栏透明时,内容出现在不透明的导航栏后面

我正在尝试实现一个主题,该主题具有完全透明的操作和状态栏以及不透明的导航栏。基本上看起来类似于Google 的 Material Design 网站上给出的示例。

在此处输入图像描述

这是我为创建一个非常接近的主题而编写的一些 XML 代码 -

但是,正如您在此图像中看到的那样,内容显示在底部导航栏的后面。在期望用户垂直滚动的设计中,这会很好,但是,我不想这样做!我希望所有内容都适合而不需要任何滚动。

我想我可以添加一个简单的

在 XML 布局中最底部的视图上将其向上推。但这不起作用!相反,它与导航栏的底部对齐,这不是我想要的 - 它应该与它的顶部对齐。

然后我想我可以从底部做某种边距偏移,但是导航栏似乎不存在类似于 ?attr/actionBarSize 的属性。我想避免选择任意值(尤其是因为这些值因方向而异,并且将来可能会发生变化)

在主题中,我知道您可以添加 -

哪种方法可以做到这一点(至少对于导航栏),但是图像将被推到操作栏下方。似乎我能够为导航栏或操作栏获得所需的结果,但不能同时获得两者。就好像谷歌甚至不希望人们这样做,但他们已经在 Material 网站上给出了这个例子。

有没有办法解决这些问题?

0 投票
9 回答
123312 浏览

angularjs - 如何使用在角材料?

我想知道如何使用 Material 的图标,因为这不起作用:

我猜作为 icon 属性的参数给出的路径存在问题。我想知道这个图标文件夹实际上在哪里?