Unity UI系统--image组件

UI中除了文本,最多的就是图片、按钮,那lmage组件主要负责图片的显示

lmage游戏物体必须放在Canvas游戏物体下才可以生效

主要属性

        Sourcelmage(源图片):源图片,在脚本中叫spriteColor :源图片,在脚本中叫sprite

        color(颜色):是一个叠加色,并不是真的改变颜色

        RaycastTarget(光线投射目标):是否可以作为射线目标,后续点击、拖拽等事件需要使用    

        lmagelype(图像类型):显示模式

                1.Simple:普通模式

                2.Sliced:切片,需要图片九宫格,要在资源层面处理

                3.Tiled:平铺

                4.Filled:填充

主要功能

        Set Native Size:设置为图片的原始尺寸

图片资源:

在项目管理器中点击一个图片资源,然后在检查器面板中可以看到资源的相关属性设置
        1.TextureType: Unity中大多数情况下我们都需要选择为Sprite
        2.Sprite Model:精灵模式,精灵是lmage组件持有的实际图片
                single:一个图片一个有灭
                Multiploe:一个图片拆成多个精灵
        3.Pixels Per Unit:像素单位,会影响实际在游戏中图片的尺寸,数值越大游戏中越小4.Pivot:图片的中心
        5.Sprite Editor按钮:编辑精灵

······

PackageManager

        插件/功能管理器,Window->PackageManager
        Unity有很多官方开发好的功能,但是不见得每个游戏项目都需要,所以我们可以在插件管
理器选择自己需要的功能来安装,SpriteEditor需要2D Sprite插件


精灵编辑


        设置Pivot轴心

        Revert:恢复设置

        Apply:确认操作
        蓝色外框是精灵的九宫格

SpriteEditor-Slice 图片的切片

        图片切片:实际开发中很多时候我们并不会一个按钮一个图片,而是选择打包在一起,所以需要在Unity中进行分割


1.Automatic:自动分割,实际是根据不同游戏物体之间的透明通道进行

2.Grid By Cell Size:根据网格像素分割,根据一个宽高(像素)自动分割

3.Grid By Cell Count:根据网格数量分割,就是将一个图片等分拆成几行几列

4.Pivot:分割时每一个精灵的轴心

5.拖拽鼠标:手动分割

6.编辑过程中白色的框是一个精灵,点击后可以设置这个精灵的细节

注意:

        如果要在代码里面用UI相关的命名空间:

                        using UnityEngine.UI;

                        获取组件就是:

                                private Image img;  //

                                img = GetComponent<Image>(); //获取组件

                                img.color=Color.black; //把这个组件变成黑色

猜你喜欢

转载自blog.csdn.net/qq_73628117/article/details/130329672