1.效果圖請看最下方,如果凸出圖片想和底部顏色一致有那種描邊的效果,需要自行設計圖片,比如在這個鑽石圖片基礎上的上半圓外層加一個半圓描邊,增加點邊距,邊距內層背景顏色和底部導航欄顏色一致即可。具體自己腦補。
2.此demo和NVTabBar模塊文檔裏面給的例子不同之處在於:
1). 本demo對應用的framegruop,解決了很多問題,不用每次openframe之後再調用一次NVTabBar.bringToFront()把模塊設置成不被阻擋,此demo只需要設置一次就可以了.
2). 兼容了ios和安卓兩端,ios是用ip6plus測試的,完美兼容。
3).模塊例子如果直接openframe還會有一個bug,就是切換的時候,底部是後出來的,所以底部會有閃的效果,但是這個demo都解決了。
3.實現代碼在demo目錄下的index.html,代碼有很詳細的註釋用途,如有不明白請跟帖。
4.圖片資源都在image裏面了