安卓开发3 -使用WebView开发web app

         我的目的是开发web apps,用WebView的形式,让b/s结构的oa、表单、crm等系统在安卓手机上运行。WebView就是一个手机浏览器,这样我们只需要对现有的web系统做简单的改造就可以实现手机app应用。

         这个开发过程用到的要点:新建android application project;调整menu item;使用intent打开一个activity;EditText和button的使用;关于APP已停止运行的提示;使用SharedPreferences实现简单的读写;使用WebView访问网页;完成效果展示。

 

         我用的开发工具是Eclipse(ADT V22.6.2),测试环境是vm下的android-x86-4.0-r1-thinkpad.iso。不同的环境下情况可能会不一样。

 

新建android application project

         New – android application project—项目名称oaApp2—对应的SDK我都采用4.0—next—next—在Configure Launcher Icon里我选择了自己的图片—其他的默认保存。

 

         完成项目后的主要文件路径:

                   src/…/MainActivity.java                     java代码

                   res/layout/fragment_main.xml       布局界面文件

                   res/menu/main.xml                            菜单文件(右上角)

                   res/values/strings.xml                       显示的文字,可实现多语言,我将app_name修改为“数飞OA 手机APP”。

                   res/AndroidMainfest.xml                   manifest file

                  

 

调整menu item

         建立项目后,我首先调整了menu item(右上角的菜单),最终有“刷新”和“设置”这两个菜单项。

         (一)、增加图标:new – other – android – android icon set-在Choose Icon Set Type这里选择Menu Icons,名称为ic_menu_set – 在 Configure Icon Set这里,text输入“设置”,font选择“微软雅黑”,完成。完成后res/drawable-hdpi等文件夹下多了ic_menu_set.png图片。

 

         (二)、修改menu/main.xml:打开main.xml后默认有个item,修改默认的id值,将showAsAction改为ifRoom,增加android:icon。修改后如下:

    <item

        android:id="@+id/action_settings1"

        android:icon="@drawable/ic_menu_set"

        android:orderInCategory="100"

        android:showAsAction="ifRoom"

        android:title="@string/action_settings"/>

 

         (三)、修改src下MainActivity.java的onOptionsItemSelected方法,将默认的action_settings修改为action_settings1。菜单触发就在这个方法下实现。

         (四)、“刷新”菜单按以上步骤增加,id设置为action_load

 

使用intent打开一个activity

         “设置”菜单的作用是打开一个activity。

         (一)、新建activity,new – other – android – android activity – next – next – activity name修改为setActivity-Hierarchical parent选择为com.example.oaapp2.MainActivity

         (二)、完成后在fragment_set上增加一个Plain Text和一个button

         (三)、在MainActivity.java:onOptionsItemSelected方法中实现代码:

       if (id == R.id.action_settings1) {

           Intent intent = new Intent(this, SetActivity.class);

           startActivity(intent);         

           return true;

       }

         (四)、eclipse中的小技巧:当复制代码到eclipse中,相关的类没有import的话会报错,使用快捷健ctrl + shift + o实现自动import。这个很好用。

 

EditText和button使用

         增加button的onClick方法,设置editText的值,获取editText的值。

         (一)、为了好识别,在fragment_set.xml中id分别修改为editTextUrl, buttonSet

 

         (二)、在fragment_set.xml中buttonSet增加android:onClick="buttonSetClick",其中buttonSetClick是自己增加的函数名称

 

         (三)、在SetActivity.java中增加buttonSetClick函数
         public void buttonSetClick (View view) {}

 

         (四)、在buttonSetClick里增加代码,获取EditText的值

       View rootView = (View)view.getParent();

       EditText editTextUrl =      (EditText)rootView.findViewById(R.id.editTextUrl);

       String sUrl = editTextUrl.getText().toString();     

 

关于APP已停止运行的提示

         刚开始写android app的时候,经常遇到“已停止运行”的提示,调试的时候发现null,那怕跟着developer.android的training一步步增加代码,也会这样。    

 

         一种情况是activity_main.xml和fragment_set.xml的问题。在SetActivity.java或MainActivity.java里直接用findViewById来获取fragment里的EditText,就肯定是null,用null去获取值在运行时肯定出现“停止运行”的提示。因此我在buttonSetClick里先用view.getParent()来获取EditText的上级。

 

         一种情况是函数名称写错了。比如在xml中定义了android:onClick="buttonSetClick",在

MainActivity.java中这个函数名不存在,在运行时一点击这个按纽就会出现“停止运行”。

 

使用SharedPreferences实现简单的读写

         我已拥有一个editText可以修改默认的网址,这个网址要保存,最简单的方法就是用SharedPreferences。

         (一)、在buttonSetClick后继续增加代码,实现保存输入的网址

       SharedPreferences sharedPref = this.getSharedPreferences("oaapp", Context.MODE_PRIVATE);

       Editor editor = sharedPref.edit();

       editor.putString("url", sUrl);

       editor.commit();

         (二)、在PlaceholderFragment的onCreateView里增加代码,实现editText自动显示保存的网址

 

 

使用WebView访问网页

         (一)打开res/layout/fragment_main.xml,去掉默认的hello text,从Composite里拉入WebView,并拉到最大。Id默认为webView1。

         (二)在MainActivity.java的PlaceholderFragment里修改onCreateView方法:

 

        

(三)在res/AndroidManifest.xml中设置权限。这个uses-permission跟application

平级,追加到</application>后。

         <uses-permission android:name="android.permission.INTERNET"/>

 

(四)、增加“刷新”菜单的代码:读取已设置的url,在webview中显示。

         在MainActivity中先定义一个全局Fragment fragment = null;

         修改onCreate方法:

                   if (savedInstanceState == null) {

                            fragment = new PlaceholderFragment();

                            getFragmentManager().beginTransaction()

                                               .add(R.id.container, fragment).commit();

                   }

         修改onOptionsItemSelected方法:

 

 

完成后的效果:

         (一)访问网页

 

         (二)设置要访问的网页

posted @ 2014-06-14 17:09  数飞尔  阅读(570)  评论(0编辑  收藏  举报