Ui喜欢用于web的android滑动通知栏(html)

时间:2016-03-03 09:42:35

标签: android html polymer material-design web-component

我正在使用电子(以前称为节点原子,使用html javascript和css)构建桌面应用程序。 我想使用(或创建,如果没有选择)滑动通知栏,如Android OS上的那个。

我没有找到用于此目的的现有组件,也不确定如何自己开发此组件。

我想知道这样的组件或类似物是否存在,或者我如何编写一个供我自己使用。

非常感谢您的帮助

更新1

我被正确地要求提供更多信息并且更具体。 我将从这个状态栏扩展我需要的内容,以及为什么我需要它以及我需要它的上下文。 (也许有更好的选择,我不知道)。

我正在使用nodejs electron编写桌面应用程序(因此我的UI不遵循常见的浏览器ui& ux规则)。 到目前为止我写的模板如下所示:

My initial template 正如你所看到的那样,我试图让它看起来像移动"我可以按照谷歌材料设计(我使用角度2,因此角度1材料不是一个选项,我使用的大部分组件来自聚合物元素集合)

我的应用程序的核心是在服务器上运行一些算法。我想要一个中心位置来显示当前正在运行哪些算法及其状态(通常不会超过5个),所以我能想到的唯一符合材料设计并且足够中心的想法是使用看起来像的东西android通知栏。问题是我无法找到任何可以实现这一目标的Web组件。我正在谈论的状态栏如下所示(当看到数字版本的Android时,它的外观有点变化,我不介意它看起来像它的版本)。它应该在点击或向下拖动时从顶部向下滑动,就像在Android手机中一样:

通知显示当前有效,我也可以在其中使用设置快捷方式(红色区域标记为相关部分)。其余选项无关紧要。 这就是我最初想要的东西。如果有人对如何在中心位置显示这些运行算法有更好的了解,这符合材料设计指南,我也愿意接受以下建议:)

0 个答案:

没有答案