注册 登录
发贴工具
自动发帖软件»群发软件 › 群发软件公告教程 › AIWORK源码分享 › floatUI悬浮窗 实用示例合集
返回列表 发帖
查看: 21|回复: 0
打印 上一主题 下一主题

[24小时收录超级好的网站] floatUI悬浮窗 实用示例合集

[复制链接]

2244

主题

2292

帖子

1万

积分

积分
13668
跳转到指定楼层
楼主
发帖软件 发表于 13 小时前 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式

如何使用 floatUI 创建不同的 UI 组件，并为它们设置点击事件。每个示例都展示了不同的 UI 布局和事件处理逻辑。

示例 1: 创建一个带有多个按钮的垂直布局，并为每个按钮设置不同的点击事件

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <button text="按钮1" id="button1"/>
        <button text="按钮2" id="button2"/>
        <button text="按钮3" id="button3"/>
    </vertical>
`);

f1.findViewById('button1').setOnClickListener(function() {
    printl("按钮1被点击了");
});

f1.findViewById('button2').setOnClickListener(function() {
    printl("按钮2被点击了");
});

f1.findViewById('button3').setOnClickListener(function() {
    printl("按钮3被点击了");
});


示例 2: 创建一个带有输入框和按钮的布局，点击按钮时获取输入框的内容

var f2 = new floatUI();
f2.loadSXML(`
    <vertical>
        <input id="input1" hint="请输入内容"/>
        <button text="提交" id="submitButton"/>
    </vertical>
`);

f2.findViewById('submitButton').setOnClickListener(function() {
    var inputText = f2.findViewById('input1').getText();
    printl("输入的内容是：" + inputText);
});


示例 3: 创建一个带有复选框的布局，点击按钮时获取复选框的状态

var f3 = new floatUI();
f3.loadSXML(`
    <vertical>
        <checkbox text="选项1" id="checkbox1"/>
        <checkbox text="选项2" id="checkbox2"/>
        <button text="确认" id="confirmButton"/>
    </vertical>
`);

f3.findViewById('confirmButton').setOnClickListener(function() {
    var isChecked1 = f3.findViewById('checkbox1').isChecked();
    var isChecked2 = f3.findViewById('checkbox2').isChecked();
    printl("选项1的状态：" + isChecked1);
    printl("选项2的状态：" + isChecked2);
});


示例 4: 创建一个带有进度条的布局，点击按钮时更新进度条

var f4 = new floatUI();
f4.loadSXML(`
    <vertical>
        <progressbar id="progressBar" max="100"/>
        <button text="更新进度" id="updateButton"/>
    </vertical>
`);

f4.findViewById('updateButton').setOnClickListener(function() {
    var progressBar = f4.findViewById('progressBar');
    var currentProgress = progressBar.getProgress();
    progressBar.setProgress(currentProgress + 10);
    printl("当前进度：" + progressBar.getProgress());
});


示例 5: 创建一个带有单选按钮的布局，点击按钮时获取选中的单选按钮

var f5 = new floatUI();
f5.loadSXML(`
    <vertical>
        <radiogroup id="radioGroup">
            <radiobutton text="选项1" id="radio1"/>
            <radiobutton text="选项2" id="radio2"/>
            <radiobutton text="选项3" id="radio3"/>
        </radiogroup>
        <button text="确认选择" id="confirmButton"/>
    </vertical>
`);

f5.findViewById('confirmButton').setOnClickListener(function() {
    var radioGroup = f5.findViewById('radioGroup');
    var selectedId = radioGroup.getCheckedRadioButtonId();
    var selectedButton = f5.findViewById(selectedId);
    printl("选中的选项是：" + selectedButton.getText());
});


示例 6: 创建一个带有图片的布局，点击按钮时更换图片

var f6 = new floatUI();
f6.loadSXML(`
    <vertical>
        <image id="imageView" src="https://example.com/image1.png"/>
        <button text="更换图片" id="changeImageButton"/>
    </vertical>
`);

f6.findViewById('changeImageButton').setOnClickListener(function() {
    var imageView = f6.findViewById('imageView');
    imageView.setImage("https://example.com/image2.png");
    printl("图片已更换");
});

示例 7: 创建一个带有列表的布局，点击按钮时获取选中的列表项

var f7 = new floatUI();
f7.loadSXML(`
    <vertical>
        <list id="listView">
            <item text="选项1"/>
            <item text="选项2"/>
            <item text="选项3"/>
        </list>
        <button text="获取选中项" id="getSelectedButton"/>
    </vertical>
