1185907650 发表于 2021-2-19 09:44:03

【火山PC教程】管理系统UI布局参考案例教程

前言：
本文章转载自利快云：www.lkuaiy.com
通过组件布局器来拼接界面，实现同一界面动态展示、切换
按钮素材是png图片，文字是可二次修改的
首先来一个参考的效果图：


一、窗口布局
空界面，调用布局器
https://www.lkuaiy.com/image/editor/16135749256917.png


二、全局操作类
①全局变量
创建一个全局操作类
https://www.lkuaiy.com/image/editor/16135749329783.png
https://www.lkuaiy.com/image/editor/16135749375589.png


②切换页面
对已经创建的布局界面进行切换，或新建
https://www.lkuaiy.com/image/editor/16135749499663.png
https://www.lkuaiy.com/image/editor/16135749573588.png


③删除页面
删除指定布局界面
https://www.lkuaiy.com/image/editor/16135749647473.png


④添加记录
添加创建的界面信息，方便判断页面信息等
https://www.lkuaiy.com/image/editor/16135749721953.png


⑤是否已创建
判断是否已经创建过该页面，并进行相应操作
https://www.lkuaiy.com/image/editor/16135749787152.png


⑥隐藏界面
https://www.lkuaiy.com/image/editor/16135749851468.png



三、主界面布局器
①顶部
https://www.lkuaiy.com/image/editor/16135749937149.png

https://www.lkuaiy.com/image/editor/16135749982113.png

https://www.lkuaiy.com/image/editor/16135750055652.png
https://www.lkuaiy.com/image/editor/16135750152019.png
https://www.lkuaiy.com/image/editor/16135750334852.png
https://www.lkuaiy.com/image/editor/16135750421075.png


②左侧
https://www.lkuaiy.com/image/editor/16135750537905.png

https://www.lkuaiy.com/image/editor/16135750612986.png

https://www.lkuaiy.com/image/editor/16135750701110.png
https://www.lkuaiy.com/image/editor/16135750785316.png
https://www.lkuaiy.com/image/editor/16135750857627.png
https://www.lkuaiy.com/image/editor/16135750916692.png


③中部
https://www.lkuaiy.com/image/editor/16135751019650.png

https://www.lkuaiy.com/image/editor/16135751068218.png


④底部
https://www.lkuaiy.com/image/editor/16135751173586.png

https://www.lkuaiy.com/image/editor/16135751259026.png



四、子窗口
在窗口中间加载布局器窗口，在同一界面实现动态展示
https://www.lkuaiy.com/image/editor/16135751356157.png
https://www.lkuaiy.com/image/editor/16135751492936.png
https://www.lkuaiy.com/image/editor/16135751618015.png
https://www.lkuaiy.com/image/editor/16135751694363.png
https://www.lkuaiy.com/image/editor/16135751763762.png


文章到这里就结束了，文案例下载：**** Hidden Message *****


1185907650 发表于 2021-2-19 09:44:23

本源码非常不错，大家可以多多参考

最棒的英雄 发表于 2021-2-19 09:50:29

好东西   学习了

最棒的英雄 发表于 2021-2-19 14:49:11

不错不错哦

2074124724 发表于 2021-2-19 21:10:21

谢谢分享

朕的 发表于 2021-2-19 23:06:48

yyyui.cn
UI界面分享

hmyroot 发表于 2021-2-20 03:15:33

这样的好文章希望大家多多支持

nlmfy 发表于 2021-2-20 08:19:20

感谢分享

最棒的英雄 发表于 2021-2-20 18:26:39

好东西   支持了

最棒的英雄 发表于 2021-2-21 08:34:52

好源码   学习了
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 【火山PC教程】管理系统UI布局参考案例教程