原创 關於ivx鼠標移入移出事件的經驗總結

在ivx中很多組件,如文本、圖片、按鈕、行列容器等,都是可以監聽到鼠標移入移出事件的。今天就以此功能爲基礎,製作一個將鼠標移入顯示詳細信息的demo。1.第一步,我們使用循環創建做一個列表,這個功能在各種demo中經常出現,這裏就不再贅述了

原创 使用ivx實現解析身份證號的經驗總結

今天我們要製作一個demo,用戶只需要輸入身份證號,就能夠獲取到用戶的生日,年齡,並計算出距離用戶下一次過生日還有多少天。demo中主要用到了字符串的分割和函數組件,下面是具體的實現步驟。1.demo中計算的結果存放在一個通用變量中,我們將

原创 關於ivx中將對象數組的某一列添加到另一對象數組中的經驗總結

在這個demo中我們要做的就是點擊按鈕Click後將原始對象數組中的姓名列和性別列的添加到新的對象數組中。1.首先給按鈕添加一個點擊事件,然後動作的對象選擇新的對象數組,執行的動作選擇從另一對象數組添加列。2.對象數組一欄選擇原始對象數組;

原创 關於ivx中通用變量排序功能的經驗總結

在ivx中通用變量是經常使用到的一種變量,而且它的元素類型可以爲數組,因此也常用作循環創建的數據來源,當我們要對循環創建出來的列表進行排序時,操作上其實就是對通用變量內部元素的一個排序,今天就說一下這種排序的具體操作。 我們以這個通用變量爲

原创 使用ivx實現批量上傳圖片的經驗總結

通常我們使用上傳圖片都是上傳單張,在ivx中其實也提供了批量上傳圖片的功能,今天就講一下批量上傳圖片的具體操作。1.圖片列表首先需要用一個對象數組存儲批量上傳的圖片,然後用for容器循環創建一個圖片列表。每個圖片後面都有一個圓框關閉的圖標,

原创 使用ivx製作模擬時鐘的經驗總結

之前的帖子裏已經使用時間軸和軌跡實現了很多的效果,今天我們來做一個模擬時鐘。主要思路是用一個作爲錶盤,三個矩形分別作爲時針,分針和秒針,通過各自軌跡設置他們在同一時間軸下的轉動圈數成一定比例關係。 1.錶盤首先是添加橢圓組件,這裏我們需要設

原创 使用ivx實現菜單導航的經驗總結

前面已經說過了標籤導航和頁面導航的實現方式,今天再補充一種菜單導航的實現方法。它多見於網站的頂部或側面的主導航條。一個導航條可能是多個導航菜單的組合。1.首先,我們是用一個橫幅作爲導航條,在裏面添加好各個菜單,再添加三個橫幅分別作爲三個標籤

原创 使用ivx實現分頁獲取數據的經驗總結

在實際案例中我們經常需要展示一些數據,而這些數據都是存放在後臺的數據庫之中的而且可能數量龐大,在前臺的界面中一下子全都展示出來肯定是不現實的,另外一次性讓後臺傳輸如此多的數據到前臺也會有很大的延遲,使用戶體驗較差。因此,我們就需要採取一種分

原创 使用ivx實現多級下拉菜單聯動效果的經驗總結

在實際案例中經常會有這樣的場景,我們需要對一些信息進行選擇,同時這些數據之間還有明確的層級關係,比如選擇省市區或者組織部門,當前一個下拉菜單選項固定後下一層級的下拉菜單選項是要隨之改變的。今天就說一說如何實現這種多級下拉菜單聯動的效果。1.

原创 使用ivx實現移動端單選功能的經驗總結

單選選擇器是各種案例中都經常會使用到一種功能,今天就對ivx中實現單選擇器的方法進行一個彙總,希望對大家有所幫助。 1.下拉菜單第一種方法是添加一個下拉菜單組件,它位於拓展組件的交互與表單類中。添加之後在選項列表中輸入選項並用英文逗號隔開(

原创 使用ivx學習開發摺疊面板的學習經驗分享

今天我想與大家分享的學習經驗是關於如何使用ivx的if判斷組件和for循環組件來創建一個摺疊菜單欄的,分析所使用demo依然取自於ivx的官網的demo,需要的可以去demo.ivx.cn查看,分析內容如下:1.首先,先展示下摺疊菜單所需要

原创 使用ivx中表格組件的經驗總結

之前講過了使用ivx在案例中如何使用圖表組件更直觀的展示數據,不過還有另一種展示數據也常用到的手段——表格。ivx中也對這一功能製作了對應的表格組件,今天就來說說這個表格組件是如何使用的。1.表格的數據來源表格和for循環創建一樣需要有數據

原创 使用ivx實現圖片預覽功能的經驗總結

在實際案例中經常會需要展示一個圖片列表,但是列表中由於圖片數量比較多,所以每張圖片都會比較小。這時我們需要一個功能,能夠點擊某一張圖片就顯示這張圖片的大圖,今天就是說一下ivx中如何實現這種預覽效果。 1.圖片列表demo中的圖片列表是用循

原创 使用ivx實現字符串格式化的經驗總結

在案例是用中經常是用到文本組件展示一些信息,而有時這些信息有需要一些格式化的處理,比如展示手機號的時候我們可能希望如demo中這樣只展示開頭和尾號,而將中間四位隱藏起來,今天就說一下怎麼對字符串進行這類格式化的處理。 1.數據綁定首先dem

原创 使用ivx開發學習絕對定位的心得分享

今天想與大家分享的ivx學習經驗是關於絕對定位的使用,分析使用的依然是ivx官網的demo,絕對定位容器的使用,我認爲核心在於理解絕對定位的含義,我所理解的絕對定位指的是所添加的組件在其所處的絕對定位環境中的位置,也就是座標,是固定的,也就