javascript - 不明白如何在使用 PhoneGap 时将数据从 Android Activity 传递到 HTML UI

Question

我不明白如何做到这一点，因为没有带有 PhoneGap 的 WebActivities，只有您的 Activity 类和您的 index.html 页面。我有一个看起来像这样的 MainActivity...

public class MastersProjectActivity extends DroidGap
{
    @JavascriptInterface
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        // Set by <content src="index.html" /> in config.xml
        //super.loadUrl(Config.getStartUrl());
        super.loadUrl("file:///android_asset/www/index.html");
        Context myCntxt = getApplicationContext();

        TelephonyManager tMgr = (TelephonyManager)myCntxt.getSystemService(Context.TELEPHONY_SERVICE);
        String curPhoneNumber = tMgr.getLine1Number();
        Log.d("PhoneNumber", curPhoneNumber);

    }
}

...我希望能够在 index.html 页面中使用 curPhoneNumber，该页面在 PhoneGap 中包含整个 UI。关于如何做到这一点的任何想法？总的来说，我是 Android 开发的新手，当然对 PhoneGap 也是如此。老实说，我仍然不太明白 index.html 页面是如何呈现为 Android UI 的。我需要将 index.html 页面包装在 WebActivity 中吗？我不确定这是否会在 PhoneGap 创建 .apk 的方式中产生任何问题。

编辑 - 我尝试实现，但它对我不起作用，我得到的只是一条字面意思是 "interface.getPhoneNumber()" 的警告。我可能错误地实现了 'MyInterface' 类？这是我制作的类(class)....

public class MyInterface extends DroidGap {
    private MastersProjectActivity _activity;
    private CordovaWebView _view;

    public MyInterface(MastersProjectActivity activity, CordovaWebView view) {
        this._activity = activity;
        this._view = view;
    }

    @JavascriptInterface
    public String getPhoneNumber() {
        Context myCtxt = getApplicationContext();
        return ((TelephonyManager)myCtxt.getSystemService(Context.TELEPHONY_SERVICE)).getLine1Number();
    }
}

...然后我在我的主要 Activity 中公开了 javascript 接口(interface)...

  @Override
    public void onCreate(Bundle savedInstanceState)
    {
        .
        .
        .
        super.appView.addJavascriptInterface(new MyInterface(this, appView), "interface");
    }

...然后我在 index.html 文件中调用 alert("interface.getPhoneNumber()")，但我得到的只是提示的字符串，它实际上并不调用 getPhoneNumber()。

Answer 1

您可以在名为 MyInterface 的接口(interface)对象中公开方法，该方法将从在 index.html 中运行的 Javascript 调用。例如，您可以在 MyInterface 中使用如下方法:

@JavascriptInterface
public String getPhoneNumber(){
return (TelephonyManager)myCntxt.getSystemService(Context.TELEPHONY_SERVICE).getLine1Number();
}

然后，在您的 onCreate() 中，您将公开一个 MyInterface 实例，如下所示:

public void onCreate(Bundle savedInstanceState){
//...
super.appView.addJavascriptInterface(new MyInterface(this,appView), "interface");
}

然后，在您的 index.html 中，您将有一些调用此方法的 Javascript。例如，

<script type="text/javascript">
alert("interface.getPhoneNumber()");
</script>

看看这个 question有关如何操作的详细信息。

编辑:首先，MyInterface 不需要扩展 DroidGap，例如，它是一个简单的 POJO。 .

其次，我在 JS 中犯了一个小错误:你不需要双引号。

<script type="text/javascript">
alert(window.interface.getPhoneNumber());
</script>

三、如记here ，您需要在 super.onCreate() 之后添加此行:

super.init(); // Calling this is necessary to make this work

一个小小的想法:您可以使用 this._activity 作为上下文，而不是在 getPhoneNumber() 中调用 getApplicationContext()。