使用网页开发软件界面

使用网页开发软件界面

 Android通过webview实现了js代码与java代码互相通信的功能.

 使得Android软件的界面也可以采用HTML网页技术.

 只需改变服务器端的代码.客户端不需要更改即可实现界面的更改变化.

 首先在布局文件中设置布局:

    <WebView

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:id="@+id/webview"/>

     然后在主Activity中设置显示和点击

        public class MainActivity extends Activity {

public static final String path = "http://192.168.1.100:8080/day_test/index.html";

WebView webview ;

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        webview = (WebView) this.findViewById(R.id.webview);

        //获取webview的控制信息 

        WebSettings  setting =  webview.getSettings();

        setting.setJavaScriptEnabled(true);//这个设置为true才能执行javascript

        //设置javascript的点击事件

        webview.addJavascriptInterface(new Object(){

         public void call(String phone){

         Intent intent = new Intent();

         intent.setAction(Intent.ACTION_CALL);

         intent.setData(Uri.parse("tel:"+phone));

         startActivity(intent);

         }

         //调用了javascript的方法来显示

         public void showcontacts(){

            //[{name:"xxx",amount:600,phone:"13988888"},{name:"bb",amount:200,phone:"1398788"}]

                //该数据是通过新建一个Info类来模拟的,一般的是通过数据库或者xml文件或者网络来获取.

                // 调用网页中的javascript 的方法 让数据显示到界面上 

                List<Info> infos = new ArrayList<Info>();

                Info info1 = new Info("zhangsan", "12345", "1000");

                Info info2 = new Info("zhangsan1", "123456", "2000");

                Info info3 = new Info("zhangsan2", "123457", "3000");

                infos.add(info1);

                infos.add(info2);

                infos.add(info3);

                

                try {

         JSONArray array = new JSONArray();

         for(Info info : infos){

         JSONObject object = new JSONObject();

         object.put("name", info.getName());

         object.put("amount", info.getAccout());

         object.put("phone", info.getPhone());

         array.put(object);

         }

          String json = array.toString();

          webview.loadUrl("javascript:show('"+json+"')");

         } catch (Exception e) {

         // TODO Auto-generated catch block

         e.printStackTrace();

         }

         }

        

        }, "contact");

        webview.loadUrl(path);

         

    }

}