首页 > 其他分享 >labview通过选项卡实现轮播图效果

labview通过选项卡实现轮播图效果

时间:2024-11-07 09:45:31浏览次数:3  
标签:界面 轮播 实现 美观 labview 选项卡 分支

最近有一个项目,但是客户有些需求,总体来说程序面板要看上去美观,要向现在的主流大屏看板一样,但是本质上来说,labview主要还是采集测试为主,不能因为过度追求美观而导致程序卡死,卡顿等,我们的主流任务还是要精确,快速响应这些。

但是一些不影响的修饰也可以稍微尝试一下,这里我们可以通过图片修改登录界面,让界面看起来更美观一些,示例如下。这里用了一些蜡笔小新的图片做修饰。

不仅如此,我们还可以通过选项卡控件来模拟轮播图的实现,这里可以使用条件结构1,2,3来循环的实现选项卡的切换,从而达到轮播图的效果。

首先我们先设置一个默认分支,通过引用和属性节点来实现选项卡的切换,这里通过while循环和移位寄存器实现数值从0到3,在从3到0的过程。

我们可以看到,下面也是一样,只不过每个界面给他延时两秒,从而继续展示下一个界面,每个分支给他加上1,然后就可以到达下一分支。

这里可以看到第二分支也是一样给他加上一就可以了。

最后我们给最后一个分支减去3就可以了,然后就继续从0开始,周而复始,这样就实现了,轮播图的效果。虽然没有vue中的过度动画,那种切换很丝滑的效果,但是还算能用。

最后,在实现美观界面的同时,一定要注意程序的响应快不快,内存的占用大不大等问题,我们还是以快速采集,快速响应为第一要义。

标签:界面,轮播,实现,美观,labview,选项卡,分支
From: https://blog.csdn.net/weixin_70653117/article/details/143586033

相关文章

  • 【鸿蒙开发】—— 选项卡 (Tabs)
    ......
  • 【鸿蒙开发】—— 创建轮播 (Swiper)
    ......
  • PbootCMS模板调用幻灯片轮播图标签
    幻灯片轮播图列表:{pboot:slidenum=3gid=1}<ahref="[slide:link]"target="_blank"><imgsrc="[slide:src]"alt="[slide:title]"/></a>{/pboot:slide}控制参数:gid=*:分组,必填。num=*:数量,非必填,默认为5个。可用列表标......
  • swiftui 轮播图切换
    importSwiftUIstructBanner:View{@Statevarcat=0@Statevarpage=0varbody:someView{ZStack{Color.gray.edgesIgnoringSafeArea(.all)VStack{......
  • swiftui轮播图
    importSwiftUIstructPost:Identifiable{varid=UUID().uuidStringvarpostImage:String}importSwiftUIstructSnapCarousel<Content:View,T:Identifiable>:View{varcontent:(T)->Contentvarlist:[T]/......
  • labview中关于读写电子表格
    今天收到客户信息,说是之前采集的数据没有生成图表,不知道是程序卡顿的原因还是什么原因,但是好在数据都存在数据库里,客户赶着要用,就让先把数据生成图表发过去。本来以为加一个写入电子表格就能实现了,可是后面确读不出数据,数据返回来全是零。示例在下面,写了一个读写电子表格的VI,......
  • ng-zorro走马灯carousel轮播图不自动轮播问题
    原文链接:ng-zorro走马灯carousel轮播图不自动轮播问题–每天进步一点点 angular项目(angular7),ng-zorro(7.5.x)使用carousel走马灯设置自动轮播图功能,从官网上copy下一段代码如下:<nz-carouselnzAutoPlay><divnz-carousel-content*ngFor="letindexofarray">......
  • 练习LabVIEW第二十一题
    学习目标:刚学了LabVIEW,在网上找了些题,练习一下LabVIEW,有不对不好不足的地方欢迎指正!第二十一题:用一个chart(波形图表)显示一个随机数,用前面板控件改变chart(波形图表)的大小和位置开始编写:前面板放置波形图表,程序框图添加一个while循环做无限循环,循环内放一个随机数,输......
  • vue - 菜单栏联动选项卡
    在vue环境下,制作一个与菜单联动的选项卡(el-tabs)。能看到这个文章,大体是有自己动手的打算了,这里给一下关键思路。关键点路由的设计传统的选项卡设计,一般通过iframe实现,在vue环境中,则是使用router-view。问题是,一个界面上,同时存在多个router-view(如果不做标记),内容是完......
  • vue - 选项卡右击下拉框
    在element-ui环境下,给选项卡添加右击事件,是相当麻烦的一件事情,主要是麻烦,很多东西都需要注意,并没有太多难点。注意项el-tabs的右击事件事件的名称是contextmenu.prevent.native,这个很快就能找到,需要注意的是:选项卡整个头部都能触发右击事件,需要过滤出哪些事件是由选项卡......