首頁(yè) 猿問 iOS 開發(fā) 應(yīng)用布局和導(dǎo)航模式問題

iOS 開發(fā) 應(yīng)用布局和導(dǎo)航模式問題

JavaScript

千萬(wàn)里不及你 2019-04-16 20:25:45

借知乎上的一篇帖子請(qǐng)教鏈接如下帖子整理了如下的交互導(dǎo)航模式:底部標(biāo)簽式跳板式列表式旋轉(zhuǎn)木馬式抽屜式點(diǎn)聚式陳列棺式瀑布式我們的設(shè)計(jì)人員提出了各種模式的交互，用起來(lái)也相當(dāng)?shù)乃?，不過作為一個(gè)開發(fā)者，我想了解一下這幾種布局的具體實(shí)現(xiàn)該如何？大部分比較常見，不過希望可以詳細(xì)說(shuō)說(shuō)點(diǎn)聚式的交互該如何實(shí)現(xiàn)？問題有點(diǎn)大，大家挑選自己擅長(zhǎng)的回答一下好了邀請(qǐng)作答:@OpenFibers@navy@gaosboy@coder@Yang_Fang@未解@callmewhy

查看完整描述

2 回答

拉莫斯之舞

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超10個(gè)贊

所有模式均有開源庫(kù)與之對(duì)應(yīng)，在此簡(jiǎn)單說(shuō)下使用原生控件開發(fā)的思路。。。不一定對(duì)，如有錯(cuò)誤還望指出謝謝。底部標(biāo)簽式UITabbar?；蛘哂X得不自由可以自己寫個(gè)Tabbar，幾個(gè)并排的按鈕來(lái)回切換，保留高亮效果即可。跳板式如果按鈕數(shù)目是固定的，那么用UIButton就行，AutoLayout設(shè)置一下效果應(yīng)該很好。如果數(shù)目不是固定的，那可以參考UICollectionView，或者UITableView，或者直接就是UIView里面動(dòng)態(tài)添加UIButton，手動(dòng)算距離?？梢钥纯催@個(gè)：CNPGridMenu列表式UITableView旋轉(zhuǎn)木馬式UIScrollView+PageControl，UIScrollView是容器，PageControl是小白點(diǎn)，通過UIScrollView的委托可以實(shí)現(xiàn)分頁(yè)效果。抽屜式漢堡菜單，網(wǎng)上有很多開源庫(kù)，建議直接看開源庫(kù)。點(diǎn)聚式這個(gè)只能具體情況具體分析了，比如這個(gè)iOSCircularMenu陳列棺式UICollectionView或者UITableView瀑布式網(wǎng)上源碼很多，一個(gè)簡(jiǎn)單地實(shí)現(xiàn)思路是：通過addSubView添加指定寬度的UIView，根據(jù)內(nèi)容調(diào)整UIView的高度，并保留在ParentView里，這樣下一個(gè)UIView可以在加上margin之后加載下面。好吧大概就是這樣，實(shí)現(xiàn)的思路多種多樣，上面只是個(gè)人的想法。