`);

f7.findViewById('getSelectedButton').setOnClickListener(function() {
    var listView = f7.findViewById('listView');
    var selectedItem = listView.getSelectedItem();
    printl("选中的选项是：" + selectedItem.getText());
});


示例 8: 创建一个带有滑动条的布局，点击按钮时获取滑动条的值

var f8 = new floatUI();
f8.loadSXML(`
    <vertical>
        <seekbar id="seekBar" max="100"/>
        <button text="获取值" id="getValueButton"/>
    </vertical>
`);

f8.findViewById('getValueButton').setOnClickListener(function() {
    var seekBar = f8.findViewById('seekBar');
    var value = seekBar.getProgress();
    printl("当前滑动条的值是：" + value);
});


示例 9: 创建一个带有对话框的布局，点击按钮时显示对话框

var f9 = new floatUI();
f9.loadSXML(`
    <vertical>
        <button text="显示对话框" id="showDialogButton"/>
    </vertical>
`);

f9.findViewById('showDialogButton').setOnClickListener(function() {
    var dialog = new floatUI();
    dialog.loadSXML(`
        <vertical>
            <text text="这是一个对话框"/>
            <button text="关闭" id="closeButton"/>
        </vertical>
    `);

    dialog.findViewById('closeButton').setOnClickListener(function() {
        dialog.dismiss();
    });

    dialog.show();
});


示例 10: 创建一个带有多个布局的复杂 UI，点击按钮时切换布局

var f10 = new floatUI();
f10.loadSXML(`
    <vertical>
        <layout id="layout1">
            <text text="这是布局1"/>
            <button text="切换到布局2" id="switchToLayout2"/>
        </layout>
        <layout id="layout2" visibility="gone">
            <text text="这是布局2"/>
            <button text="切换到布局1" id="switchToLayout1"/>
        </layout>
    </vertical>
`);

f10.findViewById('switchToLayout2').setOnClickListener(function() {
    f10.findViewById('layout1').setVisibility("gone");
    f10.findViewById('layout2').setVisibility("visible");
});

f10.findViewById('switchToLayout1').setOnClickListener(function() {
    f10.findViewById('layout2').setVisibility("gone");
    f10.findViewById('layout1').setVisibility("visible");
});


这些示例展示了如何使用 floatUI 创建不同的 UI 组件，并为它们设置点击事件。你可以根据需要调整这些示例，以适应你的具体需求。

以下是10个复杂且实用的 floatUI 示例，涵盖了不同的功能和场景。每个示例都展示了如何创建和操作浮动界面，并添加不同的交互逻辑。

1. 多按钮联动

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <button text="按钮1" id="button1"/>
        <button text="按钮2" id="button2"/>
        <button text="按钮3" id="button3"/>
    </vertical>
`);

f1.findViewById('button1').setOnClickListener(function() {
    printl("按钮1被点击了");
    f1.findViewById('button2').setText("按钮1被点击了");
});

f1.findViewById('button2').setOnClickListener(function() {
    printl("按钮2被点击了");
    f1.findViewById('button3').setText("按钮2被点击了");
});

f1.findViewById('button3').setOnClickListener(function() {
    printl("按钮3被点击了");
    f1.findViewById('button1').setText("按钮3被点击了");
});

2. 动态添加按钮

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <button text="添加按钮" id="addButton"/>
        <vertical id="buttonContainer"/>
    </vertical>
`);

var buttonCount = 0;
f1.findViewById('addButton').setOnClickListener(function() {
    buttonCount++;
    var newButton = f1.createView('<button text="新按钮' + buttonCount + '"/>');
    newButton.setOnClickListener(function() {
        printl("新按钮" + buttonCount + "被点击了");
    });
    f1.findViewById('buttonContainer').addView(newButton);
});


3. 切换界面

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <button text="切换到界面1" id="switchButton1"/>
        <button text="切换到界面2" id="switchButton2"/>
        <vertical id="container"/>
    </vertical>
`);

var view1 = f1.createView('<vertical><text text="这是界面1"/></vertical>');
var view2 = f1.createView('<vertical><text text="这是界面2"/></vertical>');

f1.findViewById('switchButton1').setOnClickListener(function() {
    f1.findViewById('container').removeAllViews();
    f1.findViewById('container').addView(view1);
});

f1.findViewById('switchButton2').setOnClickListener(function() {
    f1.findViewById('container').removeAllViews();
    f1.findViewById('container').addView(view2);
});


4. 输入框与按钮

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <input id="inputField" hint="请输入内容"/>
        <button text="提交" id="submitButton"/>
        <text id="outputText"/>
    </vertical>
`);

f1.findViewById('submitButton').setOnClickListener(function() {
    var inputText = f1.findViewById('inputField').getText();
    f1.findViewById('outputText').setText("你输入了: " + inputText);
});


5. 进度条与按钮

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <progressbar id="progressBar" max="100"/>
        <button text="开始加载" id="startButton"/>
    </vertical>
`);

