九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

移動(dòng)端APP最常見的界面就是列表界面，如58租房小程序的列表頁，本教程主要分享如何優(yōu)化列表頁的排版以及過程中遇到的難點(diǎn)解決方法。

效果如下：

界面優(yōu)化一：隱藏滾動(dòng)條

實(shí)現(xiàn)列表的垂直滾動(dòng)，需要將內(nèi)容先轉(zhuǎn)化為動(dòng)態(tài)面板，滾動(dòng)條設(shè)置為：自動(dòng)顯示垂直滾動(dòng)條。

由于軟件自身自帶的滾動(dòng)條樣式比較丑，因此我們需要將其隱藏。

首先，將此動(dòng)態(tài)面板的寬度變寬，由【375】變?yōu)椤?95】，正好將滾動(dòng)條的位置移出界面，如下所示：

其次，再將此【動(dòng)態(tài)面板】轉(zhuǎn)化為新的【動(dòng)態(tài)面板】，并將寬度變小為原來的尺寸【375】；切記，將滾動(dòng)條設(shè)置為：無。

這樣，即可以實(shí)現(xiàn)滾動(dòng)，還能隱藏滾動(dòng)條，效果如下：

界面優(yōu)化二：列表頁數(shù)據(jù)項(xiàng)的鼠標(biāo)懸浮選擇效果

實(shí)現(xiàn)列表數(shù)據(jù)的展示，推薦使用【中繼器】，可以實(shí)現(xiàn)每一項(xiàng)數(shù)據(jù)鼠標(biāo)對(duì)應(yīng)選中的懸浮效果，實(shí)現(xiàn)步驟如下：

首先，在【中繼器】數(shù)據(jù)項(xiàng)中，增加一個(gè)不填充 的矩形，命名為“懸浮矩形”，圖層順序?yàn)樽铐攲印?/p>

其次，給此矩形增加鼠標(biāo)懸浮的交互樣式。設(shè)置填充色為#999999，透明度為10，設(shè)置如下：

預(yù)覽效果如下，發(fā)現(xiàn)一個(gè)明顯的問題：無論鼠標(biāo)移動(dòng)某一個(gè)數(shù)據(jù)項(xiàng)，所有數(shù)據(jù)項(xiàng)的背景矩形都被選中。

通過不斷的篩查排除，最后找到動(dòng)態(tài)面板的一個(gè)屬性設(shè)置：允許觸發(fā)鼠標(biāo)交互。

將其勾選去除后，即能正常顯示數(shù)據(jù)項(xiàng)的鼠標(biāo)懸浮效果，最終效果如下：

作者：火星人～艾斯，公眾號(hào)：艾斯的Axure峽谷