案例-日志框架

  • 更新时间:2026-03-14 11:51:24

一个简单的日志框架综合案例

Xml代码

<ui>
    <statusbar/>
    <coord w="max" h="max">
        <appbar-layout w="max">
            <appbar w="max" id="mAppbar" back="true" title="我的应用">
                <item icon="ic_article_outline" text="日志"/>
                <item icon="ic_picture_in_picture_outline" text="日志悬浮窗"/>
            </appbar>
        </appbar-layout >
        <log behavior="appbar" id="log" w="max" h="max"/>
        <fab behavior="fab" id="fab" icon="ic_delete_outline_fill" iconTint="red" layoutGravity="bottom|end" margin="30"/>
    </coord>
</ui>

Js代码

let ui = $ui.layout("main.xml");
let mAppbar = ui.id("mAppbar");
mAppbar.back(()=>{
   ui.finish();
});
mAppbar.menu((txt)=>{
    if (txt==="日志"){
        //显示日志主界面
        $log.activity();
    }
    if (txt==="日志悬浮窗"){
        //显示日志悬浮窗
        $log.floaty();
    }
});
//悬浮按钮
let fab = ui.id("fab");
fab.click(() => {
    //删除日志缓存
    $log.delete();
});
//显示界面
ui.show();