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

編輯導(dǎo)語(yǔ)：我們?cè)诳幢砀駮r(shí)，不同的人關(guān)注的重點(diǎn)不一樣，所以要用個(gè)性化表格來(lái)進(jìn)行區(qū)分排列，讓用戶可以根據(jù)自己的喜好和需要進(jìn)行排列；本文作者分享了關(guān)于如何用中繼器做個(gè)性化表格，我們一起來(lái)看一下。

Hello，今天作者教大家如何在axure中用中繼器做一個(gè)個(gè)性化表格。

首先什么是個(gè)性化表格，為什么需要個(gè)性化表格呢？

我們先來(lái)看看下面這個(gè)例子，是關(guān)于股票的一些數(shù)據(jù)，例如市盈率、市凈率、量比、行業(yè)等上百個(gè)字段。

但是不同的投資者想看的數(shù)據(jù)不一樣，例如張三是價(jià)值投資者，非常重視市盈率和市凈率，對(duì)于其他的數(shù)據(jù)不太關(guān)心；李四是一個(gè)技術(shù)投資者，比較關(guān)心股票的量比、近期漲幅；對(duì)市盈率、市凈率的數(shù)據(jù)莫不關(guān)心。

這時(shí)我們?cè)趺丛O(shè)計(jì)能同時(shí)滿足不用用戶的需求呢？

這時(shí)候就需要用到自定義表格，用戶可以根據(jù)自己的喜好定制個(gè)性化列表；例如張三，他可以定制查看市盈率、市凈率等重要的數(shù)據(jù)，這樣就可以滿足不用用戶的需求。

原型演示地址：https://r8u8dy.axshare.com

制作教程

制作自定義列表作者會(huì)使用中繼器來(lái)制作，如果你看過我之前的文章都可以發(fā)現(xiàn)，作者會(huì)比較喜歡用中繼器來(lái)制作原型，因?yàn)樽髡呦Ｍ院笮枰俅问褂妙愋偷脑偷臅r(shí)候，就不需要重新畫圖制作交互；所以用中繼器來(lái)制作，制作完成之后，下次使用時(shí)，只需要在中繼器填寫對(duì)應(yīng)數(shù)據(jù)就完成了，交互什么的都是由系統(tǒng)自動(dòng)生成，非常高效。

1. 用中繼器制作表格

1）表格中繼器內(nèi)材料

如下圖所示，我們需要幾個(gè)矩形，分別為列表標(biāo)題和和數(shù)據(jù)，需要幾行的數(shù)據(jù)就加多少個(gè)data；為了美觀，可以填充顏色修改矩形樣式。

2）列表中繼器表格內(nèi)容

如下圖所示，需要設(shè)置title列和data列，data列取決于有多少行數(shù)據(jù)，然后依次填入對(duì)應(yīng)數(shù)據(jù)即可。

3）列表中繼器內(nèi)交互設(shè)置

每項(xiàng)加載時(shí)，設(shè)置title的矩形文本=item.title，data的矩形文本=item.data。

2. 用中繼器制作表格顯示選項(xiàng)

1）選項(xiàng)中繼器內(nèi)材料

僅需要多選按鈕：

2）選項(xiàng)中繼器表格內(nèi)容

需要兩列，一列是title，就是和列表中繼器內(nèi)title數(shù)據(jù)一致即可，另外一列是xuanzhong，用于記錄該選項(xiàng)是否被選中。

3）選項(xiàng)中繼器內(nèi)交互設(shè)置

設(shè)置復(fù)選框的文本=item.title。

設(shè)置復(fù)選框是否選中，我們這里通過中繼器來(lái)控制復(fù)選框是否選中；如果item.xuanzhong的數(shù)據(jù)為1，就設(shè)置該行復(fù)選框的狀態(tài)為選中；如果不為1，則不選中。

復(fù)選框選中和取消全選事件：當(dāng)復(fù)選框選中時(shí)，我們需要更新中繼器，讓中繼器記得該行復(fù)選框被選中，所以是更新該行的item.xuanzhong==1；如果取消選中時(shí)，我們更新該行的item.xuanzhong==0即可。

記錄選中文字，每項(xiàng)加載時(shí)，我們需要記錄選中的文字，我們新建一個(gè)文字標(biāo)簽，命名為篩選邏輯；如果xuanzhong==1時(shí)，我們讓篩選邏輯加上該行的文字，即篩選邏輯文本=該文本原來(lái)的文字+item.title，篩選邏輯默認(rèn)隱藏，制作邏輯處理。

觸發(fā)篩選邏輯，當(dāng)中繼器加載完最后一條時(shí)，我們要對(duì)表格中繼器進(jìn)行篩選，所以需要觸發(fā)篩選邏輯鼠標(biāo)單擊時(shí)的事件。

篩選邏輯鼠標(biāo)單擊時(shí)，我們需要對(duì)表格中繼器進(jìn)行篩選，篩選的邏輯就是：篩選邏輯的文本包含列表的標(biāo)題。

這里我們需要用indexof函數(shù)進(jìn)行判斷：

• 如果this.text.indexOf(TargetItem.title)>-1，即表明該標(biāo)題已選，顯示。
• 如果如果this.text.indexOf(TargetItem.title)≤-1，即表明該標(biāo)題未選，隱藏。

那到這里就制作完成了，完成之后我們只需要在excel整理好數(shù)據(jù)，然后復(fù)制粘貼到中繼器表格，就完成了。

以后每次使用基本上兩分鐘就完成自定義的表格，工作效率極高，而且還是高保真的。

最后如果你喜歡我的原型教程的話，記得關(guān)注一下哈，謝謝大家。

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

題圖來(lái)自Unsplash，基于CC0協(xié)議。