您尚未登录。

楼主 # 2025-06-04 13:53:37

Meto
会员
注册时间: 2025-03-12
已发帖子: 6
积分: 12

AnyUI开发笔记:容器、属性设置、跳转页面操作详解

组件与容器container
容器中可包含多个控件,如图片image、文本label、按钮button等,类似于一个“模块化面板”。
想设计几个控件方便统一管理,可先设计一个容器,再将这些控件放在容器中。

控件属性的设置
给图标命名时推荐:保留自带的前缀加下划线,后缀使用通俗易懂的英文名
控件的属性,如位置、大小、透明度等通过右侧属性面板设置
设置位置参数,注意Anyui里位置是指控件的左上角坐标。虽然我们看到图层中的控件,是可以“以中心点拖动”调整位置。
其次,位置是相对于画布或者父容器来的,注意如果控件在容器中包含,是相对于父容器的坐标。
也就是说,在AnyUI 的属性栏中设置的:X → 控件左边距离画布/父容器左边的距离、Y → 控件上边距离画布/父容器顶部的距离。
注意位置和大小参数单位是dp,比如有些给的参数是px,则需转换为dp(1dp = 2px)
%202025-06-04%20113930.png
透明度设置中,比如不透明度为100%,Anyui中透明度就设置为0,反之则设置为255。
%202025-06-04%20113727.png
注意新建的 label ,要手动对内边距,取消勾选再勾选,因为 label 会自带 8px 的上间距
%202025-06-04%20113413.png

一个小设计:点击图标后实现跳转
想设置一个动作,使点击图标后能跳转到另一页面。
图标中直接设置事件这个方法较为复杂,在标签label、图片image、容器container中属性里都不能设置简易的动作,但按钮button中有。所以一个简单的方法是,在图标顶部创建一个按钮button,在按钮中设置跳转页面。
设置一个按钮控件,比如把按钮和图标放在同一容器,注意左侧的图层树中按钮的位置在图片之下
AnyUI 图层树排序原则是相反的!图层树中越靠下的组件,在界面中越在上层!
所以:按钮要放在被点击区域界面中,界面最上方,图层树中最下方
在按钮的 动作类型(Action) 中选择 页面跳转(Page Switch)
%202025-06-04%20112456.png
%202025-06-04%20113236.png

最近编辑记录 Meto (2025-06-04 14:11:47)

离线

页脚

工信部备案:粤ICP备20025096号 Powered by FluxBB

感谢为中文互联网持续输出优质内容的各位老铁们。 QQ: 516333132, 微信(wechat): whycan_cn (哇酷网/挖坑网/填坑网) service@whycan.cn