Uniapp Demo 常用API

全局变量:
https://ask.dcloud.net.cn/article/35021
定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。
注意这种方式只支持多个vue页面或多个nvue页面之间公用,vue和nvue之间不公用。
App.vue


<script>
        var serialport = uni.requireNativePlugin("wrs-serialport")
        var bluetoothcenter = uni.requireNativePlugin("wrs-bluetoothcenter")
    export default {
        globalData: {
            serialport: serialport,
            bluetoothcenter: bluetoothcenter
        },
        onLaunch: function() {
            console.log('App Launch')
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }
</script>

<style>
    /*每个页面公共css */
</style>

使用:


        data() {
            let bluetoothcenter = getApp().globalData.bluetoothcenter
            return {
                bluetoothcenter: bluetoothcenter
            }
        },

msg自动换行


<text class="msg">{{msg}}</text>

.msg {
         white-space: normal; /* 或者 pre-wrap,根据需求选择 */
         word-break: break-all;
         margin-left: 20upx;
         margin-right: 20upx;
}

判断是iOS还是Android

            var isAndroid = true
            switch (uni.getSystemInfoSync().platform) {
                // android
                case 'android':
                    isAndroid = true
                    break;
                    // ios
                default:
                    isAndroid = false
                    break;
            }

相对路径与绝对路径转换


    var url="_www/index.html";
    var path=plus.io.convertLocalFileSystemURL(url);
    var newurl = plus.io.convertAbsoluteFileSystem(path);

Android请求动态权限


                this.requestPermission([
                    "android.permission.BLUETOOTH_ADMIN",
                    "android.permission.BLUETOOTH",
                    "android.permission.ACCESS_FINE_LOCATION",
                    "android.permission.READ_EXTERNAL_STORAGE",
                    "android.permission.WRITE_EXTERNAL_STORAGE"
                ])


                requestPermission: function(permissions) {
                plus.android.requestPermissions(
                    permissions,
                    function(resultObj) {
                        for (var i = 0; i < resultObj.granted.length; i++) {
                            var grantedPermission = resultObj.granted[i];
                            console.log('已获取的权限:' + grantedPermission);
                        }
                        for (var i = 0; i < resultObj.deniedPresent.length; i++) {
                            var deniedPresentPermission = resultObj.deniedPresent[i];
                            console.log('拒绝本次申请的权限:' + deniedPresentPermission);
                        }
                        for (var i = 0; i < resultObj.deniedAlways.length; i++) {
                            var deniedAlwaysPermission = resultObj.deniedAlways[i];
                            console.log('永久拒绝申请的权限:' + deniedAlwaysPermission);
                        }
                        // 若所需权限被永久拒绝,则打开APP设置界面,可以在APP设置界面打开相应权限  
                        if (resultObj.deniedAlways.length > 0) {
                            // var Intent = plus.android.importClass("android.content.Intent");
                            // var Settings = plus.android.importClass("android.provider.Settings");
                            // var Uri = plus.android.importClass("android.net.Uri");
                            // var mainActivity = plus.android.runtimeMainActivity();
                            // var intent = new Intent();
                            // intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
                            // var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
                            // intent.setData(uri);
                            // mainActivity.startActivity(intent);
                        }
                    },
                    function(error) {
                        console.log('申请权限错误:' + error.code + " = " + error.message);
                    });
            },
            showModel: function(msg) {
                uni.showModal({
                    title: '提示',
                    content: msg,
                    success: function(res) {
                        if (res.confirm) {
                            console.log('用户点击确定');
                        } else if (res.cancel) {
                            console.log('用户点击取消');
                        }
                    }
                });
            },
            showToast: function(msg) {
                uni.showToast({
                    title: msg,
                    duration: 2000
                });
            },
            showActionSheet: function(itemList, clickFun) {
                uni.showActionSheet({
                    itemList: itemList,
                    success: function(res) {
                        if (clickFun) {
                            clickFun(res.tapIndex);
                        }
                    },
                    fail: function(res) {
                        console.log(res.errMsg);
                    }
                });
            },
            clear() {
                this.msg = null
            },
            showMsg(info) {
                console.log(info)
                if (this.msg) {
                    this.msg = this.msg + "\n" + info
                } else {
                    this.msg = info
                }
            }

全局变量:

main.js


var wrsSqlite = uni.requireNativePlugin("wrs-sqlite");
Vue.prototype.$wrsSqlite = wrsSqlite


使用:


            this.$wrsSqlite.setDBCallback((resp) => {
                var opt = resp.opt;
                if (opt == "onCreate") {
                    this.showMsg("创建数据库");
                } else if (opt == "onOpen") {
                    this.showMsg("打开数据库");
                    this.initTable();
                } else if (opt == "onUpgrade") {
                    var oldVersion = resp.oldVersion;
                    var newVersion = resp.newVersion;
                    this.showMsg("数据库升级,oldVersion:" + oldVersion + "  newVersion:" + newVersion);
                }
            });

user.js


var wrsSqlite = uni.requireNativePlugin("wrs-sqlite");
export function findAllUser() {
  wrsSqlite.findAllUser()
}

原生与uniapp的长度单位关系


            const {
                windowWidth,
                windowHeight,
                statusBarHeight
            } = uni.getSystemInfoSync();
            console.log("UNIApp windowWidth:" + windowWidth + " windowHeight:" + windowHeight)
            let info = getScreenInfo()
            console.log("原生:" + JSON.stringify(info))

iphone X:
 windowWidth:375 windowHeight:724 
 原生:{"height":812,"scale":3,"width":375} 

812  = 724 + 44(状态栏) + 34

android:
UNIApp windowWidth:362 windowHeight:714
 原生:{"widthPixels":1080,"density":2.987499952316284,"heightPixels":2265,"scaledDensity":2.987499952316284,"densityDpi":478}
1080 =  362 *  2.987499952316284(density)

结论:
uni.getSystemInfoSync() 获取的回来的数值单位是dp

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容