• QQ空间
  • 收藏

AxureRP9教程:模拟微信系列(2)

| 2019-10-10

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

效果图

第一,我们注意消息列表后边的消息变化,显示的时间是HH:MM,正常我们使用Axure自带的函数是没法显示小时:分钟这样的时间效果的,因此我们使用小技巧,函数组合来实现更满足微信效果的时间显示方式。

第二,我们做一个小细节,让每次收到新消息或者发送新消息的时候,在微信列表上都能看到最新的一条消息。

制作原理

我们知道,在使用axure函数的时候,需要将函数用[[]]框起来,而我们的案例是将两个函数用[[]]框起来后,中间使用其他的符号连接起来。另外,我们接上一篇文章,我们点击发送btn的时候,把消息带到消息列表的位置,以满足更细致的交互需求。

本案例其实比较简单,下边就直接讲操作步骤吧。(感觉相对熟练的铁子们已经会了,哈哈)

操作步骤:函数组合

在发送btn处增加一个交互,设置文本,让显示时盛京棋牌间的位置显示文本[[Now.getHours()]]:[[Now.getMinutes()]],一个是获取当前时白金会间的小时数,一个是获取当前时间的分钟数,中间用九乐棋牌冒号连接,这样显示的效果就成了HH:MM这样的效果,更符合微信现有的显示方式。

本案例中,我们页面中有两个微信列表,那么就需要注意,点击任意一个发送按钮的时候,需要将时间带到两个微信列表的时间位置。(本案例中还增加了每次发完消息,消息输入框自动清空和无法发送空白消息的交互,大家可以自行研究)

操作步骤:消息列表

在发送btn处,点击发送,每次都把发送的消息内容带到微信消息列表对应的位置即可,带文字的方式也很简单,只要一个局部变量即可,这一步骤在之前的很多案例中都有提到。

总结一下,局部变量就是在这一个交互里面设置的变量,该变量只对这一个交互负责,一般使用局部变量来记元件文字,元件选中状中华娱乐态等居多开元棋牌,我们下边直接展示交互即可。

同样需要注意,我们案例中有两个微信列表,我们在设置交互的时候需要考虑两个用户的微信列表同步变化,因此在设置文字的时候需要分别选择两个用户微信列表的对应的元件。

结语

每一期的原型都会保留之前的交互,因此只要下载最新一期的原型即可涵盖之前设置的交互,下载链接:

https欧博平台://pan.baidu.com/s/11_xbtWHTkXgPewTQFHw4Rg

密码:rxlg

温馨提示:该文件需要使用Axure 9打开哦。

 

作者:王得宇AIPM,公众号:他们已经盛京棋牌在路上了

本文由 @王得宇AIPM 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

2019-10-14
黑科技 微信小程序来了,别开发App了
「别开发 app 了,做个公众号就可以了」这是最近我和所有正在创业的朋友说的一句话,app 生态已经趋于饱和,低频产品已经没有开发 app 的必要,转而开发微信... <详情>
2019-10-14
黑科技 2018国际区块链生态产业研讨峰会在上海隆重举办
寒冷的冬季抵挡不住区块链人士的热情,2018年11月16日国际区块链生态产业研讨峰会在上海隆重举办,此次活动邀请了多位中外领导出席,更有央视二套、江苏卫视、上海... <详情>
2019-10-14
黑科技 央行发行数字货币将加速人民币国际化...
数字资产 势不可挡的财富机遇! 关注 ... <详情>
2019-10-14
黑科技 研究:肠道细菌能够揭示大多数人真正的年龄
  据外媒报道,一项研究表明:肠道细菌能够揭示大多数人真正的年龄。 研究发现,数十亿的肠道细菌有助于人们消化食物,也维持着人类免疫系统的运作。科学家将这些肠道细... <详情>
2019-10-14
黑科技 「为了30个优秀AI产品我们决定办场会」创维AI电视Q5A,创TV端新潮品
[ 导读 ] 蜂鸟AI芯片(Trochilus Extreme)是创维自主研发的AI芯片,该芯片可基于巨型数据库自主深度学习,进而优化电视画面质感和语音交互体... <详情>
2019-10-14
黑科技 CES2019:海信展示自家打孔屏手机 屏保还是小包总
  【环球网科技综合报道】8K电视可以说是今年CES引领的一大趋势,而海信是其中少有的兼具手机产品的厂商。此次海信除了发布了三色激光电视等产品,还展示了一款智能... <详情>