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

css - dp - sp 与 PX 的关系

我不是在问 dp、sp 和 px 之间有什么区别。

我正在设计一个基于谷歌新材料设计的网站,所有测量值都在 dp(用于网格)和 sp(用于文本)中。我的问题是它们如何转化为像素。我已经设计网站超过 4 年,所有的测量值(网格和字体)都以像素为单位。

例如:

  1. 一个标题是24sp,等于多少像素?(它不是 24px,我试过匹配它们,大约是 28px,但必须有一个标准的测量系统)。
  2. 网格指南:“所有组件都与 8 dp 方形基线网格对齐。” - 它等于多少像素?

1px = ?dp =?sp 在桌面或任何普通显示器或移动设备上?

0 投票
0 回答
138 浏览

android - 材料主题向后兼容性

官方文档中我了解到,现在还不可能为旧 API 创建材料设计应用程序。有谁知道是否有可能在所有设备上拥有相同的 Material 外观?链接会很棒。

谢谢。

0 投票
3 回答
5432 浏览

css - 材料设计对网络的有意义的转变

(对不起,我无法提供任何我要问的代码,因为我真的不知道从哪里开始。)

关于材料设计指南中的有意义的过渡点。

我对在我的网络应用程序中创建这种平滑过渡非常感兴趣(尤其是个人资料图片从一个活动转到另一个活动的那个),但我想知道如何使用 html 来做到这一点?

  • CSS3 过渡是否足以做到这一点(我应该使用哪种样式属性来直接移动元素)?
  • 我应该使用 JS/Dart 使用奇怪的坐标系移动“共享视图元素”吗?
  • 它可以在动态/滚动布局上工作还是我应该忘记它?
  • 是否有任何提示可以在视觉上将节点从容器平滑过渡到另一个?

简而言之,HTML 是否为此类内容做好了准备(任何代码/文档都会受到赞赏)?我们应该等待一些聚合物工具来做到这一点吗?还是我们不应该在网络上这样做?

0 投票
0 回答
1748 浏览

android - 新的 Android L 材质设计在 Eclipse 布局编辑器中不可见

目前我正在测试新的 Android L API 预览版。为此,我使用 Eclipse。新的材料设计目前在布局编辑器中是不可见的吗?我没有 Nexus 5,所以我无法在手机上安装预览图像,我必须使用模拟器来测试新样式。有没有办法在 Eclipse 或 Android Studio 的布局编辑器中显示新样式?例如阴影等在编辑器中是不可见的。

那么这在布局编辑器中是否对您有用,并且仅在我的机器上不起作用,或者布局编辑器尚未更新?你有什么想法我可以尝试吗,因为在模拟器中测试所有这些真的很烦人。

0 投票
2 回答
3444 浏览

polymer - Polymer paper-dialog with paper-input floatingLabel动画

我今天从 Polymer 开始,我对使用它归档的内容感到非常兴奋!但是我偶然发现了一个我不知道如何解决的问题,如果你在<paper-input floatingLabel>里面添加一个<paper-dialog>,纸质对话框就会失去很酷的动画。有任何已知的解决方法来获取动画,或者当动画组件位于另一个动画组件内时这是一个已知问题?

当我收到反对票时,我决定提供代码来帮助大家帮助我:

我在 paper-dialog-transition.html 的末尾添加了以下行:

感谢您的任何帮助或评论!

0 投票
3 回答
12314 浏览

android - 如何将 ActionBarActivity 与 Theme.Material 一起使用

我创建了一个针对 L 预览的新项目。sdk 生成的启动活动扩展了 ActionBarActivity,但是,当我尝试运行准系统生成的活动时,它会引发以下异常:

我环顾四周,但Theme.AppCompat.Material似乎不存在。如何使 ActionBarActivity 能够利用新的 Material 主题?

我的 build.gradle:

0 投票
1 回答
7598 浏览

android - 平滑扩展和收缩视图

在 Material Design 视频中,视图的扩展和收缩非常顺畅。在过去,我尝试使用旧的 Android API 来实现这一目标,但它确实成本高昂且速度缓慢。

Android-L 中是否有任何新的 API 可以实现这些效果?

具有http://www.youtube.com/watch?v=Q8TXgCzxEnw#t=26效果的视频

0 投票
1 回答
1047 浏览

android - List Dialog类似于Android L Notifications(透明ListView Divider?)

我有一个包含动态 ListView 的对话框。我正在尝试将其样式设置为类似于 Android L 通知中心,但我似乎无法这样做。

我的对话框窗口背景已经是透明的,并且设置了 ListView 内容,但我似乎无法为其添加透明分隔线。当我将列表视图的分隔线颜色更改为透明时,它会完全消失,消除两者之间的差距。手动设置分隔高度后,它返回但不透明。相反,它是某种深蓝色透明的颜色。

我的代码相当简单:

.

我将如何继续设计它?我唯一的问题是缺少透明的 ListView 分隔线。

这就是我想要实现的目标: Android L 通知

0 投票
1 回答
1303 浏览

dart - 聚合物 paper_input 的数据绑定不起作用

我有以下代码,其中在 first_name 和属性 val 之间需要 2 路绑定。

但是,更改纸张元素的值不会打印新值,只会打印初始化值。

这是一个错误还是我做错了什么>

0 投票
1 回答
32012 浏览

android - Lollipop RippleDrawable 与 Pre-Lollipop 的选择器

我有不同 draw9patchpng作为背景的按钮。目前,按钮由selector看起来像这样的控制:

对于Android Lollipop,他们有一个RippleDrawable触摸效果,如下所示:

关于新的触摸涟漪效果:

1:我可以将draw9patch设置为背景RippleDrawable吗?

2:我如何适应上述两种不同的xml,我想遵循Material design?我是否必须为新创建一个新的文件夹/布局 xml RippleDrawable