Unity NGUI製作聊天框

2021-06-28 10:29:42 字數 1004 閱讀 3964

今天和大家分享一下滾動條和文字做成的聊天框

新建乙個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 ()

void update () }

新建乙個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()

css3 border製作的聊天框

話不多說先上效果圖 主要也就是左右小三角比較麻煩一點,實現小三角用的是css3裡的border將其他三個邊的border顏色設為透明 先用border畫乙個小三角吧,把其他三個邊的顏色設為透明transparent 正方形 square三角形 square畫出三角形之後就是直接做這個對話方塊,在乙個...

氣泡聊天框

好久沒寫部落格了。今天給大家分享乙個氣泡聊天框。div speech div.speech before div.speech after div.speech right div.speech right before div.speech right after div.speech left ...

unity ngui 輸入框顯示系統中文字型的方法

工作中遇到了要輸入中文使用者名稱的需要,利用提前製作好的字型不能滿足需求,又增加了應用安裝包的大小,最終想到了乙個巧妙的方法,輸入框用ngui的uiinput控制項,顯示的文字用textmesh元件,這樣就解決了用系統字型顯示中文的問題。具體方法是 1.拉乙個uinput控制項,做為接收輸入的入口。...