Unity NGUI制作聊天框

今天和大家分享一下滚动条和文本做成的聊天框

新建一个Sprite-->添加Box Collider-->Scroll Bar Script-->设置属性UPScroll Bar(Direction:TopToBottom  把Sprite拖拉到Background里面  Size:0.1)

新建一个子Sprite-->把子Sprite拖拉到Foreground里面-->把它的高度和宽度设置的和父Sprite一样

下边是介绍输入文本

新建一个Label-->添加Box Collider--添加Text List-->添加脚本

private UITextList testList;

int i=0;

void Start () {

testList = this.GetComponent<UITextList> ();

}

void Update () {

if (Input.GetMouseButtonDown (0)) {

i++;

testList.Add ("qishituan.org"+i);

}

}

新建一个ScrollBar-->把子Sprite的Anchors属性里面的Left、Right、Top、Bottom 都设置为自身

设置Label的属性UIText List(把Label拖拉到Text Label里面，把ScrollBar拖拉到Scroll Bar里面

然后是聊天窗口的制作

新建一个可拖拉的Sprite(Drag Object)-->新建一个可把窗口拖拉大小的Sprite(Drag Resize Script)-->新建一个纸质的Sprite做背景（Anchors:设置为自身）

新建一个ScrollBar,让两个Sprite一样大小父Sprite设置

新添加一个TextList

新添加一个TextField(Anchors:Top设为Bottom，其它都是自身

把脚本拖拉到TextFiled上面把TextFiled拖拉到属性On Submit里面的Notify上面，并选择相应的Method把聊天的Label拖拉到属性Chart里面的Text List上面

public UIInput input;

public UITextList textList;

public void OnChartSubmit(){

string value = input.value;

textList.Add (value);

input.value = "";

}

更多精彩关注：http://www.gopedu.com/