今天给大家送上模拟微信系列第二篇,我们使用简单的函数组合来达到我们想要的显示效果,只要懂得其原理,我们就可以使用axure提供的函数做更多的效果。另外,我们展示使用更多的交互来满足微信消息列表消息的变化效果。

效果图
第一,我们注意消息列表后边的消息变化,显示的时间是HH:MM,正常我们使用Axure自带的函数是没法显示小时:分钟这样的时间效果的,因此我们使用小技巧,函数组合来实现更满足微信效果的时间显示方式。
第二,我们做一个小细节,让每次收到新消息或者发送新消息的时候,在微信列表上都能看到**的一条消息。

制作原理
我们知道,在使用axure函数的时候,需要将函数用[[]]框起来,而我们的案例是将两个函数用[[]]框起来后,中间使用其他的符号连接起来。另外,我们接上一篇文章,我们点击发送btn的时候,把消息带到消息列表的位置,以满足更细致的交互需求。
本案例其实比较简单,下边就直接讲操作步骤吧。(感觉相对熟练的铁子们已经会了,哈哈)
闽ICP备13000641号-4