燚軒科技 助力中小型企業(yè)
關(guān)注行業(yè)新聞 把握時(shí)代脈搏
小程序和app的區(qū)別在哪里?鄭州小程序開發(fā)專家給你答案



我們都知道,小程序和APP都是可以在手機(jī)上運(yùn)行的軟件,但是小程序的體積更小,也更便利,那么這兩者之間的區(qū)別表現(xiàn)在哪里呢?鄭州小程序開發(fā)專家?guī)Т蠹伊私庖幌掳伞?br />
1)頂部導(dǎo)航欄
App:可以保留導(dǎo)航欄,也可以去掉,可拓展性強(qiáng),靈活性高。
小程序:導(dǎo)航欄右側(cè)有個(gè)無(wú)法去除和編輯的膠囊(titlebar),設(shè)計(jì)時(shí)也不能在導(dǎo)航上增加其他功能。所以在 App 轉(zhuǎn)小程序時(shí),導(dǎo)航欄的功能要換位置或者在放在導(dǎo)航欄下。
實(shí)現(xiàn)效果也略欠缺一些,例如微信提供原生和自定義的兩種導(dǎo)航欄:
(一)原生的導(dǎo)航欄支持更改顏色,但字體顏色僅支持黑/白兩種;
(二)雖然自定義的導(dǎo)航欄可以去除原生導(dǎo)航欄,支持圖片通到導(dǎo)航欄上,但是所有頁(yè)面都需要重新調(diào)整(原先導(dǎo)航欄的高度沒(méi)有了,界面元素會(huì)跟著上移),而小程序不支持單個(gè)頁(yè)面修改。
這是目前最麻煩的地方,量級(jí)小的應(yīng)用還可以,量級(jí)大的導(dǎo)致工作量大大增加。
同時(shí),自定義導(dǎo)航容易帶來(lái)標(biāo)題無(wú)法對(duì)齊、頁(yè)面機(jī)型不同安全區(qū)域不同、全局刷新時(shí)頁(yè)面會(huì)被整個(gè)下拉等等問(wèn)題。
建議頁(yè)面多、復(fù)雜的情況,盡量減少使用自定義導(dǎo)航,也可以使用像馬蜂窩一樣,導(dǎo)航欄背景和圖片背景銜接,效果也不錯(cuò)。
2)標(biāo)簽欄
App:可支持最少2個(gè),最多5個(gè)的tab切換,圖標(biāo)大小以及底部標(biāo)簽欄高度可自定義。
小程序:也可支持最少2個(gè),最多5個(gè)的tab切換,使用原生控件時(shí),要遵從 icon 尺寸81*81px。
使用自定義標(biāo)簽欄時(shí),可支持加入交互效果,例如提示數(shù)量氣泡等,但是體驗(yàn)相比原生差一點(diǎn),如果標(biāo)簽頁(yè)是首次進(jìn)入的頁(yè)面,那么標(biāo)簽欄切換會(huì)造成跳動(dòng),需要開發(fā)做規(guī)避。
建議不帶有交互的情況,盡量使用原生控件,就像站酷小程序 一樣。
3)拖動(dòng)排序
App:流暢、體驗(yàn)佳,例如發(fā)朋友圈時(shí)拖動(dòng)照片排序。
小程序:除非必要,否則不建議使用拖動(dòng)排序。圖片和列表拖動(dòng)在 Android機(jī)型上體驗(yàn)不夠,會(huì)有卡頓的情況。
建議使用上下按鈕替換上下拖動(dòng),或者圖片排序使用標(biāo)記的方式來(lái)進(jìn)行排序。
4)文本省略
App:可實(shí)現(xiàn)日常所需的所有文字、段落效果。
小程序:文本限制行數(shù),加省略號(hào),并且增加全文展開方案實(shí)現(xiàn)有問(wèn)題。無(wú)法預(yù)估到行尾位置省略。
建議通過(guò)換行增加全文展開按鈕,或者控制字?jǐn)?shù),文本末尾增加全文展開。

