zoukankan      html  css  js  c++  java
  • Unity之Image & Raw Image

    推荐阅读:

    前言

    在Unity中,图片组件主要有Image和Raw Image,今天,偶然发现了项目中别人有用到Raw Image,而号主却从未接触使用过,于是,好奇心驱使我去了解它。

    初识组件

    1.Image
    Image 组件是用来交互的组件
    2.Raw Image
    RawImage 组件 , 是用来显示非交互的图像控件 , 用于装饰或者图标。一般用在背景、图标上,支持UV Rect(用来设置只显示图片的某一部分)
    区别:
    1.Raw Image 支持任何类型的纹理 ;Image 控件只支持 Sprite 类型的纹理
    2.Raw Image支持UV Rect(用来设置只显示图片的某一部分),而Image不支持UV Rect。

    Image


    组件属性介绍:
    1.Source Image:指定展示的纹理图片。注意:Image只支持Sprite类型的图片。
    2.Color:图片颜色。
    3.Material:图片渲染材质。
    4.Raycast Target :能否进行射线检测。

    图片除了上述几个属性外,如果制定了纹理图片,又会新增几个属性,属性面板变为如下:

    4.Image Type:用于设定图片的显示类型,不同的显示类型会导致Sprite“填充”Image组件的方式不同。显示类型包括:
    (1)Simple:当Image与Sprite的大小不同时,Sprite将会被拉伸到与Image一样大。此操作可能会导致图片变形,如果不想让图片变形的话,可以勾选上PreserveAspect选项,Sprite将会根据Sprite原宽高比例进行拉伸。
    (2)Sliced:九宫格,经过九宫格处理的Sprite,在缩放过程中,会保持4个角的切片不做缩放,4个边的切片只完成拉伸,只有中间的切片做缩放操作。此模式默认勾选了Fill Center选项,如果取消勾选,Image不能完整显示,只会显示切片的边缘图片。
    (3)Tiled:地面砖平铺,此模式中Sprite本身大小会保持不变,Sprite会像铺地面砖那样填充满整个Image控件。
    (4)Filled:此模式一般用作“CD”技能冷却,让Image以一定地展现方式一部分一部分地完全展示出来。

    Raw Image

    RawImage功能上与Image组件类似,但是属性不完全相同。

    组件属性介绍:
    1.Textture:用于展示的纹理图片 (任意类型)
    2.Color:同Image
    3.Material:同Image
    4.Raycast Target:同Image
    5.UV Rect:设置UV缩放,偏移(即只让图片显示一部分,可使用图集)
    注意:x、y属性控制UV左右、上下偏移;W、H控制UV的重复次数。

  • 相关阅读:
    AtCoder ABC 129F Takahashi's Basics in Education and Learning
    AtCoder ABC 129E Sum Equals Xor
    UVA 511 Do You Know the Way to San Jose?
    UVA 12504 Updating a Dictionary
    [Poi2000] 病毒
    [loj10061] 最短母串
    [Poi2010] Antisymmetry
    校内集训20181003
    校内集训20181001
    校内集训20180925
  • 原文地址:https://www.cnblogs.com/shirln/p/13713028.html
Copyright © 2011-2022 走看看