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