UGUI --- Image控件

Image图片:

Source Image: 此时的Texture贴图,必须是sprite形式的。

Color:设置的颜色,与image中非透明区域叠加。而不是我以前认为的背景颜色。并且,其中的Alpha值是能控制image的alpha值的。

Material:没使用过。

Image Type: 图片的填充方式。

根据以前做android的情况,只要有:

按图片大小填充 --- Set Native Size

缩放填充 -- Simple。  等比缩放填充 -- Simple + Preserve Aspect。

九宫格缩放;Sliced。九宫格只要边框去除中间内容的填充。Sliced + Fill Center

平铺 --- Tiled。

动画填充:Filled。Fill Mode + Fill Origin+ Aill Amount + ClockWise + Preserve Aspect

Fill Mode: Horizontal 、Vertical 、 Radial90/180/360.

Fill Origin: [Left, right,....,根据Mode的不同而不同]

=====================================================================

1. 必须是Sprite为什么呢?

设置成Sprite形式的image后,第一,unity可以优化图片资源。二、对于图片的缩放,屏幕自适应做了相应的处理。

时间: 01-17

UGUI --- Image控件的相关文章

UGUI Text控件

学习UGUI的Text控件,用于显示文本!.  基本属性就不再啰嗦了! Alignment: 文字以 水平和垂直 对齐方式, Horizontal Overflow: 水平 Wrap: 文字大小和数量超过Text边框宽度,不再显示 Overflow: 文字超过了边框宽度,还是显示出来 Vertical Overflow:垂直 Truncate: 截断,文字垂直超过Text边框高度,不在显示 Overflow:  文字超过了边框高度,还是显示出来 Best Fit: 让文字自适应勾上之后,Font

UGUI 列表控件 : Vertical Layout Group (垂直列表)

Spacing 表示 每个 Item 之间的距离. Child Alignment 表示对齐方式. Child Force Expand 表示 自适应 宽 和高 使用了 列表之后 ,它的每一个子物体都不能设置 Rect Transform ,如图 可以使用 Layout Element Ignore Layout : 为了不计算隐藏的cell 所以要先把 IngonreLaytout = true 再 setActivity = false  这一切都可以在代码里面来设置. Min Width

UGUI Scrollbar控件

如题就是Scrollbar控件,它简单可以看成 Scrollbar 和 Image组件组成 它基本上不单独使用多数是制作滚动视图.我们来看看他独特的属性,重复的属性就不在介绍了! 属性讲解: Handle Rect: 表示滚动条的把手, 如果你有一个Image物体,虽然让它来成为滚动条的把手. 你只需要两个步骤: 1. Image成为Scrollbar子物体 2. Image拖动到Hanle Rect赋值即可 Image用于替代原来的Sliding Area把手 Direction: 代表朝向,

UGUI Toggle控件

今天我们来看看Toogle控件, 它由Toogle + 背景 + 打勾图片 + 标签组成的. 它主要用于单选和多选 属性讲解: Is On: 代表是否选中. Toogle Transition: 在状态改变的时候,是否启动动画,颜色,等等过渡的效果. Graphic: 当选中和取消时候, 显示和隐藏的图片. Group: 代表当前Toggle(选择框)是否属于一个组, 如果属于那么组下的所有的Toogle你只能勾选一个. 如何创建单选框环境呢? 步骤如下: 1. 创建多个Toggle 2. 创建

Unity UGUI——UI控件的鼠标快捷操作

调节UI控件布局的两种方式:使用Rect Tool工具,使用Rect Transfrom组件 Rect Tool个作用:允许开发者直接在Scene视图里,移动.缩放.旋转UI控件

UGUI Button控件

今天一起来学习下Button控件, Button控件其实是由Text,Button,Image组件形成的. 这里就简单介绍下Button组件 Interactable: 代表该组件是否进行交互, 我们以前让组件是否进行交互通常 组件.Enable = false 这样的.  现在只需要改变属性即可 Transition:这单词翻译过来是过渡的意思, 让某种状态 - > 过渡 - > 另一个状态.  它有四种过渡类型: None : 无过渡 Color Tint:      颜色变化过渡 Spr

Unity中uGUI的控件事件穿透逻辑

1.正常来说Image和Text是会拦截点击事件的,如果添加EventTrigger的话,就可以响应对应的交互事件. 2.如果Image和Text是一个Button的子控件,那么虽然其会显示在Button上面,但是并不会拦截点击事件.除非是Selectable的,否则子控件不会影响到父控件的点击. 3.如果是跨Panel或者是同级的Image和Text,是会拦截点击事件的,即如果Image在某个Button之上,那么点击Image的事件不会穿透给Button. 4.如果在3的情况下想忽略点击事件

UGUI 之 控件以及按钮的监听事件系统 存档

using UnityEngine; using System.Collections; using UnityEngine.UI; using UnityEngine.EventSystems; using UnityEngine.Events; public class UIMain : MonoBehaviour {         Button        button;         Image image;         void Start ()         {     

用uGUI开发自定义Toggle Slider控件

一.前言 写完<Unity4.6新UI系统初探>后,我模仿手机上的UI分别用uGui和NGUI做了一个仅用作演示的ToggleSlider,我认为这个小小的控件已能体现自定义控件的开发过程.由于手头上没有mac版,暂时未能真机测试,PC上的效果如下: 二.制作过程 完整工程托管于github,分为uGui和NGUI两个project.考虑到版权问题,工程里不含NGUI,同学们需自行将NGUI导进工程.NGUI需要Unity 4.5,uGui需要Unity 4.6. 三.功能点 滑块可以拖动,从