两棵树(树型控件)实现穿梭框的效果(一)原创
金蝶云社区-JeremyG
JeremyG
4人赞赏了该文章 1,232次浏览 未经作者许可,禁止转载编辑于2022年03月08日 16:35:41

关键字:树型控件、穿梭框效果


一、需求背景:

如图,就是实现类似的功能。上面一个向导控件,下面第一个页面是两个树,两个树通过中间的按钮实现互相交互。

image.png


二、思路与方案:

我们有穿梭框控件,可以实现类似的左右交互的功能,不过可能不太灵活,本次先不涉及这个方案。

我们的方式是通过两个树型控件+一些按钮来实现该功能。

对平台很熟的你,应该一眼就能看出来,这个和我们的应用导出向导基本一致,并且比应用导出向导简单,所以我们就来仿照实现。

image.png


三、实现过程:

首先画页面,我们的界面是一个动态表单。上面是一个向导控件,下方第一个页面是两个树型控件,中间是交互的面板。

自己画也比较简单,不过为了更简单化,我们可以直接抄应用导出的界面。

找到应用制作向导界面,直接把页面复制过去,然后删除不要的东西即可。

image.png



本章先讲到界面绘制,后续的内容请期待同名连载:

两棵树(树型控件)实现穿梭框的效果(二)



图标赞 4
4人点赞
还没有人点赞,快来当第一个点赞的人吧!
图标打赏
0人打赏
还没有人打赏,快来当第一个打赏的人吧!