更新记录

1.2.0（2023-04-13）

本次主要更新：

1. 设置页面或webview字体大小

1.1.0（2023-04-12）

本次主要更新： 1.增加 监听系统字号大小改变 方法

1.0.0（2023-04-10）

新版首发

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

KJ-SystemFont

获取系统设置里的字号字体大小、设置页面或webview字体大小(ios、android)

使用

<template>
    <view class="content" :style="{fontSize: fontSize}">
        <web-view ref="webview" class="webView" src="https://ext.dcloud.net.cn/publisher?id=22130"></web-view>
        <view class="btns">
            <button type="primary" :style="{fontSize: fontSize}" @click="getFont">获取系统设置里的字体比例/字号大小</button>
            <button type="primary" :style="{fontSize: fontSize}" @click="addFontChange">监听系统字号大小改变</button>
            <button type="primary" :style="{fontSize: fontSize}" @click="removeFontChange">移除系统字号大小改变</button>
            <button type="primary" :style="{fontSize: fontSize}" @click="setWebViewFontScale2">设置webview字体比例</button>
            <view>字体比例/字号:{{json}}</view>
        </view>

    </view>
</template>

<script>
    const KJSystemFont = uni.requireNativePlugin('KJ-SystemFont');
    export default {
        data() {
            return {
                json: '',
                fontSize: "17px"
            }
        },
        onLoad() {
            setTimeout(() => {
                this.addFontChange();
            }, 500);
            var currentWebview = this.$scope
                .$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效
            setTimeout(() => {
                var wv = currentWebview.children()[0]
                wv.setStyle({
                    top: uni.getSystemInfoSync().statusBarHeight + 44,
                    height: 300
                })
            }, 1000); //如果是页面初始化调用时，需要延时一下
        },
        methods: {
            getFont() {
                KJSystemFont.getFont((res) => {
                    console.log("getFont:" + JSON.stringify(res));
                    /**
                     * 返回json字段说明：
                     * ios： {"fontSize":"17","fontScale":"1.00"}
                     * fontSize - 字号 17(默认字号)   14 15 16 17 19 21 23 28 33 40 47 53
                     * fontScale - 字体大小比例 1.00(默认比例)  0.82 0.88 0.94 1.00 1.12 1.24 1.35 1.65 1.94 2.35 2.76 3.21
                     * andorid：{"fontScale":"1"}
                     * fontScale - 字体大小比例  1(默认比例)  //小米手机：0.81超小, 0.86小号，1 默认大小, 1.25 大号，1.4 超大 可能每个手机返回的都不一样
                     * */
                    this.json = JSON.stringify(res);
                    //this.fontSize = res.fontScale * 17 + "px"; //某个view设置大小
                    this.setWebViewFontScale(res.fontScale);
                })
            },
            addFontChange() {
                /**
                 * 注意：andorid设置系统字体大小比例后，有时候app会重启
                 * */
                KJSystemFont.addFontChange((res) => {
                    console.log("addFontChange:" + JSON.stringify(res));
                    /**
                     * 返回json字段说明：
                     * ios： {"fontSize":"17","fontScale":"1.00"}
                     * fontSize - 字号 17(默认字号)   14 15 16 17 19 21 23 28 33 40 47 53
                     * fontScale - 字体大小比例 1.00(默认比例)  0.82 0.88 0.94 1.00 1.12 1.24 1.35 1.65 1.94 2.35 2.76 3.21
                     * andorid：{"fontScale":"1"}
                     * fontScale - 字体大小比例  1(默认比例)  //小米手机：0.81超小, 0.86小号，1 默认大小, 1.25 大号，1.4 超大 可能每个手机返回的都不一样
                     * */
                    this.json = JSON.stringify(res);
                    //this.fontSize = res.fontScale * 17 + "px"; //某个view设置大小
                    this.setWebViewFontScale(res.fontScale);
                })
            },
            removeFontChange() {
                KJSystemFont.removeFontChange()
            },
            setWebViewFontScale(fontScale) {
                /**
                 * 支持设置vue页面，webview组件，非全局，不保证所有内容都生效
                 * */
                KJSystemFont.setWebViewFontScale({
                    "fontScale": fontScale
                })
            },
            setWebViewFontScale2() {
                this.setWebViewFontScale("5");
            }
        }
    }
</script>
<style>
    .content {
        font-size: 17px;
    }

    .btns {
        margin-top: 300px;
    }
</style>