我(wǒ)(wǒ)們都知(zhī)道，小(xiǎo)程序和APP都是可以在手機上運行的軟件，但是小(xiǎo)程序的體(tǐ)積更小(xiǎo)，也更便利，那麽這兩者之間的區别表現在哪裏呢？鄭州小(xiǎo)程序開(kāi)發專家帶大(dà)家了解一(yī)下(xià)吧。
1）頂部導航欄

App：可以保留導航欄，也可以去(qù)掉，可拓展性強，靈活性高。

小(xiǎo)程序：導航欄右側有個無法去(qù)除和編輯的膠囊（titlebar），設計時也不能在導航上增加其他功能。所以在 App  轉小(xiǎo)程序時，導航欄的功能要換位置或者在放(fàng)在導航欄下(xià)。

實現效果也略欠缺一(yī)些，例如微信提供原生(shēng)和自定義的兩種導航欄：

（一(yī)）原生(shēng)的導航欄支持更改顔色，但字體(tǐ)顔色僅支持黑/白(bái)兩種；

（二）雖然自定義的導航欄可以去(qù)除原生(shēng)導航欄，支持圖片通到導航欄上，但是所有頁面都需要重新調整（原先導航欄的高度沒有了，界面元素會跟着上移），而小(xiǎo)程序不支持單個頁面修改。

這是目前最麻煩的地方，量級小(xiǎo)的應用還可以，量級大(dà)的導緻工(gōng)作量大(dà)大(dà)增加。

同時，自定義導航容易帶來标題無法對齊、頁面機型不同安全區域不同、全局刷新時頁面會被整個下(xià)拉等等問題。

建議頁面多、複雜(zá)的情況，盡量減少使用自定義導航，也可以使用像馬蜂窩一(yī)樣，導航欄背景和圖片背景銜接，效果也不錯。

2）标簽欄

App：可支持最少2個，最多5個的tab切換，圖标大(dà)小(xiǎo)以及底部标簽欄高度可自定義。

小(xiǎo)程序：也可支持最少2個，最多5個的tab切換，使用原生(shēng)控件時，要遵從 icon 尺寸81*81px。

使用自定義标簽欄時，可支持加入交互效果，例如提示數量氣泡等，但是體(tǐ)驗相比原生(shēng)差一(yī)點，如果标簽頁是首次進入的頁面，那麽标簽欄切換會造成跳動，需要開(kāi)發做規避。

建議不帶有交互的情況，盡量使用原生(shēng)控件，就像站酷小(xiǎo)程序 一(yī)樣。

3）拖動排序

App：流暢、體(tǐ)驗佳，例如發朋友圈時拖動照片排序。

小(xiǎo)程序：除非必要，否則不建議使用拖動排序。圖片和列表拖動在 Android機型上體(tǐ)驗不夠，會有卡頓的情況。

建議使用上下(xià)按鈕替換上下(xià)拖動，或者圖片排序使用标記的方式來進行排序。

4）文本省略

App：可實現日常所需的所有文字、段落效果。

小(xiǎo)程序：文本限制行數，加省略号，并且增加全文展開(kāi)方案實現有問題。無法預估到行尾位置省略。

建議通過換行增加全文展開(kāi)按鈕，或者控制字數，文本末尾增加全文展開(kāi)。