如何爲平板電腦和手機創建應用程序

Question

我想創建一個支持Android設備的手機和平板電腦版本的應用程序。我喜歡將一個apk文件上傳到Android市場以實現此目的。

它的工作原理如下。

1. 對於移動這個應用程序將與小UI
2. 工作比使用不同的用戶界面，使用它更多的大屏幕，通過蜂窩供電
3. 平板將有不同的UI蜂巢工作的其他平板電腦支持它的特殊功能

我該怎麼做，糾正我如果我錯了。

問候， Kariyachan

Answer 1

有做到這一點的幾種方式。從根本上來說，基本上有兩種方式來啓動應用：

1. 建立一個與操作系統語言（的iOS =目標C， 的Android = Java等）的本地應用程序（或）
2. 構建一個基於web使用一個負責任的前端，可以適應任何設備的大小，並將其提交到應用商店的網頁視圖（利用技術如PhoneGap的）的應用

我建議選擇2完成你的任務。

只有一個問題 - 如果你不是一個傳統的網絡開發者，它可能不是一個容易的選擇。我的背景是構建應用程序的UI /設計方面，我的許多經驗都在網絡應用程序中。這也是爲什麼我建議選擇2：

• 構建基於Web的，敏感的應用第一意味着你可以所有平臺啓動一個程序（桌面網絡，平板電腦，iOS設備（web視圖），安卓（ Webview）等
• 您只有一個平臺需要維護（相對於每個本地平臺）
• 您可以使用分析程序來了解哪個平臺獲得應用程序的最大吸引力，然後決定構建哪個平臺對於本地（即Google Analytics（免費）http://google.com/analytics，Kiss Metrics（付費）http://kissmetrics.com，等等）
• 你甚至可以使用手機自帶的功能與網頁視圖應用使用的是像PhoneGap的程序（http://phonegap.com/）

如果你不熟悉，響應式設計，這裏有一些資源： http://johnpolacek.github.io/scrolldeck.js/decks/responsive/ http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

下面是Android上的網頁視圖應用的一些信息：

的Android網頁視圖：

Web應用程序：http://developer.android.com/guide/webapps/index.html 構建Web應用程序在webview：http://developer.android.com/guide/webapps/webview.html

iOS的網頁視圖：

蘋果允許web視圖的應用程序，但必須能夠使用脫機：https://forum.jquery.com/topic/apple-store-reject-webview-based-jquery-mobile-aplication

現在網頁視圖應用ISN對於每種類型的應用程序，它總是一個可行的/最好的選擇。例如，如果您想製作點對點消息應用程序，這可能會起作用，因爲它們（通常）是輕量級的程序，不需要在設備和服務器之間佔用太多帶寬。但對於像照片共享應用這樣的東西，將圖片大小的文件（以及數千種文件）通過網絡傳送到設備上顯示是非常不可能的。在這種情況下，利用本地存儲的本機應用可能是更好的選擇。

希望這會有所幫助。

Answer 2

這樣做有幾種方法。

首先，您可以創建不同的值文件夾。每個文件夾可能有幾種尺寸的尺寸。

第二次嘗試創建不同的佈局。這是一個很好的cheatsheet爲不同foldernames：

http://petrnohejl.github.io/Android-Cheatsheet-For-Graphic-Designers/

然後你就可以添加多個文件，繪製不同的screensizes。

另一種有用的方法是使用片段。例如，手機將有兩項活動，一項列表和一項內容，而平板電腦只有一項顯示列表和內容。

您可以在 http://developer.android.com/guide/practices/screens_support.html

看到所有可能的文件夾的另一種方法是創建一些定義哪些設備（分辨率）可以使用你的應用程序。

您可以在清單中進行定義：

<compatible-screens> 
    <!-- all small size screens --> 
    <screen android:screenSize="small" android:screenDensity="ldpi" /> 
    <screen android:screenSize="small" android:screenDensity="mdpi" /> 
    <screen android:screenSize="small" android:screenDensity="hdpi" /> 
    <screen android:screenSize="small" android:screenDensity="xhdpi" /> 
    <!-- all normal size screens --> 
    <screen android:screenSize="normal" android:screenDensity="ldpi" /> 
    <screen android:screenSize="normal" android:screenDensity="mdpi" /> 
    <screen android:screenSize="normal" android:screenDensity="hdpi" /> 
    <screen android:screenSize="normal" android:screenDensity="xhdpi" /> 
</compatible-screens> 

或

<supports-screens android:smallScreens="false" 
        android:normalScreens="false" 
        android:largeScreens="true" 
        android:xlargeScreens="true" 
        android:requiresSmallestWidthDp="600" /> 

這裏有一個很好的示例使用片段：

http://developer.android.com/guide/components/fragments.html

所有可能的文件夾中的定義如下所列在

http://developer.android.com/guide/topics/resources/providing-resources.html

例如：

layout-sw320p 
values-h720dp (screen must be higher then 720dp) 

然後創建具有不同的分辨率，色彩，無論尺寸文件。