樣式區(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ù)。