gczxxu 发表于 2023-6-20 09:18:48

如何利用xtools 图片交换制作一个(开合页)动态显示隐藏 可复用的按钮组件

本帖最后由 gczxxu 于 2023-6-20 09:20 编辑

平常我们在项目使用中,经常因为屏幕尺寸不够大,造成操作界面过小。

如果这时,我们在UI界面的左则再放置一个树型组件,则会再次压缩我们的右侧操作界面,如图:



最终使用动图:


平常我们做这种可隐藏的按钮,大家都是知道怎么操作的。

但这次我们走不一样的路,怎么让这个按钮变成组件,在任意页面中都可以使用??
下面开始图文讲解:
1、新建个组件(这好像是废话)
2、组件中放置图中三个控件,箭头就是普通的图片控件

3、隐藏行:2,3,列:A
4、给这个组件新建个属性,就叫做 "列范围" 吧
5、在B1图片处设置命令如图:

这个命令,我想很多小伙伴都没有吧。。直接去商城搜 xTools即可。这个功能是xTools其中的一个功能。



好了,,这样大家就可以在任意处使用这个按钮了。
这样处理的好处就是如果改组件中的图片样式,所有项目中的组件样式都可以统一更换,使项目风格更加统一,方便管理。



qq5168 发表于 2023-6-20 10:21:21

我是来抢沙发的:lol:lol:lol:lol

muto 发表于 2023-6-20 20:45:43

许总,总有那么多奇思妙想呀

137294886 发表于 2023-6-21 23:01:20

:i0tw:

KinShing 发表于 2023-6-22 01:31:14

:hjyzw:i0tw:

Aa金砂 发表于 2023-6-24 11:17:03

这组件在哪里下载

gczxxu 发表于 2023-6-24 11:27:41

Aa金砂 发表于 2023-6-24 11:17
这组件在哪里下载

这么简单的几步,自己做一下都比下载快
页: [1]
查看完整版本: 如何利用xtools 图片交换制作一个(开合页)动态显示隐藏 可复用的按钮组件