Axure RP 9 教程:模拟微信系列——消息对话效果

2019-11-08 16:49:33 

如何利用axure rp 9实现微信的信息对话效果?这只是模拟微信系列教程。

今天,我会给你一个模拟微信教程的简单演示,然后我会逐步完善模拟微信的更多细节。

在本教程中,我们将模拟内容,包括模拟使用中继器实现消息对话,以及显示最新消息的接收或传输时间。

因为我们将在更深层次上做一些内容,所以我们将首先建立一些框架,以便我们可以在以后的时期继续添加新的交互:我们需要一个添加了五个状态的动态面板来分别显示四个一级菜单和对话页面。

我们需要四个中继器来实现消息对话的效果,微信的导航菜单位于动态面板之外。考虑到有些页面看不到微信底部菜单,在进入这些页面时有必要隐藏或底部菜单。

因为我们模拟微信,所以我们需要模拟双方信息互动的效果,所以我们需要两个微信面板。我们需要注意这里,因为在页面中放置两个面板将使组件数量翻倍,所以我们需要命名需要为我们的管理设置的组件。

同样,我们需要区分组件是属于用户1还是用户2,所以我建议在命名组件时,在名称后写下组件是属于用户1还是用户2。

目前,我们采用这种结构,我们可以在后期添加更多交互时进行调整。然而,这都是事后的想法,不着急。

如图所示,当我们点击一个菜单时,菜单会亮起。当点击另一个菜单时,另一个菜单被点亮,先前点亮的菜单未点亮。这个过程实际上叫做选择和取消选择。

同时,只能同时选择四个菜单中的一个,所以这四个菜单显示为一个选项组,就像单选按钮一样。

操作步骤:

我们选择菜单(图标+文本),并在新的交互中设置选择效果。选择时,选择颜色。当选择底部菜单时,我们在这里设置“绿色爱情”。

接下来,我们选择一个具有所选效果集的图标,按ctrl+c,选择其他需要相同效果的图标,按ctrl+alt+v,这是axure rp 9的格式画笔(mac系统也是键,来回尝试)。

接下来,当我们设置鼠标点击时,我们选择当前组件。

这样,当点击鼠标时,菜单就变成了我们设置的绿色。

然而,也存在一些问题。当我们点击多个菜单时,每个人都会变成可爱的绿色外观,这显然是不正常的。我们想要的是每次点击后只有一个是绿色的。

此时,我们只需要选择四个菜单,右键单击并选择设置为选项组,这样四个菜单中只能同时选择一个。

不适用于选项组也可以,我们可以让它点击一个菜单,取消选择另一个菜单。这就是我此刻所做的。导演骂了我,并让我买一本美术教程。我固执地选择自己写一篇。

如文章开头的gif所示,当我们发送一个对话时,消息就在我们自己列表的右边。在对方的名单中,我的留言在左边。因为,我们需要两个微信页面来模拟这种效果。同样,我们选择使用中继器,因为中继器可以添加新内容。

操作步骤:

要在动态面板的消息内容状态页面中设置交互,我们需要添加两个中继器,添加一个消息输入框并发送btn。

让我们先谈谈中继器。我们需要中继器中的三个组件。一个是用户的头部,另一个是消息对话框,另一个是用于美化的小箭头。

如图所示:

关键是消息对话框。命名消息对话框,以便在设置时方便选择。我们选择中继器,清除中继器数据,只留下一列文本,然后为中继器设置交互。加载每个项目时,文本被设置为带有[·[项目的消息对话框。文本]],其中文本是中继器的内容列文本。

如图所示:

此时,中继器的数据设置完成。

如果我们将数据添加到中继器样式中,我们会发现将会添加一个新的对话框,并且对话框的内容就是我们添加的内容。

接下来,我们设置发送消息的交互。我们选择了之前完成的组件:发送btn,设置它在鼠标点击时向中继器添加一行,向文本添加一个函数,[(a)],a是一个局部变量,代表输入框的文本。

如图所示:

为了再次解释上面的交互,我对交互过程做了一个小小的修改:当输入框为空时,消息传输失败,从而给btn传输增加了一个判断条件。

此外,每次传输完成后,输入消息将被清除,以便于下次传输。因此,设置了清除输入框的交互,设置时间如下。但是,因为设置时间对这段时间来说不够好,我们将不在这里讨论它。

此时,我们的直放站已经发送完消息,那么我们如何在微信之间交换消息呢?

这里使用的方法非常原始,即发送btn来控制多个中继器的方式。我们点击发送按钮,同时控制两个中继器,在两个用户的微信面板中同时发送消息——这里没有截图,所以我们不会给你看图片。

下载链接:https://pan.baidu.com/s/1e6enov-pindnjbnljmwlpg

密码:01j1

作者:王德裕,公共号码:他们已经在路上了