f1.findViewById('startButton').setOnClickListener(function() {
    var progress = 0;
    var interval = setInterval(function() {
        progress += 10;
        f1.findViewById('progressBar').setProgress(progress);
        if (progress >= 100) {
            clearInterval(interval);
            printl("加载完成");
        }
    }, 500);
});


6. 列表与点击事件

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <list id="itemList"/>
    </vertical>
`);

var items = ["项目1", "项目2", "项目3", "项目4"];
items.forEach(function(item) {
    var listItem = f1.createView('<text text="' + item + '"/>');
    listItem.setOnClickListener(function() {
        printl("你点击了: " + item);
    });
    f1.findViewById('itemList').addView(listItem);
});


7. 复选框与按钮

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <checkbox text="选项1" id="checkbox1"/>
        <checkbox text="选项2" id="checkbox2"/>
        <button text="提交" id="submitButton"/>
    </vertical>
`);

f1.findViewById('submitButton').setOnClickListener(function() {
    var isChecked1 = f1.findViewById('checkbox1').isChecked();
    var isChecked2 = f1.findViewById('checkbox2').isChecked();
    printl("选项1: " + isChecked1 + ", 选项2: " + isChecked2);
});


8. 图片与点击事件

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <image id="imageView" src="https://via.placeholder.com/150"/>
        <button text="点击图片" id="imageButton"/>
    </vertical>
`);

f1.findViewById('imageButton').setOnClickListener(function() {
    printl("图片被点击了");
});


9. 滑动条与显示值

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <seekbar id="seekBar" max="100"/>
        <text id="seekValue"/>
    </vertical>
`);

f1.findViewById('seekBar').setOnSeekBarChangeListener(function(progress) {
    f1.findViewById('seekValue').setText("当前值: " + progress);
});


10. 多页面切换

var f1 = new floatUI();
f1.loadSXML(`
    <vertical>
        <button text="页面1" id="page1Button"/>
        <button text="页面2" id="page2Button"/>
        <vertical id="pageContainer"/>
    </vertical>
`);

var page1 = f1.createView('<vertical><text text="这是页面1"/></vertical>');
var page2 = f1.createView('<vertical><text text="这是页面2"/></vertical>');

f1.findViewById('page1Button').setOnClickListener(function() {
    f1.findViewById('pageContainer').removeAllViews();
    f1.findViewById('pageContainer').addView(page1);
});

f1.findViewById('page2Button').setOnClickListener(function() {
    f1.findViewById('pageContainer').removeAllViews();
    f1.findViewById('pageContainer').addView(page2);
});


总结

floatUI悬浮窗 实用示例合集 群发软件发帖工具 floatUI悬浮窗 实用示例合集 群发软件发帖工具 floatUI悬浮窗 实用示例合集 群发软件发帖工具 floatUI悬浮窗 实用示例合集 群发软件发帖工具 floatUI悬浮窗 实用示例合集 群发软件发帖工具

这些示例展示了 floatUI 的强大功能，涵盖了从简单的按钮点击到复杂的界面切换和动态内容加载。你可以根据实际需求对这些代码进行修改和扩展，以实现更复杂的功能。


AIWROK软件
楼主新帖
楼主热帖
untoAIWROK软件找图__方法小汇集nextnocontent

相关帖子
回复

使用道具 举报