App:可以保留導(dǎo)航欄,也可以去掉,可拓展性強(qiáng),靈活性高。
小程序:導(dǎo)航欄右側(cè)有個(gè)無(wú)法去除和編輯的膠囊(titlebar),設(shè)計(jì)時(shí)也不能在導(dǎo)航上增加其他功能。所以在 App 轉(zhuǎn)小程序時(shí),導(dǎo)航欄的功能要換位置或者在放在導(dǎo)航欄下。
實(shí)現(xiàn)效果也略欠缺一些,例如微信提供原生和自定義的兩種導(dǎo)航欄:
(一)原生的導(dǎo)航欄支持更改顏色,但字體顏色僅支持黑/白兩種;
(二)雖然自定義的導(dǎo)航欄可以去除原生導(dǎo)航欄,支持圖片通到導(dǎo)航欄上,但是所有頁(yè)面都需要重新調(diào)整(原先導(dǎo)航欄的高度沒(méi)有了,界面元素會(huì)跟著上移),而小程序不支持單個(gè)頁(yè)面修改。
這是目前最麻煩的地方,量級(jí)小的應(yīng)用還可以,量級(jí)大的導(dǎo)致工作量大大增加。
同時(shí),自定義導(dǎo)航容易帶來(lái)標(biāo)題無(wú)法對(duì)齊、頁(yè)面機(jī)型不同安全區(qū)域不同、全局刷新時(shí)頁(yè)面會(huì)被整個(gè)下拉等等問(wèn)題。
建議頁(yè)面多、復(fù)雜的情況,盡量減少使用自定義導(dǎo)航,也可以使用像馬蜂窩一樣,導(dǎo)航欄背景和圖片背景銜接,效果也不錯(cuò)。
2)標(biāo)簽欄
App:可支持最少2個(gè),最多5個(gè)的tab切換,圖標(biāo)大小以及底部標(biāo)簽欄高度可自定義。
小程序:也可支持最少2個(gè),最多5個(gè)的tab切換,使用原生控件時(shí),要遵從 icon 尺寸81*81px。
使用自定義標(biāo)簽欄時(shí),可支持加入交互效果,例如提示數(shù)量氣泡等,但是體驗(yàn)相比原生差一點(diǎn),如果標(biāo)簽頁(yè)是首次進(jìn)入的頁(yè)面,那么標(biāo)簽欄切換會(huì)造成跳動(dòng),需要開發(fā)做規(guī)避。
建議不帶有交互的情況,盡量使用原生控件,就像站酷小程序 一樣。
3)拖動(dòng)排序
App:流暢、體驗(yàn)佳,例如發(fā)朋友圈時(shí)拖動(dòng)照片排序。
小程序:除非必要,否則不建議使用拖動(dòng)排序。圖片和列表拖動(dòng)在 Android機(jī)型上體驗(yàn)不夠,會(huì)有卡頓的情況。
建議使用上下按鈕替換上下拖動(dòng),或者圖片排序使用標(biāo)記的方式來(lái)進(jìn)行排序。
4)文本省略
App:可實(shí)現(xiàn)日常所需的所有文字、段落效果。
小程序:文本限制行數(shù),加省略號(hào),并且增加全文展開方案實(shí)現(xiàn)有問(wèn)題。無(wú)法預(yù)估到行尾位置省略。
建議通過(guò)換行增加全文展開按鈕,或者控制字?jǐn)?shù),文本末尾增加全文展開。
版權(quán)與免責(zé)聲明
鄭州APP開發(fā),鄭州小程序開發(fā)燚軒軟件科技有限公司聲明:如發(fā)現(xiàn)內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息發(fā)郵件至854221200@qq.com,我們將及時(shí)溝通處理。本站內(nèi)容源于網(wǎng)絡(luò),涉及內(nèi)容、言論與本站無(wú)關(guān)
分享到微信朋友圈
+
打開微信,點(diǎn)擊底部的“發(fā)現(xiàn)”,使用 “掃一掃” 即可將網(wǎng)頁(yè)分享到我的朋友圈。 如何使用?
推薦文章
為什么餐飲行業(yè)要進(jìn)行小程序開發(fā)?
燚軒科技    ·
06月12日
·    鄭州微信小程序開發(fā)
交生活帶來(lái)了巨大的變化,而小程序的誕生又讓我們搭上了發(fā)展的快車,對(duì)于各行各業(yè)來(lái)說(shuō),開發(fā)微信小...

3196
閱讀量
鄭州app定制開發(fā)哪一點(diǎn)比較重要?為什么
燚軒科技    ·
12月06日
·    鄭州app定制開發(fā)
發(fā)來(lái)說(shuō),很多企業(yè)只是知道定制開發(fā)的app軟件優(yōu)點(diǎn)很多,卻不知道在app定制中最為重要的一點(diǎn)是...

3124
閱讀量
app開發(fā)應(yīng)用給企業(yè)帶來(lái)哪些盈利和幫助
燚軒科技    ·
09月14日
·    app開發(fā),app定制開發(fā),鄭州app開發(fā)公司
是在人們生活中被普遍使用,無(wú)論是在家里還是出門在外,都少不了對(duì)手機(jī)APP的使用。隨著APP在...

1888
閱讀量
鄭州小程序開發(fā)都收費(fèi)嗎?有沒(méi)有免費(fèi)的呢
燚軒科技    ·
09月21日
·    鄭州小程序開發(fā)
是都需要收費(fèi)呢?有沒(méi)有免費(fèi)的小程序開發(fā)呢?很多投資者咨詢小程序開發(fā)公司的時(shí)候,可能都會(huì)在想這...

3006
閱讀量
美顏相機(jī)APP應(yīng)具備哪些功能更受用戶歡迎
燚軒科技    ·
09月14日
·    鄭州APP開發(fā)公司
的整容術(shù)、日本的化妝術(shù)、并稱為“亞洲四大邪術(shù)”的中國(guó)的PS術(shù),深受青年女性群體的歡迎。無(wú)論是...

2820
閱讀量
鄭州app開發(fā)報(bào)價(jià)中,投入多少錢合適
燚軒科技    ·
04月24日
·    鄭州app開發(fā)
價(jià)這個(gè)問(wèn)題,應(yīng)該是所有想要投資app開發(fā)的投資者都廣泛關(guān)注的一個(gè)問(wèn)題,而且也是詢問(wèn)app開發(fā)...

2718
閱讀量