秋月苑
秋月苑
  • 发布:2014-11-19 17:30
  • 更新:2014-11-20 13:42
  • 阅读:2363

如何调用android原生的Toast

分类:HTML5+

我想做个调用原生控件的例子,但是总有些问题程序报错。求导包和调用显示Toast的代码

2014-11-19 17:30 负责人:无 分享
已邀请:
DCloud_heavensoft

DCloud_heavensoft

Hello H5+的nativeUI里。
api是plus.nativeUI.toast

  • 秋月苑 (作者)

    谢谢,我其实不是要问这个。我想问的是怎么调用原生API。现在已经弄明白了。

    2014-11-20 13:33

秋月苑

秋月苑 (作者)

代码附上```javascript
<!DOCTYPE html>
<html>

<head>  
    <meta charset="utf-8" />  
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />  
    <title>Android Javascript Bridge</title>  
    <script type="text/javascript">  
         // 监听plusready事件    
        document.addEventListener("plusready", function() {  
            switch (plus.os.name) {  
                case "Android":  
                    // 程序全局环境对象  
                    mainActivity = plus.android.runtimeMainActivity();  
                    break;  
                default:  
                    break;  
            }  
        }, false);  
         // 保存Android全局环境对象  
        var mainActivity = null;  

        /**  
         * 在Android平台通过NJS显示系统提示框  
         */  
        function njsAlertForAndroid() {  
            var Toast = plus.android.importClass("android.widget.Toast");  
            var toast = new Toast(mainActivity);  
            toast.makeText(mainActivity, "Toast", Toast.LENGTH_SHORT).show();  
        }  

        function showNjsView() {  
            switch (plus.os.name) {  
                case "Android":  
                    njsAlertForAndroid();  
                    break;  
                case "iOS":  
                    njsAlertForiOS();  
                    break;  
                default:  
                    alert("此平台不支持!");  
                    break;  
            }  
        }  
    </script>  
</head>  

<body>  
    <div style="width: 100px;height: 100px;text-align: center;font-size: 18px;" onclick="showNjsView()">Toast</div>  
</body>  

</html>

秋月苑

秋月苑 (作者)

<!DOCTYPE html>
<html>

<head>  
    <meta charset="utf-8" />  
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />  
    <title>Android Javascript Bridge</title>  
    <script type="text/javascript">  
         // 监听plusready事件    
        document.addEventListener("plusready", function() {  
            switch (plus.os.name) {  
                case "Android":  
                    // 程序全局环境对象  
                    mainActivity = plus.android.runtimeMainActivity();  
                    break;  
                default:  
                    break;  
            }  
        }, false);  
         // 保存Android全局环境对象  
        var mainActivity = null;  

        /**  
         * 在Android平台通过NJS显示系统提示框  
         */  
        function njsAlertForAndroid() {  
            var Toast = plus.android.importClass("android.widget.Toast");  
            var toast = new Toast(mainActivity);  
            toast.makeText(mainActivity, "Toast", Toast.LENGTH_SHORT).show();  
        }  

        function showNjsView() {  
            switch (plus.os.name) {  
                case "Android":  
                    njsAlertForAndroid();  
                    break;  
                case "iOS":  
                    njsAlertForiOS();  
                    break;  
                default:  
                    alert("此平台不支持!");  
                    break;  
            }  
        }  
    </script>  
</head>  

<body>  
    <div style="width: 100px;height: 100px;text-align: center;font-size: 18px;" onclick="showNjsView()">Toast</div>  
</body>  

</html>

该问题目前已经被锁定, 无法添加新回复