close

Smart Apps Creator 3資料列表-資料子項的交互設定

Smart Apps Creator 3的資料列表功能新增了子項交互,你可以在SmartAppsCreator官網的服務支援中找到3.1.0的更新程式。

 

操作步驟:

Step 1 點選『插入』頁籤後,選擇『資料列表』功能將表格插入到畫面並調整表格的寬高比例。

Step 2 接著,請點選右方屬性欄面板中的『鏈接伺服器』,將資料來源的網址貼到Request欄位,再點選『Run』按鈕,此時會看到下方面板帶入了多筆資料,最後點選『確定』。

Step 3 接下來我們可以點選『子項設置』來針對資料欄位重新調整各項資料在版面上的位置和尺寸。

Step 4 將資料要顯示的文字調整顏色、文字大小。若是要顯示的文字欄位有很多文字,可以調整文字方塊的寬高比例,讓文字能夠正常的顯示;同樣的圖片也可以調整它的寬高比例。當各顯示欄位都調整好之後,即可點選『確定』。

Step 5 接下來請在右方屬性欄中的『屬性關聯』將要導入的資料與顯示的各個欄位產生關聯。

Step 6 設定每筆資料的交互。請先點選資料列表的物件,接著點選『交互』頁籤後選擇『觸摸子項時』。

Step 7 接下來會出現觸摸子項時的面板,此時在『鍵值』的下拉選單中來選擇資料欄位,在『屬性值』的下拉選單中來選擇單一筆資料。(針對單一筆資料,可以任選方便查看的『鍵值』,在『屬性值』的欄位即會自動帶出資料清單)

Step 8 對象選擇資料列表的物件(也就是選擇自己),接著選擇要執行的動作,舉例;選擇『切換』後選擇要切換的頁面,最後點選『添加』。

此時即可完成該筆資料的交互,若是資料列表中有多筆資料,重覆以上動作,最後在『觸摸子項時』的面板中,選擇好『鍵值』、『屬性值』,就可以再將第二筆資料設定好它的交互囉!

 

Smart Apps Creator 3資料列表-含有URL網址的交互設定

若是資料來源含有網址,希望能夠點選單筆資料時跳到相對應的網頁時,可以依下方步驟來操作。

Step 1在右方屬性欄面板的功能設置,將『點擊子項跳轉超鏈接』勾選起來。

Step 2接下來將『超鏈接鍵值』下拉選單中找到URL網址的資料欄位。

此時即可完成資料列表中所有資料的跳轉到指定網頁的設定。

【重點說明】

  • 這個設定的重點在於若是資料表裡面已有網址,只需要勾選跳轉超鏈接的設定即可完成。
  • 若是資料表裡面沒有網址,又需要跳到指定網頁時,可利用資料子項的交互,來設定交互動作『超鏈接』即可完成。

 

您可以下載Smart Apps Creator 3 全功能30天試用版,自己動手將創意實現喔!

點選下方圖示加入Smart Apps Creator官方粉絲團,獲取更多的設計小撇步

arrow
arrow

    SACTW 發表在 痞客邦 留言(0) 人氣()