仿叮咚買菜鴻蒙原生APP

DingdongShopping

這是一個原生鴻蒙版的仿叮咚買菜APP項目

鴻蒙Next發布至今已經有一年多的時間了,但有時候我們想要實現一些復雜的功能或者效果,在開發文檔上查閱一些資料還是比較費時的,有可能還找不到我們想要的內容。而社會層面上分享的資料也比較有限,畢竟推出的時間相對安卓和蘋果來說還是太短了,但一點也不妨礙大家學習鴻蒙的熱情,因為鴻蒙生態大勢已成,未來也會有更多的開發者相續分享出自己學習鴻蒙的一些技術與經驗。

今天來說一說我在學習鴻蒙的時候遇到的一個小問題,在使用鴻蒙版PullToRefresh框架的時候發現當內容不滿一屏時不能上拉加載更多,可能是我想要的效果特殊,在不滿一屏的時候其實無需上拉。我根據源碼定制了自己想要的效果,也是安卓版本的PullToRefresh用慣了,按照安卓的效果做了樣式,也支持了內容不滿一屏時可以上拉加載。

另外也仿著叮咚買菜搭了一個應用架子,并實現了分類頁的效果,以及從上往下彈出的類似半模態轉場彈框,后續有時間的時候再往里寫一些其他的功能。

下面是分類頁實現的效果動圖:

gif1.gif

30/3.
1.新增搜索商品功能
2.分類頁輸入框新增熱門搜索滾動組件

商品搜索功能有搜索關鍵字和搜索結果頁兩個頁面,搜索關鍵字頁面主要展示搜索記錄、搜索推薦、搜索聯想關鍵字。
搜索結果頁面比較復雜一些,它涉及到了List的吸頂并與下拉刷新PullToRefresh以及瀑布流WaterFlow的嵌套滾動處理,瀑布流WaterFlow使用sections實現了單、多列布局并存的跨列布局分組效果。

基本實現了叮咚買菜蘋果版app的商品搜索功能,目前他們的鴻蒙原生app的商品搜索功能還是比較粗糙的,還沒有實現蘋果版的效果,當然也有可能是原本就設計如此。

下面看下效果圖:

img-ezgif.com-resize.gif


詳情請看代碼,項目地址:https://github.com/weioule/DingdongShopping

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容