组件与容器container
容器中可包含多个控件,如图片image、文本label、按钮button等,类似于一个“模块化面板”。
想设计几个控件方便统一管理,可先设计一个容器,再将这些控件放在容器中。
控件属性的设置
给图标命名时推荐:保留自带的前缀加下划线,后缀使用通俗易懂的英文名
控件的属性,如位置、大小、透明度等通过右侧属性面板设置
设置位置参数,注意Anyui里位置是指控件的左上角坐标。虽然我们看到图层中的控件,是可以“以中心点拖动”调整位置。
其次,位置是相对于画布或者父容器来的,注意如果控件在容器中包含,是相对于父容器的坐标。
也就是说,在AnyUI 的属性栏中设置的:X → 控件左边距离画布/父容器左边的距离、Y → 控件上边距离画布/父容器顶部的距离。
注意位置和大小参数单位是dp,比如有些给的参数是px,则需转换为dp(1dp = 2px)
透明度设置中,比如不透明度为100%,Anyui中透明度就设置为0,反之则设置为255。
注意新建的 label ,要手动对内边距,取消勾选再勾选,因为 label 会自带 8px 的上间距
一个小设计:点击图标后实现跳转:
想设置一个动作,使点击图标后能跳转到另一页面。
图标中直接设置事件这个方法较为复杂,在标签label、图片image、容器container中属性里都不能设置简易的动作,但按钮button中有。所以一个简单的方法是,在图标顶部创建一个按钮button,在按钮中设置跳转页面。
设置一个按钮控件,比如把按钮和图标放在同一容器,注意左侧的图层树中按钮的位置在图片之下。
AnyUI 图层树排序原则是相反的!图层树中越靠下的组件,在界面中越在上层!
所以:按钮要放在被点击区域界面中,界面最上方,图层树中最下方。
在按钮的 动作类型(Action) 中选择 页面跳转(Page Switch)
最近编辑记录 Meto (2025-06-04 14:11:47)
离线