更新记录

1.0.0（2024-11-25）

初始化版本

平台兼容性

安卓端 悬浮窗

开发文档

功能点

• 支持拖动
• 支持窗口关闭
• 支持应用外显示
• .....

方法调用参数设置

• type 类型 0-自定义内容，1-webview加载(待补充) ,2-圆形浮球状(待补充)
• content 内容
• title 标题
• floatX 用坐标点控制位置
• floatY 用坐标点控制位置
• textSize 文本内容字号
• titleSize 标题内容字号
• textColor 文本内容颜色
• outsideShow 是否在应用外显示
• layoutFinish layout视图加载完成回调

代码示例

<template>
    <view>
        <button id="btns" class="btn" type="primary" @click="openFloatW">显示悬浮窗</button>
    </view>
</template>

<script setup>
    import { showFloatW } from '@/uni_modules/xwq-floating-w';
    import type {OptionType} from '@/uni_modules/xwq-floating-w';

    const openFloatW=()=>{

        let params={ 
            type:'0',//类型：0-内容显示   1-webview显示  2-加载一张图片并设置成圆形
            title: "悬浮窗标题悬浮窗标题悬浮窗标题悬浮窗标题悬浮窗标题", //标题
            content: "悬浮窗的内容悬浮窗的内容悬浮窗的内容悬浮窗的内容悬浮窗的内容" ,//内容显示，type为0生效
            floatX:80,//悬浮窗的X坐标位置，基于屏幕像素点自动转换
            floatY:150,//悬浮窗的Y坐标位置，基于屏幕像素点自动转换
            textSize:20,//内容字号大小
            titleSize:16,//标题字号大小
            textColor:"#ffff00",//内容颜色
            outsideShow:false,//应用切回后台，是否显示悬浮窗
            layoutFinish:()=>{
                console.log('view视图加载完成')
            }
        } as OptionType;
        showFloatW(params);
    };

</script>