游戏引擎的工具栏组件。
对属性面板有了一个基本的认识之后,还是要延续上节课的问题,怎么去让这5个红包进行水平的排列?
首先看一下界面,看项目设置,界面设计宽度只要多少?只要360,整个场景只有360的宽度。要摆几个红包?要摆5个,用360除以5等于72。红包的宽度是多少?是68,68和72只差4个像素。如果直接这样排列,屏幕就会显得很拥挤。如果想把每个红包之间的间隔设置为10个像素,空间就不够了。
如果把红包间隔设置为10个像素,并且屏幕左右两边也预留出一个间隔的宽度,来算一下总间隔数量是几个?因为屏幕两边也要预留宽度,所以总的要先预留出60个像素宽度,然后用60减去项目宽度,就是减去360,300。用300去除以5个红包,这样才是红包可以设计的最大的尺寸,就是60,但是它是68,所以需要把红包进行等比的缩放。
在上面这一排是有一个很小的工具栏,前面这个是切换2的3的模式,第二个移动工具,第三个旋转缩放,还有矩形变换。这里其实就可以尝试通过缩放或者是通过矩形变换去调整它的尺寸。调整的时候右边的数据就会变化,调整它会变化,但这样调整很不精确。红包的原始尺寸是多少?是68和100,先改为68和100,这是红包的原始尺寸。
·现在想把它的宽度改为60,高度应该是多少?这里可以借助这个工具,这个工具分享在了笔记里面,bg可以进群获取,可以去网盘下载这个工具,一个轻量级的图形处理软件。
·怎么去用它?比如可以新建一个宽度为68,高度为100的矩形,点确定,它就是红包的大小了。点右键,点图像大小,这个时候下面有一个勾选,它是默认勾选的,叫保持长宽比,把宽度改为60,它就可以帮我们计算出它的高度是多少,是88,所以可以把它的高度设为88,这样就可以实现等比缩放。
·等比缩放之后把其他的红包都给删掉,重新把它复制几份,这里重新有了5份红包,它们都是被我修改过尺寸的,都是60和88。
·这里要建立一个新的概念,无论是点节点也好,还是点红包的图片也好,右边都会有一些标签信息,第一个Node,第二个transform,第三个sprite。这些东西都可以被称作组件,在下面还有个按钮叫添加组件。
·这个节点有几个组件?有两个Node,还有个transform,但是红包有三个,还可以给它添加组件,将来在讲到主线的时候还会用其他的组件。
·如果要排列红包,这个红包5个是装在什么地方?是装在节点里面的,节点容器装了5个红包,节点容器就可以添加一个排序的组件叫layout,这是排列。
·为节点添加排列组件之后就可以选择一种排列的方式,第一种是水平,第二种垂直,第三种是网格状,这里选择水平。
·然后看缩放模式,还有三种,第一种是不缩放,第二种是对容器大小进行缩放,第三种是对节点的大小进行缩放。
·选择第二种,然后直接去设置间隔,就是SPACINGx相邻子节点之间的水平间距设为10,好像这样就完成了一个红包的水平排列。
·把这五个红包选中一下,就是按住shift键,然后点第一个,再点最后一个,就可以把五个红包一起选中。
·对Y轴进行拖拽,就是直接去点箭头,这样就只会影响它的Y轴,就不会影响它的x轴。拖到上面去,差不多这里就可以了。
来运行看看,这样就完成了一个红包的水平布局。