这篇文章最初是由@王德裕aipm发表的。每个人都是产品经理。未经允许禁止复制。

主题地图来自unsplash,基于cc0协议。

新疆11选5 上海快3开奖结果 福彩快三 蒙特卡罗 快开彩票平台

随机推荐
  • 同样是旅游门店里客人不多,为何去年她慌了,今年却很淡定?

    同样是旅游门店里客人不多,为何去年她慌了,今年却很淡定?

    习近平为什么选择在庆祝新中国成立70周年前夕到访香山?《时政新闻眼》为您解析。△党中央进驻香山后,对外称“劳动大学”。2月3日,中国人民解放军举行了盛大的进驻北平入城式。党的十八大以来,习近平总书记多[详细]

    2019-11-06 16:43:55
  • 中国土耳其纺织品贸易有望获更多成果

    中国土耳其纺织品贸易有望获更多成果

    “我们对土耳其与中国对外贸易数据进行研究后发现,两国纺织品的贸易往来规模逐年增加。”近日,乌鲁达纺织品出口商协会主席佩纳尔.塔德仑.茵妮在接受《中国贸易报》记者采访时表示,中国市场日渐成熟,对高品质设[详细]

    2019-10-21 07:40:23
  • 只花10元就可以改朋友圈定位?这条评论扎心了

    只花10元就可以改朋友圈定位?这条评论扎心了

    每天打开朋友圈都能看到自己的好友在全球各地景点打卡真让人羡慕可最近,有一条新闻报道:某电商平台有商家提供修改朋友圈定位的服务,全球定位最低10元。花钱改定位的消息瞬间引发热议。话题#10元就可朋友圈改[详细]

    2019-10-21 15:11:25
  • 金庸杭州别墅出售!售价6800万已有人想买……

    金庸杭州别墅出售!售价6800万已有人想买……

    金庸先生位于浙江省杭州市西湖景区南侧的绿城九溪玫瑰园别墅,日前挂牌出售。由于长期无人居住,房屋个别地方生锈,房屋前后均有花园,房屋面朝钱塘江,背靠五云山。一名中介经理告诉新京报记者,房屋建筑面积为45[详细]

    2019-10-28 11:38:21
  • 曾经烤红薯是我最爱,但自从学会这种做法,便从此爱上了它

    曾经烤红薯是我最爱,但自从学会这种做法,便从此爱上了它

    曾经烤红薯是我最爱,但自从学会这种做法,便从此爱上了它。红薯是营养价值很高的纯天然滋补食品,含有蛋白、人体脂肪、多糖、磷、钙、多类维他命等营养物质。今天这道拔丝红薯我们家隔三差五就要吃几次,把红薯和白[详细]

    2019-11-10 17:04:44
  • GIF:这谁顶得住?3球落后,现场热刺球迷面色凝重

    GIF:这谁顶得住?3球落后,现场热刺球迷面色凝重

    虎扑10月5日讯 布莱顿vs热刺,热刺被打进第3球后,现场热刺球迷面色凝重。[详细]

    2019-11-06 11:37:07
  • 从此,南极不再“难及”

    从此,南极不再“难及”

    近日,自然资源部网站发布《赴南极长城站开展旅游活动申请指南(试行)》,开放赴南极长城站旅游申请。新中国第一“长城站”的绝美风光南极素有“科学天堂”之称。此次的政策利好,毫无疑问又将进一步刺激大家去南极[详细]

    2019-11-07 17:06:22
  • 不敢担当!李楠表态让周琦发球没问题 球迷:厚颜无耻,给我下课

    不敢担当!李楠表态让周琦发球没问题 球迷:厚颜无耻,给我下课

    在接受央视采访的守候,李楠表示“周琦发球没问题”,为什么不给沙拉木和可兰太多机会?如今李楠说出这样的话语,也是引发球迷吐槽:“真是不要脸”“我从未见过如此厚颜无耻之人”“都是队员的问题,教练一直觉得自[详细]

    2019-10-29 19:18:14
  • 足球评论员谈曼联:看起来就像一支降级队,孱弱无力

    足球评论员谈曼联:看起来就像一支降级队,孱弱无力

    赛后不少足球媒体人士和资深球迷在社交网站发声,表达了对曼联的看法。bbc评论员simon stone说:“高于降级区两分,曼联还必须在这个位置上待至少两周,下一场对阵利物浦。不太妙。”西甲专栏评论员c[详细]

    2019-10-17 09:05:26
  • 首次亮相的新型武器装备比重较高

    首次亮相的新型武器装备比重较高

    蔡志军说,这次阅兵安排陆军、海军、空军、火箭军和战略支援部队部分新型武器装备受阅,集中展示70年来国防科技工业发展水平和军队建设巨大变化。继朱日和沙场阅兵和海上专项阅兵后,首次亮相的新型武器装备比重较[详细]

    2019-11-06 12:14:26