Unity UI系统--image组件

这篇具有很好参考价值的文章主要介绍了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; //把这个组件变成黑色文章来源地址https://www.toymoban.com/news/detail-745190.html

到了这里,关于Unity UI系统--image组件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 游戏思考17:寻路引擎recast和detour学习三:客户端角度学习(unity专题导航系统,阶段三完结)

    1)导航系统作用 帮助角色进行AI智能移动:朝目标移动,绕过障碍物,上下台阶… 2)导航系统包括 ①导航网格(NavMesh):下图的蓝色地形,可以行走的表面 ②导航网格代理组件(NavMesh Agent):模拟人物移动和寻路 ③导航网格障碍物(NavMesh Obstacle):定义物体为障碍物,这样导航网

    2023年04月12日
    浏览(61)
  • 【Unity 3D】UI系统中UGUI各个组件的详细讲解(附源码 超详细)

    UI设计又称界面设计,是指对软件的人机交互、操作逻辑、界面美观的整体设计,UI就相当于人可以看到的界面,并且可以对UI进行交互。 Unity  3D的UI,分为UGUI和GUI,UGUI主要是图形渲染界面,搭建方便,学习比较容易,GUI主要是代码渲染界面,需要在编写代码时就思考如何完

    2024年02月03日
    浏览(42)
  • Unity 动态更换Image图片 && UI自适应

    前提:Image源文件必须存放在自行创建的文件夹[Resources]中 方式一:typeof 类型 Resources.Load()动态更换Image 方式二:泛型 这里的icon_{数值:00}实际上是图片的名称,只不过用的是正则的方式替换了

    2024年02月11日
    浏览(51)
  • 第三十九章 Unity 图像 (Image) UI

    本章节,我们介绍一下“Image”UI元素,首先我们创建一个新场景“SampleScene2.unity”。然后我们点击菜单栏“GameObjec”-“UI”-“Image”,如下所示 我们将其放置到了中间位置,检视面板中的参数如下  默认情况下,这个“Image”的尺寸是100 * 100像素。 这里,我们主要介绍它的

    2024年02月10日
    浏览(50)
  • 十八、Unity游戏引擎入门

    1、下载     首先需要下载Unity Hub,下载网址:https://unity.com/cn。     然后在其中下载Unity编辑器并安装,可选择最新版本。     接着需要选择适合的开发环境,例如Android Studio或Xcode,以便进行手机游戏开发。在安装完Unity后,需要根据项目需求下载对应的模块和插件,例

    2024年02月16日
    浏览(79)
  • Unity UI.Image 六边形+流光 Shader

    效果图 参考代码  

    2024年02月11日
    浏览(51)
  • Unity UI修改Image中的图片资源

    把资质文件放到Assets文件夹下Resources文件中。 Sprite sprite = Resources.Load(“Images/2”); //Images文件夹下名为2的图片 Image2.sprite = sprite; //修改Image2的sprite //完成

    2024年02月11日
    浏览(43)
  • Unity UGUI的Image(图片)组件的介绍及使用

    UGUI的Image(图片)组件是Unity引擎中的一种UI组件,用于显示2D图像。它提供了一种简单而灵活的方式来在游戏中加载和显示图片。 使用UGUI的Image组件可以方便地在游戏中展示各种图片资源,比如角色头像、道具图标等。它具有以下优点: 易用性 :UGUI的Image组件提供了简单易

    2024年02月11日
    浏览(68)
  • 【Unity-UGUI控件全面解析】| Image 图片组件详解

    🎬 博客主页:

    2024年02月05日
    浏览(42)
  • 使用团结引擎开发Unity 3D射击游戏

           本案例是初级案例,意在引导想使用unity的初级开发者能较快的入门,体验unity开发的方便性和简易性能。       本次我们将使用团结引擎进行开发,帮助想体验团结引擎的入门开发者进行较快的环境熟悉。      本游戏是一个俯视角度的射击游戏。主角始终位于屏幕

    2024年01月19日
    浏览(78)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包