按钮点击操作

点击按钮,按钮收到信号后去做一件事情

思路:先在xml里画一个按钮,然后再Ui.js文件里编写监听事件

交互逻辑

在xml里绘制好按钮后预览会显示在屏幕上,此时我们手动去点击按钮不会有任何反应!
我们需要在ui.js里编写按钮的监听事件才可以获取到我们是否点了按钮,才能收到点击按钮的信号!

我们在xml里绘制按钮的时候一定要有android:tag="按钮" 这个属性否则无法知道要操作哪个按钮,只有写了这个属性在Ui.js里才能将tag为按钮的这个按钮对象拿到,才可以操作这个按钮.

xml示例

<?xml version="1.0" encoding="UTF-8" ?>
<ScrollView
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xmlns:android="http://schemas.android.com/apk/res/android"
        xsi:noNamespaceSchemaLocation="layout.xsd"
        android:layout_height="match_parent"
        android:layout_width="match_parent">
    <LinearLayout
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:orientation="vertical"
            android:padding="20dp">
         <Button android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:text="按钮"
                 android:tag="btn"/>
    </LinearLayout>
</ScrollView>

ui.js示例

function main() {
    ui.layout("参数设置", "main.xml");
    ui.setUIvar();// 初始化并将所有xml里的组件转为对象
    // 这是一个按钮点击事件监听
    // 参数说明
    // "btn" 指的是 xml里Button 组件的 android:tag="btn" 里的tag属性值为btn的按钮
    // "click" 指的是 监听操作的类型为点击操作
    // function 为匿名回调函数 此函数里做点击后要做的事情 这里是toast()
    ui.setEvent("btn","click",function (view) {
        toast("我是按钮,被点击了");
    })
}
main();