【Axure10】樣式區(qū)域-元件樣式(中繼器)

樣式區(qū)域-元件樣式(中繼器)

中繼器新特性

在Axuer 10中,中繼器徹底進(jìn)行了簡單化的改版,

  • 可以將普通元件或元件組一鍵轉(zhuǎn)換成中繼器(需選中后鼠標(biāo)右鍵選擇轉(zhuǎn)換為中繼器)。

  • 數(shù)據(jù)與對應(yīng)的中繼器內(nèi)部元件編輯可以進(jìn)行選擇綁定,之前的版本中只能通過手動添加交互事件進(jìn)行綁定。

  • 數(shù)據(jù)的篩選交互更加的簡單,尤其是對于模糊查詢的數(shù)據(jù)字段中。

  • 外部數(shù)據(jù)支持一鍵導(dǎo)入(需CSV格式)。

數(shù)據(jù)說明

數(shù)據(jù)是中繼器的核心之一,數(shù)據(jù)決定了最終效果展示什么。

數(shù)據(jù)設(shè)置

不存在數(shù)據(jù)

如果不存在數(shù)據(jù),中繼器會根據(jù)中繼器原始內(nèi)容,重復(fù)顯示。

存在數(shù)據(jù),進(jìn)行數(shù)據(jù)綁定

如果存在數(shù)據(jù),沒有進(jìn)行交互設(shè)置。中繼器也會根據(jù)中繼器原始內(nèi)容,重復(fù)顯示。

存在數(shù)據(jù),設(shè)定數(shù)據(jù)綁定

展示設(shè)置數(shù)據(jù)的內(nèi)容。

數(shù)據(jù)類型

文本

中繼器默認(rèn)數(shù)據(jù)類型為文本,可以加根據(jù)需要填入。

引用頁面(對應(yīng)數(shù)據(jù)欄進(jìn)行右鍵菜單)

引用原型中某個頁面作為數(shù)據(jù)。

  • 技巧:可以結(jié)合交互事件,直達(dá)某個頁面。
導(dǎo)入圖片

導(dǎo)入本地圖片,存在在數(shù)據(jù)欄。本質(zhì)是將圖片地址轉(zhuǎn)換為數(shù)據(jù),方便引用。

說明:圖片需要展示,需結(jié)合圖片元件進(jìn)行展示。(將圖片設(shè)置為中繼器中的值)。

導(dǎo)入csv格式數(shù)據(jù)

中繼器可以支持表格外部數(shù)據(jù)的導(dǎo)入,導(dǎo)入需注意表格內(nèi)容的格式。

樣式說明

名稱、位置、圓角

名稱

設(shè)置對應(yīng)的中繼器名稱。

位置

只能調(diào)整中繼器的位置,不能調(diào)整中繼器的大小。

注:中繼器的大小取決于內(nèi)部內(nèi)容的大小位置排列,通常情況下中繼器會進(jìn)行自適應(yīng)調(diào)整對應(yīng)大小。

圓角

只對中繼器層級的圓角控制,若中繼器中的內(nèi)容對圓角部分有遮蓋,將在預(yù)覽時無法展示對應(yīng)圓角。

FiLL(填充顏色)

中繼器整體有效范圍的背景顏色的設(shè)置。

注:

  • 顏色在最底層,有背景的中繼器內(nèi)部內(nèi)容會遮擋背景顏色。

  • 在預(yù)覽時,有效范圍顏色無遮擋會展示。

  • 在設(shè)置了對應(yīng)的邊距,邊距設(shè)置的區(qū)間會展示當(dāng)前填充顏色。

邊框(描邊)

中繼器整體邊框顏色的設(shè)置。邊框支持顏色、大小、樣式等設(shè)置。設(shè)置與矩形相同。

注:若中繼器內(nèi)部內(nèi)容超出或覆蓋邊框,邊框顏色同樣也會被遮擋。

邊距

設(shè)置中繼器四周的邊界區(qū)域

L:左邊界、T:上邊界、R:右邊界、B:下邊界

布局

垂直

全部垂直展示。

橫向

全部水平展示。

行間距

行的間距,即上下間距。

列間距

列的間距,即左右間距。

換行(網(wǎng)格布局)

全部網(wǎng)格布局,形式受水平和垂直影響。

設(shè)置為垂直的網(wǎng)格布局,需設(shè)置每列幾條數(shù)據(jù)。

設(shè)置為水平的網(wǎng)格布局,需設(shè)置每行幾條數(shù)據(jù)。

背景

單色背景

設(shè)置對應(yīng)的中繼器可編輯區(qū)域的背景顏色。

  • 顏色在最底層,有背景的中繼器內(nèi)部內(nèi)容會遮擋背景顏色。
交替背景

選中交替背景后,中繼器中會換行展示不同的背景顏色(不同行顏色需進(jìn)行設(shè)置顏色色值)。

  • 顏色在最底層,有背景的中繼器內(nèi)部內(nèi)容會遮擋背景顏色。

分頁

分頁可設(shè)置對應(yīng)的一頁展示多少條數(shù)據(jù)與當(dāng)前默認(rèn)處于第幾頁。

注:分頁功能主要用于多數(shù)據(jù)的展示,可以通過交互函數(shù),進(jìn)行切換不同頁面數(shù)據(jù)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容