如何爲PhoneGap應用程序提供兩種不同的UX/UI

-1

我正在構建PhoneGap跨平臺混合應用程序。
在我的應用程序中，我支持iPad和iPhone。
這兩個設備的用戶界面不同，但業務邏輯相同。如何爲PhoneGap應用程序提供兩種不同的UX/UI

所以問題是如何爲兩個設備使用通用業務邏輯代碼（JavaScript），爲兩種不同的設備提供不同的用戶界面（HTML/CSS）。

我想重寫應用程序的UX/UI並重用與業務邏輯相關的代碼，我該如何設計我的應用程序才能這樣做。

來源

2016-04-11 User7723337

如果您使用的是Ionic，您可以讓您的用戶界面「響應」，並且您還可以針對不同大小的屏幕使用不同的圖標，併爲iPhone和Android使用單獨的圖標。 –

首先，您需要檢測您正在運行的平臺。有很多方法可以實現這一點，但我只用一個簡單的例子去（和假設你正在使用jQuery太）

有檢測平臺，更好的方法，但將對於初學者做。

來源

2016-04-11 13:09:50

某些JavaScript前端框架（例如Ionic，Sencha Touch）支持主題，您可以使用這些主題在共享邏輯的同時根據設備類型呈現不同的UX。爲您的JavaScript使用模型視圖控制器架構也可以在這裏提供幫助。

您可能不想嘗試自己匹配用戶代理，而是想用Cordova Device plugin來確定您正在運行哪個設備並做出相應的反應，您也可以像使用常規響應Web應用程序/站點一樣使用CSS媒體查詢。如果您想要區分手機和平板電腦，並且不使用可以爲您做到這一點的JS框架，則可以使用類似"is tablet" plugin的內容。

在平臺層面（而不是設備），這不是很清楚，但可以幫助你在這裏科爾多瓦的一個特點將是'merges'概念，它允許你創建新的CSS/JS /圖片/不管每個平臺和有那些在構建過程中與內容或www文件夾合併。

來源

2016-04-12 01:04:02

如何爲PhoneGap應用程序提供兩種不同的UX/UI

回答

相關問題