精华内容
下载资源
问答
  • 在准备搭建博客,准备一个心情的功能模块,以时间线的形式展现出来(有的人称为时间轴),发现Layer的提供的时间线挺好看的。速递地址:layui。但不是很符合本人自己的心意,想要一种左右左右展示的风格,于是模仿...

    在准备搭建博客,准备写一个心情的功能模块,以时间线的形式展现出来(有的人称为时间轴),发现Layer的提供的时间线挺好看的。速递地址:layui。但不是很符合本人自己的心意,想要一种左右左右展示的风格,于是模仿layer写了一个左右左右展示的时间线/时间轴。

    思路:固定宽度的盒子,li只占50%,利用浮动,奇数在右侧,偶数在左侧。

    直接贴码:

    <div class="timer-shaft-wrap">
        <div class="timeline">
            <ul>
                <li>
                    <i class="tl-circle"></i>
                    <div class="timeline-content">
                        <span>2018年07月27日</span>
                        <p>
                        《哆啦A梦》(日语:ドラえもん;英语:Doraemon;旧译叮当 / 小叮当)
                        是由日本漫画家藤本弘(笔名藤子·F·不二雄)和
                        安孙子素雄(笔名藤子不二雄A)共同创作的漫画作品,
                        1987年12月23日后,由于两位作者打算各自创作漫画,
                        《哆啦A梦》系列的创作便完全由藤本弘负责。
                            <img src="http://img.zcool.cn/community/01587f57e224f60000018c1b31e60a.jpg@2o.jpg">
                        </p>
                    </div>
                </li>
                <li>
                    <i class="tl-circle"></i>
                    <div class="timeline-content">
                        <span>2018年07月28日</span>
                        <p>
                            今天是7月28号
                            <br>我来自中华人民共和过
                            <br>咦咦咦,这个时间轴很漂亮啊
                            <br>超喜欢作者的文章
                            <br>关注一下作者的github吧。比心
                        </p>
                    </div>
                </li>
                <li>
                    <i class="tl-circle"></i>
                </li>
            </ul>
        </div>
    </div>
    /* 时间线 */
    .timeline{
        text-align: center;
        background-color: #fff;    
    }
    .timeline>ul{
        padding: 0;
        display: inline-block;
        width: 600px;
    }
    .timeline>ul>li{
        position: relative;
        width: 50%;
        min-height: 17px;
        list-style: none;
        clear: both;    
    }
    /* 偶数的li在右侧 */
    .timeline>ul>li:nth-child(odd){
        float: right;
    }
    .timeline>ul>li:nth-child(odd)::before{
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        width: 1px;
        height: 100%;
        background-color: #e6e6e6;
    }
    .timeline>ul>li:nth-child(odd) i{
        left: -8.5px;
    }
    .timeline>ul>li:nth-child(odd) div.timeline-content{
        padding-left: 30px;
    }
    /* 奇数的li在左侧 */
    .timeline>ul>li:nth-child(even){
        float: left;
    }
    .timeline>ul>li:nth-child(even)::after{
        display: block;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        width: 1px;
        height: 100%;
        background-color: #e6e6e6;
    }
    .timeline>ul>li:nth-child(even) i{
        right: -8.5px;
    }
    .timeline>ul>li:nth-child(even) div.timeline-content{
        padding-right: 30px;
    } 
    .timeline>ul>li:nth-child(even) span{
        text-align: right;
    }
    
    /* 共同样式 */
    .timeline>ul>li div.timeline-content{
        text-align: left;    
        box-sizing: border-box;
    }   
    .timeline>ul>li img{
        display: block;
        padding: 10px 0;
        width: 100%;
        box-sizing: border-box;
    }
    .timeline>ul>li p{
        margin: 0;
        color: #555;
    }
    .timeline>ul>li span{
        margin-bottom: 13px;
        display: block;
        font-size: 15px;
        font-weight: 500;
    }
    .timeline>ul>li i{
        position: absolute;
        top: 1px;
        z-index: 10;
        width: 17px;
        height: 17px;
        line-height: 20px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #393D49;
        text-align: center;
        cursor: pointer;
        box-sizing: border-box;
    }
    /* 时间线 end*/

    直接效果图:

    有比较的轮子或者UI,本人写好后会直接放上GitHub的仓库。

    谢谢各位支持,喜欢的朋友可以fork一下哦!

    Github: https://github.com/zpChiu/dorea.git

    文章原创,转摘请知悉本人。

    比心。

    展开全文
  • CSSJS时间轴

    2018-02-11 09:19:38
    CSS JS编写的时间轴 CSS JS编写的时间轴 CSS JS编写的时间轴 CSS JS编写的时间轴 CSS JS编写的时间轴
  • 使用extjs时间轴

    2013-09-11 13:14:49
    extjs时间轴,根据时间排序,记录某个时间点发生的事情,
  • js的 几款时间轴

    万次阅读 热门讨论 2017-05-22 09:36:47
    1、使用CSS3和jQuery制作的水平时间轴 这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块。使用CSS3和jQuery...

    1、使用CSS3和jQuery制作的水平时间轴

    这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块。使用CSS3和jQuery技术使得时间轴滑块可以左右滑动,非常强大。

    详情:查看详情

    2、HTML5+CSS3实现的响应式垂直时间轴

    网页时间轴一般用于展示以时间为主线的事件,如企业网站常见的公司发展历程等。本文将给大家介绍一款基于HTML5和CSS3的漂亮的垂直时间轴,它可以响应页面布局,适用于HTML5开发的PC和移动手机WEB应用。

    查看详情

     

    3、Ideabox : jQuery时间轴

    时间轴可用于公司大事件、历史时刻新闻事件展示等应用。它支持多种皮肤、支持图片+文字说明,支持移动端响应式布局。

    查看详情

     

    4、Bootstrap响应式垂直时间轴

    我们将新闻之类的内容按照月份排列,形成了一个垂直的时间轴,当在宽大屏幕上,时间轴的事件是在轴的两侧排列,而在较小的屏幕如手机屏幕,时间轴的事件会排列在轴的一侧。当然时间轴事件内容支持任意html元素内容。

    bootstrap时间轴介绍页面

    下载地址(非官方下载地址,不保证安全)

     

    查看详情

    5、jQuery时间轴插件:jQuery Timelinr

    这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。

    查看详情

     

    展开全文
  • echarts的时间轴的提示内容在轴下方  在echarts中横坐标的拖动轴dataZone的提示内容在两端,并且没有相关配置让其显示在轴下方或者其他位置。  解决方式:  在图标下方添加dom并且监听拖动事件改变其内容 ...

    echarts的时间轴的提示内容写在轴下方

      在echarts中横坐标的拖动轴dataZone的提示内容在两端,并且没有相关配置让其显示在轴下方或者其他位置。

      解决方式:

        在图标下方添加dom并且监听拖动事件改变其内容

    转载于:https://www.cnblogs.com/caihe/p/5980354.html

    展开全文
  • 时间线故事脚本_时间轴的创意脚本

    千次阅读 2020-09-15 06:07:16
    时间线故事脚本Timeline is a powerful tool for creating cutscenes and short movies. But there’s more to it! Let’s see how we can leverage Timeline to blend gameplay and storytelling, bringing our ...

    时间线故事脚本

    Timeline is a powerful tool for creating cutscenes and short movies. But there’s more to it! Let’s see how we can leverage Timeline to blend gameplay and storytelling, bringing our game to the next level.

    时间轴是创建过场动画和短片的强大工具。 但是还有更多! 让我们看看如何利用时间轴将游戏玩法和故事叙述相结合,将我们的游戏提升到一个新的水平。

    With the release of 2017.1, Unity added a new and powerful tool to its arsenal: Timeline. You have probably seen at this point how creators have leveraged Timeline to create incredible short movies, like Neil Blomkamp’s Adam Episode 2 and 3 or Unity’s own Book of the Dead, or to add storytelling to their games.

    随着2017.1的发布,Unity在其工具库中添加了一个新的强大工具: Timeline 。 在这一点上,您可能已经看到创作者如何利用时间轴来制作令人难以置信的短片,例如尼尔·布隆坎普的《 亚当第二集和第三集》或Unity自己的《死者之书》 ,或者在他们的游戏中添加讲故事的内容。

    This all sounds very exciting, but as a game developer, the question that I asked myself when I saw Timeline was: is it really just a linear sequencing tool? Can I only create cutscenes with it? Interrupt the gameplay, play a non-interactive sequence that advances the story, and resume gameplay?

    所有这些听起来都非常令人兴奋,但是作为游戏开发人员,当我看到《时间轴》时我问自己的问题是:它真的只是线性排序工具吗? 我只能用它创建过场动画吗? 中断游戏,玩一个非互动序列来推进故事,然后恢复游戏?

    With this question in mind, I created a small demo to use Timeline in a creative way. I made a little Real-Time Strategy game, in which I used some custom Timeline tracks to achieve a couple of interesting effects. And I found the answer to my question (spoiler): with a little bit of scripting, Timeline can do so much more.

    考虑到这个问题,我创建了一个小示例,以创造性的方式使用时间轴。 我做了一个小小的实时策略游戏,在其中我使用了一些自定义的时间轴轨道来实现几个有趣的效果。 我找到了我的问题的答案(破坏者):只需编写少量脚本,Timeline就可以做更多的事情。

    资产警报! (Assets alert!)

    If you want to look into the demo that I created while you read, it can be downloaded here. I called it “A Terrible Kingdom” since it uses the graphic assets of “A Mighty Kingdom”, the demo used in the keynote for Vision Summit 2017. But I remixed them a little bit for the purpose of this demo.

    如果您想看一下我在阅读时创建的演示,可以在 此处 下载 。 我将其称为“可怕的王国”,因为它使用了“强大的王国”的图形资产,这 是Vision Summit 2017主题演讲中 使用的演示 。 但是为了这个演示的目的,我对它们进行了一些混音。

    想法1 –停止时间表 (Idea 1 – Stopping the Timeline)

    Let’s start with a simple scenario. Let’s say I want the Timeline to incorporate a dialogue, and I want it to stop automatically to allow the viewer to read the text on screen. When the Spacebar is pressed, the Timeline resumes.

    让我们从一个简单的场景开始。 假设我希望时间轴包含一个对话,并且我希望它自动停止以允许查看者阅读屏幕上的文本。 按下空格键后,时间轴将恢复。

    Since this functionality goes hand in hand with the text on the screen, I created a custom track called Dialogue Track that hooks into the UI Manager of my game. Each clip has as properties the text to display, and a simple boolean to decide whether to stop or not. This is the Inspector of the clip:

    由于此功能与屏幕上的文本紧密结合,因此我创建了一个名为 Dialogue Track 的自定义轨道 ,该 轨道 与我的游戏的UI Manager挂钩。 每个剪辑都具有要显示的文本作为属性,并具有一个简单的布尔值来决定是否停止。 这是剪辑的检查器:

    Each clip on this track tells the UI Manager to display the dialogue UI, what text, and what size to use. Additionally, it can tell the GameManager to stop the Timeline and passes a reference to which one, so the GameManager – once Spacebar is pressed – knows which Timeline to resume. When the clip ends, it tells the UI Manager to hide the dialogue box.

    该轨道上的每个剪辑都告诉UI Manager显示对话框UI,使用什么文本以及使用什么大小。 此外,它还可以告诉GameManager停止时间轴并传递一个参考,因此,一旦按下空格键,GameManager就知道要恢复哪个时间轴。 剪辑结束后,它告诉UI Manager隐藏对话框。

    Pretty simple stuff, but it allows me to quickly build dialogues and decide when to stop, or not! (notice that the dialogue where Andy screams “Oi!” doesn’t stop, because it’s non-important text). Here’s how the Timeline looks like:

    很简单的东西,但是它允许我快速建立对话并决定何时停止! (请注意,Andy尖叫“ Oi!”的对话不会停止,因为这是不重要的文本)。 时间轴如下所示:

    想法2 –非线性时间表 (Idea 2 – Non-linear Timelines)

    What if I want to rewind the Timeline? Not at the end (that would be easy: just set it to loop!) but at any arbitrary point, and only when a specific condition is verified. This basically allows for non-linear Timelines: sometimes they go back, sometimes they don’t. You can almost imagine them as if they contained an if-else statement.

    如果我想倒退时间轴怎么办? 不是在最后(这很容易:只需将其设置为循环!),而是在任何任意点,并且只有在验证了特定条件时才可以。 基本上,这允许使用非线性时间轴:有时它们返回,有时却不这样做。 您几乎可以想象它们好像包含了if-else语句。

    In this example, I have created a Timeline that animates a storm: the sunlight dims, flashes appear in the sky, lightning strikes hit the ground, and rain start falling down.

    在此示例中,我创建了一个为风暴设置动画的时间轴:日光变暗,天空中闪烁,雷电击中地面,雨开始落下。

    I didn’t just create the storm as one continuous sequence, but I envisioned it as three parts. At the beginning, there’s the “transition in”, while the end has a “transition out” to normal weather. In the middle, I left a section of the Timeline which will play during gameplay. Notice there are no Cinemachine clips, so Timeline gives control back to the regular gameplay camera.

    我不仅将风暴作为一个连续的序列进行创建,而且将其分为三个部分。 一开始是“转入”,而结尾是“转出”到正常天气。 在中间,我留下了时间轴的一部分,该部分将在游戏过程中播放。 请注意,没有Cinemachine剪辑,因此时间轴将控制权交还给常规的游戏机摄像头。

    I want the storm to go on as long as those two little monsters are alive. I want Timeline to play the intro, play the gameplay part, and just before hitting the outro, I want it to evaluate a condition: are those two little monster dead? If no, rewind the gameplay part and keep playing. If yes, just play the outro.

    只要这两个小怪物还活着,我就希望风暴继续下去。 我希望时间轴播放简介,扮演游戏角色,并且在敲定结果之前,我希望它评估条件:那两个小怪物死了吗? 如果否,请倒退游戏部分并继续播放。 如果是,请播放小节。

    Enter the Time Machine Track. Clips here can have two functions. One is to act as named markers (see the first clip), the other is to rewind or fast-forward the Timeline to a specific Marker or time. Let’s call this the “action” of the clip.

    输入 Time Machine Track 。 这里的剪辑可以具有两个功能。 一种是充当命名标记(请参见第一个剪辑),另一种是将时间轴后退或快进到特定的标记或时间。 我们称其为剪辑的“动作”。

    The other important property of the clips is the “condition”. It can be always, never (basically muting the clip), or if a group of units is dead. Notice how if the two monster are alive, the Timeline rewinds:

    剪辑的另一个重要属性是“条件”。 它可以总是,从不(基本上使剪辑静音),或者如果一组单元已死。 请注意,如果两个怪物还活着,时间轴将倒带:

    While if they are dead, it just goes on without interruption, playing the outro:

    如果他们已经死了,它会继续播放而不会中断:

    A note: This “is-dead” condition is very specific to my game, but you can come up with something new for your own specific needs, by plugging into the gameplay logic. Has the player reached a certain point? Has the player collected enough of a specific resource? The possibilities are endless!

    注意: 这种“死定”状态是我的游戏所特有的,但是您可以通过插入游戏逻辑来提出满足自己特定需要的新内容。 玩家是否达到了某个点? 玩家是否收集了足够的特定资源? 可能性是无止境!

    Now for the result:

    现在来看结果:

    The storm starts, then gameplay resumes and the storm goes on, rewinding a couple of times. As you can see, it’s a seamless rewind. Then, once the monsters are defeated – after a couple of seconds – the storm ends and gameplay resumes again.

    风暴开始,然后游戏恢复,风暴继续进行,倒转了几次。 如您所见,这是无缝倒带。 然后,一旦击败怪物(几秒钟后),风暴结束,游戏玩法又恢复了。

    理念3 –将时间轴插入游戏系统 (Idea 3 – Plugging Timeline into the game systems)

    This is where things get exciting. Until now, we have put our animation on the Timeline. But what if we could defer this animation to some other system in our game? In my little RTS Demo, I have one very important system that’s active all the time: the game AI. This system is responsible of moving units around (by virtue of the NavMesh Agent), of controlling their Animator components and having the the units play the right animations at the right time: walking, idle, attack, or die.

    这是令人兴奋的地方。 到目前为止,我们已经将动画 放在 时间轴上。 但是,如果我们可以将此动画推迟到游戏中的其他系统上怎么办? 在我的小型RTS演示中,我有一个一直很活跃的非常重要的系统:游戏AI。 该系统负责通过NavMesh Agent移动单元,控制其Animator组件并让单元在正确的时间播放正确的动画:行走,闲置,攻击或死亡。

    So, say now I want to choreograph a big battle. I have two ways to do it: one is to create dozens of tracks, one for each unit, and then add hundreds of little animation clips: attack, move, attack, move again, attack again, and then die. All of these need to be adjusted in time, and some offset needs to be applied if I want them to match in space. All in all, it’s a lot of work.

    所以,现在说我要编排一场艰巨的战斗。 我有两种方法:一种是创建数十条音轨,一个用于每个单元,然后添加数百个小动画剪辑:攻击,移动,攻击,再次移动,再次攻击然后死亡。 所有这些都需要及时调整,如果我希望它们在空间上匹配,则需要应用一些偏移。 总而言之,这是很多工作。

    The other way is what I did with my AI Command track: this scripted track takes a special type in the binding, that I called “Platoon”. The Platoon is nothing else than a small script with an array of units. When you send a command to the Platoon script, it “broadcasts” the command to all of the units in its array. I actually use it for the selection in the game, creating a Platoon with the selected units to issue mouse commands.

    另一种方式是我对AI Command轨道所做的事情:此脚本轨道在绑定中采用了一种特殊类型,我称之为“ Platoon”。 排只不过是一个小小的脚本,上面有多个单元。 当您向Platoon脚本发送命令时,它会将命令“广播”到其数组中的所有单元。 我实际上将它用于游戏中的选择,使用选定的单位创建了一个排以发出鼠标命令。

    Back to the Timeline. By binding a Platoon to the AI Command track, I’m able to create clips that represent one command: move there and stand still, move there and guard, attack this specific unit, or even… die on the spot! When the Timeline is played, the units belonging to that Platoon will listen to these commands which will take precedence over whatever they were doing before, resulting in the ability to sequence commands on the AI on the Timeline.

    返回时间轴。 通过将Platoon绑定到AI Command轨道,我可以创建代表一个命令的剪辑:移到那里并静止不动,移到那里并保卫,攻击这个特定单位,甚至……当场死亡! 播放时间轴时,属于该排的部队将收听这些命令,这些命令将优先于其之前所做的任何事情,从而可以在时间轴上的AI上对命令进行排序。

    Add in a few camera shots (using Cinemachine, of course!), and you have a big battle with dozens of units using just 3-4 AI Command tracks:

    添加一些镜头(当然,使用Cinemachine!),您将仅使用3-4条AI命令轨道就可以与数十个装置进行激烈的战斗:

    Let’s see the result:

    让我们看一下结果:

    总结一下 (Summing it up)

    I hope to have sparked your curiosity and creativity with this post. Next time you look at Timeline, think: what could I do with it? Create a Quick-Time-Event system? Orchestrate entire battles? Plan the bullet patterns in a Bullet Hell shooter? (I’m seriously thinking of doing it)

    我希望通过这篇文章激发您的好奇心和创造力。 下次查看“时间轴”时,请思考:我该怎么办? 创建一个快速事件系统? 统筹整个战斗? 规划子弹地狱射击游戏中的子弹模式? (我正在认真考虑这样做)

    There’s so much you can do with Timeline, a little creativity, and some scripting. I would personally love to hear what you come up with here in the comments or on Twitter. Get creating!

    时间轴可以做很多事情,还有一点创造力和一些脚本。 我个人希望在评论中或 Twitter上 听到您提出的建议 。 开始创作!

    翻译自: https://blogs.unity3d.com/2018/04/05/creative-scripting-for-timeline/

    时间线故事脚本

    展开全文
  • Vue时间轴

    千次阅读 2019-09-16 14:24:07
    但是我考虑到时间线的长短动态生成的话,时间点的位置可能不太好控制,尤其是最最后一个时间点跟时间线终点能否连接,加上屏幕大小的变化,还得控制整个时间轴的位置不动,着实有些头疼。然后采取了另外一种,将时间...
  • 分享一个使用canvas时间轴插件 这是一个使用canvas时间轴插件,可以实现拖动、点击返回时间点、增加录像块、放大缩小等功能 在我工作项目中用在了视频回放时间轴部分 项目开发刚好用到,找了很久终于合适
  • canvas刻画时间轴

    2020-05-25 15:43:40
    建议:如写时间轴之类的操作 一切单位换算成毫秒 拖动更新时间轴 其实就是更新初始时间 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</...
  • 三十行代码一个最简单的时间轴插件--jquery,太过简单仅供参考
  • 横向时间轴

    2020-06-17 11:09:12
    最近由于工作需要,需要一个横向的时间轴,因为搜索到的都不太符合我的要求,所以自己了一个。 现在传上来与大家分享 分析 我想要的是这样的时间轴 所以我每一行用了一个div,标题用了一个h标签,右面时间轴部分用...
  • C# 自定义控件实现时间轴,C# 自定义控件实现时间轴,C# 自定义控件实现时间轴,C# 自定义控件实现时间轴,C# 自定义控件实现时间轴
  • 开源时间轴组件

    2013-06-27 09:36:42
    开源时间轴组件,非常酷的时间轴组件,做blog、日志、和需要有历史记录的系统非常合适,如项目的开发,设计过程等。
  • 时间轴Android

    2016-12-20 16:43:42
    没接触时间轴之前觉得这个很高大上,但最近翻查了些资料,发现是时间轴的实现其实很简单,这里我自己了个小demo,利用对ListView的布局文件设置来实现简单的时间轴的视觉效果,这里只了水平和垂直两种效果,一层...
  • Qt之时间轴样式汇总

    千次阅读 2019-05-17 17:02:35
    根据小伙伴的反应情况,时间轴的需求还是挺多的,对应视频播放,视频监控等功能都需要时间轴的辅助。时间轴也是各式各样,但都大同小异。 时间轴的功能大致可以总结为一下几点: 自由设置时间段 刻度间隔可设置 ...
  • winform简单实现时间轴

    2017-11-17 15:34:03
    用winform实现类似jquery的时间轴,仅实现了部分功能,此仅供参考学习
  • Timeline时间轴

    千次阅读 2017-07-23 23:20:03
    介绍Timeline(时间轴)的使用方法CSDN的博客添加图片太麻烦了,而且链接网页图片会出现错误,如果需要看详细文章,请访问我的微信公众号《猎梦虚幻研究社》 在蓝图设计图表中右键搜索Timeline或者在变量分类中创建...
  • 今天继续做实验室的项目,没有javaweb编程经验与前端编程经验真是吃了好多亏,早...明确时间轴的data数目对应着后面的option数目一个时间轴的data,就对应了后面的一个option,用官方的话来说: 2.知道时间轴的一些配
  • Flutter时间轴-首个

    千次阅读 2019-06-25 08:55:36
    2.时间轴样式,当然了我们时间轴比仅仅限制为一个圆圈是吧,当然了你的部件能多炫酷,砸门的时间轴也可以,上图(圆里面爱,图片,黄色背景文字,其实都是一长串部件)。 3.线,我们需要和内容的高度一样,这里估计...
  • 基于Qt的时间轴编辑器,从网上看到的,觉得很好,分享出来,可以参考一下里面的时间轴自绘
  • vue时间轴

    千次阅读 2019-06-19 16:32:23
    Vue时间轴demo及思路 实现思路及步骤: 页面分为四个部分 1、左侧时间 2、中间圆点 3、右侧内容 4、虚线部分 最外层div,relative布局,方便子元素计算尺寸 左侧时间固定宽度,显示时间(本demo:100px),...
  • 使用 RecyclerView 实现简单时间轴前一段时间在公司中有个项目用到了 时间轴 这种形式的控件,我的第一反应就是去找 demo,但是想想好像并不是很复杂,所以开始着手自己一个,现在算是搞定了一个简单的时间轴,...
  • Android 自定义View实战系列 :时间轴

    万次阅读 多人点赞 2017-07-12 10:14:41
    Android开发中,时间轴的 UI需求非常常见,如下图: 本文将结合 自定义View & RecyclerView的知识,手把手教你实现该常见 & 实用的自定义View:时间轴 目录1. 知识储备本文采用 自定义View & RecyclerView 实现时间...
  • 主要介绍了微信小程序时间轴实现方法,结合实例形式分析了微信小程序wx:for语句使用与时间轴纵向布局相关操作技巧,需要的朋友可以参考下
  • DIY 时间轴本本

    2017-02-09 11:43:33
    想到一个好玩的时间轴线办法 工具: 随意抽一本横格本 找一把 15 厘米的尺子 一只笔。 可以了。刻度 0 的位置当做 5:00 可以用笔在纸上出 也可以不,从 7:00 或 8:00 处开始 随意网上找了个时间...
  • 静态时间轴和动态时间轴实现原理

    千次阅读 2015-07-12 17:24:12
    [size=large][b]一、静态时间轴,仅css即可[/b][/size] HTML结构使用:ul,li。 原理结构如下: 1,竖轴 竖轴如果使用图片,则在ul用背景 竖轴如果使用css,则用ul:before样式 2,左侧时间 绝对定位 ...
  • 1、按时间段查询,每日登陆数(datagrid 显示,图表显示:柱状图) 2、当天登陆数曲线图(1分钟更新),做到动态填充数据)ajax+timer 这个怎么??
  • android时间轴效果实现

    千次阅读 2017-04-10 11:58:06
    最近剁手剁多了,天天盯着物流界面看,看到淘宝的物流效果就像整个类似的玩玩儿。  看了一些博客,不太是我想要的效果,而我想...首先我想要的效果是时间轴的长短跟内容是成正比的。 思路如下: 用ListView实现。时
  • android项目解刨之时间轴

    万次阅读 多人点赞 2014-07-29 22:53:59
    自定义时间轴,实现自己的时间轴,从简入手,搞懂原理就不怕那些复杂的东西了。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 579,417
精华内容 231,766
关键字:

如何写时间轴