客户需要在OA中实现每日动态功能,能够记录每一位员工的每天的工作动态,我很快想到了时间轴,因为时间轴能很直观的现实员工每一刻的动态。就像Facebook的Timeline效果(点击查看)。 尝试着搜索这个效果,园友的这篇博文正好给我启发,接下来就去实现吧。 成果演示 最终的效果 ...
时间轴效果 我们要实现的时间轴效果如下图所示,这是锤子手机的查看物流信息界面的截图。 主要布局的实现 在TraceActivity关联的布局文件activity trace.xml中放置一个ListView,代码如下。由于这个列表只是用于展示信息,并不需要用户去点击,所以将其clickable属性置为false 为了消除ListView点击产生的波纹效果,我们设置其listSelector属性的 ...
2016-11-27 22:28 0 1902 推荐指数:
客户需要在OA中实现每日动态功能,能够记录每一位员工的每天的工作动态,我很快想到了时间轴,因为时间轴能很直观的现实员工每一刻的动态。就像Facebook的Timeline效果(点击查看)。 尝试着搜索这个效果,园友的这篇博文正好给我启发,接下来就去实现吧。 成果演示 最终的效果 ...
这是一个关于OC时间轴的简单实现,我认为重要的是思路。 感谢作者:Cyandev 的文章《iOS 实现时间线列表效果》给的思路。这里先附上Objective-C的代码实现,有时间再去试试Swift 先看一下效果: 再看一段主要的代码 ...
这里分享一个超炫的时间轴展示作品集效果。设计师和前端开发人员可以借助这个效果来制作新颖的作品集和个人简历。时间轴专门用来呈现出年代的一系列事件。您可以把这种效果嵌入各种媒体,包括微博,视频和地图,并把它们与日期相关联。 在线演示 源码下载 您可能感 ...
需求: 纵坐标为日期 横坐标为 时间点 且 横坐标有分支(前提事件) 纵坐标是用elementUi里的事件轴实现。 实现: timeLine: 横坐标时间轴 借鉴原文git 地址:https://github.com ...
时间轴 时间轴,顾名思义就是将发生的事件按照时间顺序罗列起来,给用户带来一种更加直观的体验。京东和淘宝的物流顺序就是一个时间轴(如图),想必大家都不陌生。 时间轴的初探 初次见到这种UI,感觉整个布局似曾相识,但面对那条时间轴却又不知如何下手。其实,整个 ...
效果图: 由于整个控件是实现之后才写的教程,因此这里记录的代码是最终实现后的,前后会引用到其他的一些依赖属性或者代码,需要阅读整篇文章。 1、确定Timeline继承的基类 从效果图中可以看到,时间轴都是由一节一节的子节点组成的,这个很容易联想到我们应该 ...
之前在网上看到,有很多人写的时间轴效果,于是自己也模仿着写了写。以下贴出自己写的解决方法(横向轴与纵向轴)。简单的时间轴效果容易实现,但如果需要看起来有模有样,就需要对页面进行设计布置了。 1.利用Js加简单的界面布置,实现时间轴鼠标点击轮换图片效果(纵向)。实现思路:利用多个div加 ...
今天整理以前的资料发现以前写的一个时间轴效果,当时也是网上找了很久没有找到,就自己写了一个,现在发出来给有需要的人,代码写的可能有点乱。 效果图: 下面是美工做的设计图的效果(有个美工就是好): 下面是客户端源代码: View Code ...