返回列表 发帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关导读了
    采集亚马逊正版群发工具有没有？
    Apr.20旅行X心语今天来说说YYPOST新功能的一个灵活用法，采集亚马逊商品信息，并且获得排名的软件，亚马逊现在越来越多客户做，淘宝的水是越来越清了，以前做电商的客户，现在都转战到外国，最赚钱的要数一些客户往亚马逊里堆了吧，拿我这个YYPOST的客户，最多的是采集，分析排名，刷价格，刷数量，改价，刷访问量等等技术
    企业发展B2B网站有什么东东软件可以发呢
    标题企业发展网B2B软件，现在虽然B2B网站收录不错，可愁的是心急的人们，他们太想一口吃撑胖子了，发帖宣传虽然不能像佛系那样淡定，但也不能像跑火车那般急躁对待，自己内容不收录，完全是自己操作内容问题，可以参考一下别人的内容是怎么弄的，然后自己要试着转变，而且收录这个内容，常常会变化的，不是一种规则就吃到老
    搜房天下房聊软件哪一个好呢
    本帖最后由 发帖软件 于 2019-5-22 16:15 编辑 2搜房天下群发房聊信息软件，开始本来打算做58同城的，但发一个就要一次点触验证码，这就让人没有感觉到存在的价值了吧，都是卖二手房和新房的搜房天下倒是可以发即时聊天信息，也没有发现他这个网站有啥子限制，登陆一个搜房天下账号，然后采集回来分类列表的网址，然后就一
    大家坛有没有好用的群发工具下载呢
    当你的笑容给我礼貌的招呼，大家坛全自动发帖软件，宣传推广是一场持久战，总是有一些人把软件用了一天，或是几个小时，就觉得自己付出太多了，那加进来的粉丝，或是流量，应该是和宣传多少成正比的，其实没有这么便宜的事，就像很多阅读量超过一百万的视频，或是电影，真正会在屏幕打赏的人不会超过三千，真正大额打赏给主
    群发正版软件中国塑料网
    中国塑料网群发软件YYPOST脚本下载地址，这个网站会有一个很奇怪的问题就是你在首页登陆无半个验证码，但在登陆网址登陆就会有一个验证码，所以我们灵活一些，在首页登陆就不用输入验证码了哈。网站秒收录比较高，但发的都是五金和建筑行业，先前有很多人都是发土建工程的大公司操作的，现在这个网站专为那个行业诞生的吧。
    OpenStreetMap网站正版2019年发帖工具下载
    本帖最后由 发帖软件 于 2019-5-21 11:13 编辑 OpenStreetMap网站全自动群发，OpenStreetMapOpenStreetMap（简称OSM，中文是公开地图）是一个网上地图协作计划，目标是创造一个内容自由且能让所有人编辑的世界地图。有的人编辑地图然后等收录，有的人发日志等收录，我们这里也是利用地图日志做为宣传的目标，简单的脚本理
    搜房天下全自动收短信全自动识别验证码注册账号软件
    房天下自动注册机，这个脚本是前几天发房聊的脚本廷伸品种，这个脚本能做到自动注册账号，自动保存账号，自动发房聊的效果，不过今天我们主要说一说怎么注册账号写脚本吧，这个搜房天天下的账号，可以发提问，可以发房聊，发论坛，发博客，还有发个人中心页都是有秒收的效果的，这样就省去了去买号，去乱花钱的效果了吧，而
    企业邮箱安卓端有什么APP软件可以发的呢
    请输入标题企业邮箱安卓发发送邮箱脚本，这个脚本是利用企业邮箱进行群发的，全程是一种模拟手工操作的过程，所以封号是很少的，而且企业邮箱群发到普通QQ邮箱不容易进垃圾箱中的，所以这个脚本也是这样的原理，不过最好是利用一些多开器，登陆多点的QQ邮箱账号会比较流畅一些，然后用软件一个一个的切换APP进行群发邮件会
    头条留评论软件有没有好用的呢？
    今天整一个今日头条留言软件，对于留言YYPOST是优势是比较大的存在，因为他往往专注一些下拉定位的优点，像今日头条这样，还是需要一些特殊下拉定位的，因为他新闻有长有短，有图有视频的，所以综合起来定位是比较难的，如果用POST也不是很轻松可以破解他的加密参数。这个脚本也是有一个不好的地方就是换号会比较麻烦，您电
    单网页生成神器
    最近新技术，网页生成机占领了整个网络的半壁江山，效果很疯狂，虽然不知道能持续多久，作为开发软件的领头者，一直在找收录的方法，一直在努力创新着，一直被人模仿，却从没有被超越过，这个网页生成机，已经出来有一段时间了，一直没有拿出来分享，醉过醉过，它是利用的一些小小收录漏洞整的，您最好用一些老站域名，进行
关闭
本站开发自动发帖软件是目前效果最好的发贴工具，软件可以兼容所有的论坛，进行群发贴子，可以对各大论坛自主录制操作流程，自动识别 验证码，自动注册账号，自动群发贴子，还可以设置成自动抢沙发，是推广宣传的神级软件，软件可以兼容任何IE能顶贴发贴论坛，完全可以 做成论坛发贴软件，生成脚本，对各大论坛程序完美支持的。软件不但发的贴子收录快，而且只用法简单，使用方便，价格便宜，软件客服16 小时在线全程协助，为您的宣传保驾护航。用最少的投资，实现最大的收益，用最简单的方式，完全最复杂的操作。 QQ

Copyright © 2014 ( 京ICP备09078825号 )

Powered by Discuz! X3.2

群发软件发帖工具
快速回复 返回列表 返回顶部
本站自动发贴软件，是现在最流行的做脚本软件，这种发贴工具，不但发贴收录快，而且抢占好的先机，完全自由编辑，实现针对性群发模拟操作，软件可以顶贴，也可以发贴，可以兼容支持Discuz、PHPWind、Dvbbs三大主流论坛，有手机验证码收件，邮件收发的功能，支持验证码识别，注册问题识别，多线程任务，自动上传头像，自动激活注册邮件，兼容防注册插件，本站软件原创正版，更新效率最快的原创软件。 『网络推广软件』『自动发帖软件』『 自动发帖』