找回密码
 立即注册

QQ登录

只需一步,快速开始

gczxxu

银牌会员

80

主题

956

帖子

3112

积分

银牌会员

积分
3112
gczxxu
银牌会员   /  发表于:2023-6-20 09:18  /   查看:2636  /  回复:6
本帖最后由 gczxxu 于 2023-6-20 09:20 编辑

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

如果这时,我们在UI界面的左则再放置一个树型组件,则会再次压缩我们的右侧操作界面,如图:
H[5NHYQNEXDY4B`O~TJ72L2.png272364501.png


最终使用动图:
screenshots.gif326354064.png

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

但这次我们走不一样的路,怎么让这个按钮变成组件,在任意页面中都可以使用??
下面开始图文讲解:
1、新建个组件(这好像是废话)
2、组件中放置图中三个控件,箭头就是普通的图片控件
J4LC6O7H6XV_EZ2E`Z}W[)B.png778905639.png
3、隐藏  行:2,3,列:A
4、给这个组件新建个属性,就叫做 "列范围" 吧
5、在B1图片处设置命令如图:
UB5`%YY6FC4BT}~IJ@8A[_7.png316081847.png
这个命令,我想很多小伙伴都没有吧。。直接去商城搜 xTools  即可。这个功能是xTools其中的一个功能。
image.png987733764.png

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



评分

参与人数 4金币 +66 满意度 +15 收起 理由
Shawn.Liu + 66 赞一个!
muto + 5
lovert + 5
13794930121 + 5

查看全部评分

6 个回复

倒序浏览
qq5168
高级会员   /  发表于:2023-6-20 10:21:21
沙发
我是来抢沙发的
回复 使用道具 举报
muto
金牌服务用户   /  发表于:2023-6-20 20:45:43
板凳
许总,总有那么多奇思妙想呀
回复 使用道具 举报
137294886
金牌服务用户   /  发表于:2023-6-21 23:01:20
地板
回复 使用道具 举报
KinShing
中级会员   /  发表于:2023-6-22 01:31:14
5#
i0tw:
回复 使用道具 举报
Aa金砂
高级会员   /  发表于:2023-6-24 11:17:03
6#
这组件在哪里下载
回复 使用道具 举报
gczxxu
银牌会员   /  发表于:2023-6-24 11:27:41
7#
Aa金砂 发表于 2023-6-24 11:17
这组件在哪里下载

这么简单的几步,自己做一下都比下载快
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部