auto.js实现页面多样化，根据条件显示不同效果

autojs官方提供的文档有点少，有时候不符合我们的需求，这种情况下，只能是我们自己写，自己实现我们的需求，比如说我们开发一个列表页面，有数据的时候，显示这个数据，没有数据的时候呢，总不能显示白板吧，这样给用的体验就不好了，那么我们现在就来解决这个问题

有数据就显示在页面上，没有数据在页面上就显示没有数据和响应的图片

我们直接上代码

"ui";
ui.layout(
    <frame>
        <vertical w="*" h="auto" >
            <text gravity="center" h="50">多页面</text>
            <vertical id="showPage"></vertical>
        </vertical>

    </frame>
)
shohw();
function shohw() {
    var index = 1;
    var page1 = ui.inflate(
        <frame gravity="center_vertical" bg="#ffffff">
            <vertical gravity="center">
                <img w="120" src="https://img-blog.csdnimg.cn/2022010703262891820.png" />
                <text marginTop="10" gravity="center">暂时没有订单数据</text>
            </vertical>
        </frame>
    );
    var page2 = ui.inflate(
        <frame>
            <text>有数据页面</text>
        </frame>
    );
    var popWin;

    if (index == 0) {
        popWin = new android.widget.PopupWindow(page1, -1, -2)
    } else {
        popWin = new android.widget.PopupWindow(page2, -1, -2)
    }
    var is = new android.transition.Slide(android.view.Gravity.TOP)
    is.setDuration(250)
    popWin.setEnterTransition(is)
    var os = new android.transition.Slide(android.view.Gravity.TOP)
    os.setDuration(250)
    os.setMode(android.transition.Visibility.MODE_OUT)
    popWin.setExitTransition(os)
    setTimeout(function(){
        if (!popWin.isShowing()) {
            popWin.showAsDropDown(ui.showPage)
        }else{
            popWin.dismiss()
            popWin.showAsDropDown(ui.showPage)
        }
    },"10");
}

直接复制就可以运行，在代码中

if (index == 0) {
        popWin = new android.widget.PopupWindow(page1, -1, -2)
    } else {
        popWin = new android.widget.PopupWindow(page2, -1, -2)
    }

这一句代码就是判断有没有数据，有数据就把数据显示出来，没有就显示没有数据

转发请注明来源