UGUI的个人理解

Canvas组件

UI——Text（Rich Text不勾选代码会失效）

1.单独设置字体的大小是通过size标签的形式来实现的

transform.GetCompoent<Text>().text = "我爱我家" + "<size = 50>" + "快快乐乐" + "</size>";

2.单独设置字体的加粗

transform.GetCompoent<Text>().text = "我爱我家" + "<b= 50>" + "快快乐乐" + "</b>";

3.单独设置字体的倾斜

transform.GetCompoent<Text>().text = "我爱我家" + "<i = 50>" + "快快乐乐" + "</i>";

4.单独设置字体的颜色

transform.GetCompoent<Text>().text = "我爱我家" + "<color = #C6FF00FF>" + "快快乐乐" + "</color>";

5.字体大小+加粗+倾斜+颜色

transform.GetCompoent<Text>().text = "我爱我家" +"<color = #C6FF00FF>" + "<size = 50>" + "<b= 50>" + <i = 50>" + "快快乐乐" + "</i>"+ "</b>" + "</size>" + "</color>";

void Start()//脚本给Text

{

    transform.GetComponent<Text>().text = "大家好！！！";//修改内容

    transform.GetComponent<Text>().color = Color.red;//改变颜色

}

UI——Button

Button的监听事件

添加动画，点击图标，图标变大

UI——Image（拉伸）

Image类型（编辑器中表示）

Simple：等比缩放填充

Sliced：九宫格缩放

Titled：平铺

Filed：动画填充

UI——RawImage

该组件可以用来显示任意纹理。包括RenderTexture、MovieTexture。

基本属性：

1.Texture纹理：要显示的纹理；

2.Color颜色：如果Texture是空的，那么就会使用当前设置的颜色。来填充矩形区域；

3.Material材质球：可以选择UI类型的Shader，来对其赋值；

4.UV Rect UV矩形：设置纹理显示的区域；

UI——DropDown

Item可以调节下拉选项的背景颜色

通过代码实现下拉选项内容

public  Dropdown my;

void Start()

{

    Dropdown.OptionData data1 = new Dropdown.OptionData();//实例化新的对象

    data1.text = "选项1";//更改内容

    Dropdown.OptionData data2 = new Dropdown.OptionData();

    data2.text = "选项2";

    my.options.Add(data1);

    my.options.Add(data2);

    my.onValueChanged.AddListener(Onmdrop);//值的改变

}

public void Onmdrop(int index)

{

    Debug.Log("当前选择的下标" + index.ToString() + "选项名字" + my.itemText);

    Debug.Log("当前选择的下标" + index.ToString() + "选项名字" + my.captionText.text);

}

UI——Toggle

创建一个空物体，把Toggle拖入，给空物体添加一个Toggle Group组件，可以实现多个Toggle的单一选择

void Start()

{

    transform.GetComponent<Toggle>().onValueChanged.AddListener(On123);

}

public void On123(bool aa)

{

    if(aa)

    {

        print("1");

    }

    else

    {

        print("2");

    }

}

UI——Slider

Max Value最大值

Direction 位置

void Start()

{

    //transform.GetComponent<Slider>().onValurChanger.AddListener(OnvalChanged);

}

public void OnvalChanged(float val)

{

    Debug.Log("当前的值=" + val.ToString());

}

UI——InputField

Character Limit：限制字符的输入

Selection Color：选中输入字符的背景颜色

Content Type：设置输入的方式

事件响应及监听：

public InputField myInput；

void Start()

{

    myInput.onValueChanged.AddListener(OnvalChanged);

    myInput.onEndEdit.AddListener(OnvalEnd);

}

public void OnvalChanged(string content)

{

    Debug.Log("当前内容=" + myInput.text);

}

public void OnvalEnd(string content)

{

    Debug.Log("最终内容=" + myInput.text);

}

UI——Scrollber

事件监听及响应：

void Start()

{

    transform.GetComponent<Scrollbar>().onValueChanged.AddListener(OnValueChanged);

}

public void OnValueChanged(float val)//返回类型为float类型

{

    Debug.Log("val=" + val);

}

UI——Anchor（锚点）和Pivot（中心点）

Anchor的每一个角都对应着UI对象的每个角；

作用是：保持着某个UI对象的矩形顶点，距离Anchor的每个角，始终保持着这样的偏移量；

Pivot值是0--1，0是往右拉伸，1是往左拉伸,0.5是左右拉伸

中心点作用：1.控制着RectTransform的posX，posY与Anchor的相对距离；

                      2.只往一个方向进行拉伸，比如：只往左/右/上/下做单向拉伸；