Penjelasan terperinci tentang aplikasi berdasarkan kemahiran tutorial PhoneGap (cordova) _html5 yang pertama

PhoneGap ialah platform pembangunan aplikasi yang membolehkan anda menggunakan HTML5 untuk memanggil antara muka API tempatan dengan mudah dan menerbitkan aplikasi ke kedai. Pegawai mengatakan ia mempunyai kelebihan kos rendah, kitaran pembangunan pendek, ringan, dll. Kami belum dapat membuktikannya lagi, jadi kami akan mengabaikannya. Tetapi terdapat platform silang, yang merupakan kelebihan yang jelas. Kerana ia menggunakan mod JavaScript HTML5 untuk membangunkan aplikasi. PhoneGap menggunakan JavaScript untuk merangkum secara seragam API tempatan beberapa platform utama (Andriod, IOS, WP8/7, WINRT), dsb. . Dalam kes ini, apabila memindahkan dari satu platform ke platform yang lain, anda hanya perlu mengambil kod HTML dan JS secara utuh dan membungkusnya. PhoneGap kemudiannya diperoleh oleh Adobe dan kemudian menyumbang kepada komuniti sumber terbuka Ia kini diuruskan oleh Apache dan dinamakan semula sebagai cordova.

Untuk mengalihkan papan lukisan html5 semalam ke peranti mudah alih, saya memutuskan untuk menggunakan platform phoneGap, supaya saya hanya perlu menulis satu bahagian dan menjalankannya.

Hari ini saya akan menyediakan persekitaran phoneGap di bawah Android.

1. Muat turun phoneGap

http://phonegap.com/download/#autodownload

Ekstraknya dan cari direktori lib/android.

2. Cipta projek Andriod baharu di bawah gerhana, yang sama seperti projek biasa.

3. Cipta folder baharu "www" dalam direktori aset

Salin cordova-2.6.0.js dalam direktori lib/android ke direktori ini. Salin cordova-2.6.0.jar ke direktori libs.

4. Cipta fail html baharu index.html dalam direktori www. Antara muka kami akan dibuat di sini.

Kod untuk

indeks adalah seperti berikut:

Salin kod

Kod adalah seperti berikut:

< ;!doctype html>



HTML5Paint

Letakkan Salin direktori lib/android keseluruhan folder xml untuk res

6 Ubah suai AndroidManifest.xml untuk menambah kebenaran pengguna

Tambahkan kod berikut di hadapan teg seperti berikut:

android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:xlargeScreens="true "
android:resizeable="true"
android:anyDensity="true"
/>

7.修改MainAcivity.java

复制代码

代码如下:

public class MainActivity erweitert DroidGap {

@Override
public void onCreate(Bundle savingInstanceState)
{
super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html");
}

继续build就过了. 最后run一下:

 

这样一个phonegap的Andriod程序就搞定了.明天把昨天的那个HTML5画板移植过来.