中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

這篇文章將繼續(xù)上一篇的話題，講講如何用Axure實(shí)現(xiàn)微信對(duì)話的置頂、取消置頂和刪除的操作。同時(shí)扯幾句題外話，簡(jiǎn)單談?wù)凙xure的學(xué)習(xí)方法及學(xué)習(xí)過(guò)程中的注意事項(xiàng)。

上一篇文章講了如何用Axure實(shí)現(xiàn)微信聊天列表中對(duì)話已讀、未讀切換；這篇文章將講述如何實(shí)現(xiàn)微信聊天的置頂、取消置頂及刪除動(dòng)作。使用的軟件為Axure RP8。原型的查看網(wǎng)址為：https://z47cen.axshare.com/#c=2

四. 置頂與取消置頂操作

1. 聊天列表長(zhǎng)按用例設(shè)置

在中繼器中，我們?yōu)槊恳恍羞M(jìn)行手動(dòng)編號(hào)(本例中的手動(dòng)編號(hào)依次為1~5)和自動(dòng)編號(hào)（同為1~5）。手動(dòng)編號(hào)儲(chǔ)存在number列中，自動(dòng)編號(hào)儲(chǔ)存在index序列中。手動(dòng)編號(hào)作為中繼器中行排序的依據(jù)，自動(dòng)編號(hào)則儲(chǔ)存行的最原始排序信息，如下圖所示：

由于中繼器中的行按照number編號(hào)而從小到大排序，當(dāng)number為0時(shí)，該行置頂。不為0時(shí)，取消該行置頂。也就是說(shuō)，當(dāng)number中的數(shù)字不為0時(shí)，長(zhǎng)按聊天列表，choose元件中的top矩形顯示文字“置頂聊天”；當(dāng)number中的數(shù)字為0時(shí)，長(zhǎng)按聊天列表，choose元件中的top矩形顯示文字“取消置頂”。

2. top矩形單擊用例設(shè)置

在微信中，choose元件默認(rèn)為隱藏狀態(tài)。通過(guò)添加長(zhǎng)按用例，實(shí)現(xiàn)choose的移動(dòng)和顯示。移動(dòng)的位置為手指觸碰點(diǎn)的坐標(biāo)[[Cursor.x]],[[Cursor.y]]，顯示內(nèi)容與微信聊天列表是否置頂?shù)臓顟B(tài)有關(guān)。

梳理清上述思路后，為choose組合中的top矩形添加鼠標(biāo)單擊時(shí)用例。具體做法為：

（1）單擊choose元件中的top矩形，實(shí)現(xiàn)choose元件的隱藏，如下圖case1所示；

（2）當(dāng)中繼器中的行未置頂時(shí)，該行的number值不為0，top中的文字為“置頂聊天”。點(diǎn)擊“置頂聊天”，將選中行的number賦值為0。將中繼器中的行按照賦值后的number重新排序，則能夠?qū)崿F(xiàn)選中行的置頂。如下圖case2所示；

（3）當(dāng)中繼器中的行已置頂時(shí)，該行的number值為0，top中的文字為“取消置頂”。點(diǎn)擊“取消置頂”時(shí)，將index中的編號(hào)重新賦值到number中，此時(shí)再按照number排序，即可實(shí)現(xiàn)行置頂?shù)娜∠?。如下圖case3所示；

（4）為了使原型更真實(shí)，對(duì)于top矩形，鼠標(biāo)移入時(shí)，矩形為選中狀態(tài)，呈現(xiàn)灰色；鼠標(biāo)移出時(shí)，取消矩形的選中狀態(tài)，呈現(xiàn)白色。

3. 中繼器每項(xiàng)加載時(shí)用例設(shè)置

為中繼器添加每項(xiàng)加載時(shí)用例。當(dāng)number為0，即聊天置頂時(shí)，該行為選中狀態(tài)，背景呈現(xiàn)灰色。右圖為置頂關(guān)羽和張飛后原型呈現(xiàn)的狀態(tài)。

五. 聊天列表行的刪除操作

choose元件中的第三個(gè)矩形delete為“刪除該聊天”。為矩形delete添加鼠標(biāo)單擊時(shí)用例。將中繼器中已標(biāo)記的行刪除。為了使原型更真實(shí)，對(duì)于delete矩形，鼠標(biāo)移入時(shí)，矩形為選中狀態(tài)，呈現(xiàn)灰色；鼠標(biāo)移出時(shí)，取消矩形的選中狀態(tài)，呈現(xiàn)白色。

至此，微信中已讀、未讀、置頂、取消置頂以及刪除行已經(jīng)全部完成。

在文章的最后，說(shuō)幾句題外話給原型設(shè)計(jì)的初學(xué)者。Axure的學(xué)習(xí)在產(chǎn)品經(jīng)理的養(yǎng)成過(guò)程中的重要性不言而喻。系統(tǒng)學(xué)習(xí)Axure之后，不妨通過(guò)拆解和模擬發(fā)展較為成熟的產(chǎn)品，來(lái)加深自己對(duì)產(chǎn)品層次、交互和視覺(jué)設(shè)計(jì)的認(rèn)識(shí)；或者復(fù)刻某些產(chǎn)品的重要功能模塊，如電商的加購(gòu)模塊、注冊(cè)模塊等等。但同時(shí)，Axure≠產(chǎn)品經(jīng)理。原型的模擬并不需要對(duì)產(chǎn)品進(jìn)行100%的重現(xiàn)。臨摹過(guò)程中，產(chǎn)品思維的養(yǎng)成比單純技能的提高更為重要。

相關(guān)閱讀

Axure模擬（一）：如何進(jìn)行微信聊天列表已讀、未讀的標(biāo)記？

作者：子衿，微信公眾號(hào)：互聯(lián)記，知乎賬號(hào)：子衿

本文由 @子衿 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自u(píng)nsplash，基于CC0協(xié)議