使用ivx學習開發側邊欄方面的經驗分享

學習使用ivx開發已經有一段時間,即使是我這樣的小白,學習過程也十分輕鬆,短暫的時間裏學會了很多東西想和大家分享,今天要與大家分享的是利用行列容器來設計側邊欄的過程,官網富饒的demo庫不僅提供了大量的模板,同時方便了ivx學習者通過共同的案例進行經驗分享,大家可以去demo.ivx.cn尋找我所分析的demo,所以今天我也從官網的側邊欄demo進行分析:
1.首先要給大家分享的是,我對側邊欄的理解,由於側邊欄是一個固定的部分,而內容區一般是一個可滑動的的部分,所以,我的總結就是將側邊欄和內容區視爲2個不同的頁面,而我們可以將相對定位的列視爲一個界面,所以我們先在頁面下創建一個包含2個列的相對行,分別作爲內容區和側邊欄。
使用ivx學習開發側邊欄方面的經驗分享
使用ivx學習開發側邊欄方面的經驗分享
2.然後把內容區和側邊欄按照自己的需求寫好,這裏官網的demo中主主要有4個菜單選項,側邊欄4個文本按鈕對應內容區4個板塊,
使用ivx學習開發側邊欄方面的經驗分享
然後給側邊欄的文本添加事件,點擊時讓內容區的對應展示區滾動到相應對象的位置就行了
使用ivx學習開發側邊欄方面的經驗分享

總結:我個人覺得其實側邊欄不算難,主要是要理解將側邊欄和內容區視爲分開的頁面,然後就是將1個相對列視爲一個頁面,滾動到相應對象也是比較重要的一環,希望本次的分享也能對大家的開發學習有所幫助。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章