。

为了避免重复造轮子#xff0c;本文总结并提供了一些常用UI界面的实现逻辑。

希望可以帮助大家快速开发通用界面模块#xff0c;也可以在次基础上进行扩展修改常常会遇到一些通用的界面逻辑它不论在什么类型的游戏中都会出现。

为了避免重复造轮子本文总结并提供了一些常用UI界面的实现逻辑。

希望可以帮助大家快速开发通用界面模块也可以在次基础上进行扩展修改以适应你项目的需求。

工程链接GitCode

root.Find(txt_Title).GetComponentText();txt_content

root.Find(txt_Content).GetComponentText();btn_Yes

root.Find(btn/btn_Yes).GetComponentButton();btn_No

root.Find(btn/btn_No).GetComponentButton();txt_title.text

{Debug.Log(Yes);

yesAction);BindBtnLogic(btn_No,

noAction);btn_Yes.gameObject.SetActive(yesAction

null);btn_No.gameObject.SetActive(noAction

void

action){btn.onClick.RemoveAllListeners();if

(action

null){btn.onClick.AddListener(action);}}

切页标签

通过按钮来实现。

虽然使用Toggle也可以实现但是在实际开发中会发现使用toggle不好控制选中事件的触发和选中状态表现。

通过按钮来自定义组件可以更好地控制逻辑的调用和标签的显示。

using

-1;InitCount(4);BindSelectCallback(0,

背包,

{Debug.Log(查看背包);}));BindSelectCallback(1,

英雄,

{Debug.Log(查看英雄);}));BindSelectCallback(2,

商店,

{Debug.Log(查看商店);}));BindSelectCallback(3,

活动,

{Debug.Log(查看活动);}));OnSelectLogic(0);}///

summary///

count){_objList.Clear();ClearAllChild(tabRoot);for

(var

tabRoot);obj.SetActive(true);var

trans

trans.Find(btn/offBg/offTxt).GetComponentText(),onTxt

trans.Find(btn/onBg/onTxt).GetComponentText(),onBg

trans.Find(btn/onBg).gameObject,offBg

trans.Find(btn/offBg).gameObject,btn

trans.Find(btn).GetComponentButton(),};var

index

{OnSelectLogic(index);});_objList.Add(node);}}///

summary///

(_callbackDic.ContainsKey(index)){Debug.LogError(已经注册过了);return;}if

(callback

null){Debug.LogError(回调为空);return;}if

(index

_objList.Count){Debug.LogError(索引越界);return;}var

node

_objList[index];node.onTxt.text

txt;node.offTxt.text

txt;_callbackDic.Add(index,callback);}///

summary///

_selectIndex){return;}_selectIndex

index;var

_callbackDic.TryGetValue(_selectIndex,

out

(isExist){callback?.Invoke();SetSelectStatus(index);}}///

summary///

_objList[i];node.onBg.SetActive(isActive);node.offBg.SetActive(!isActive);}}//清除指定父节点下的所有子物体private

void

parentRoot.GetChild(i);DestroyImmediate(child.gameObject);}}//绑定按钮点击回调private

void

action){btn.onClick.RemoveAllListeners();if

(action

null){btn.onClick.AddListener(action);}}

}飘字提示

(Input.GetKeyDown(KeyCode.Space)){ShowTip(货币不足);}}void

ShowTip(string

obj.GetComponentRectTransform();var

group

obj.GetComponentCanvasGroup();var

txt

obj.transform.Find(txt).GetComponentText();txt.text

tipStr;obj.SetActive(true);group.alpha

1;ResetLocal(obj.transform);rectValue.DOAnchorPosY(flyHeight,

1f).OnComplete(()

{tipPool.Release(obj);});});}//初始化对象池void

new

tipRoot);obj.SetActive(false);return

obj;},(go)

{//获取对象调用go.SetActive(true);ResetLocal(go.transform);},(go)

{//

在对象放回池子时调用go.SetActive(false);ResetLocal(go.transform);go.transform.SetParent(tipRoot);},(go)

{Destroy(go);

Vector3.zero;trans.localEulerAngles

Vector3.one;}

objectPool;//最多显示的提示栏数量超过就隐藏private

int

QueueGameObject();//是否可继续生成提示栏防止频繁点击造成异常private

bool

tipObj.GetComponentRectTransform();tipHeight

rect.rect.height;InitTipPool();}private

void

displayTime){ClearAllMsg();timer

0f;startTimer

(Input.GetKeyDown(KeyCode.Space)){ShowTip(货币不足);}}public

void

obj.GetComponentRectTransform();var

group

obj.GetComponentCanvasGroup();var

sequence

item.GetComponentRectTransform();rectValue.DOAnchorPosY(rectValue.anchoredPosition.ytipHeightoffset,

0.2f);}});sequence.AppendInterval(0.2f);}sequence.AppendCallback(()

{group.alpha

1;obj.transform.SetParent(root);obj.transform.localScale

new

1);obj.SetActive(true);rect1.anchoredPosition

Vector2.zero;visualTipQueue.Enqueue(obj);tipCount;var

txt

obj.transform.Find(txt).GetComponentText();txt.text

tip;if

visualTipQueue.Dequeue();tipPool.Release(result);tipCount--;}});sequence.Append(obj.transform.DOScale(Vector3.one,

0.1f));sequence.AppendInterval(0.1f);sequence.OnComplete(()

{timer

objectPool);obj.SetActive(false);return

obj;},(go)

{//获取对象调用go.SetActive(true);ResetLocal(go.transform);},(go)

{//

在对象放回池子时调用go.SetActive(false);ResetLocal(go.transform);go.transform.SetParent(objectPool);},(go)

{Destroy(go);

Vector3.zero;trans.localEulerAngles

void

child.GetComponentCanvasGroup();var

rectValue

child.GetComponentRectTransform();var

sequence

DOTween.Sequence();sequence.AppendInterval(0.1f

i);sequence.Append(rectValue.DOAnchorPosY(rectValue.anchoredPosition.y

tipHeightflyHeight,

0.2f));sequence.Append(group.DOFade(0,

0.1f).OnComplete(()

{visualTipQueue.Dequeue();tipPool.Release(child.gameObject);tipCount--;}));}}

}左右切换按钮组

本组件一般出现在查看英雄界面点击左右两个按钮切换查看按钮的详细信息。

在英雄列表中第一个英雄的左按钮不显示最后一个英雄的右按钮不显示。

using

${index}/{sumCount};});CheckBtnActive();BindBtnLogic(btn_Left,

{var

nextIndex;CheckBtnActive();});BindBtnLogic(btn_Right,

{var

nextIndex;CheckBtnActive();});}public

void

1){btn_Left.gameObject.SetActive(false);btn_Right.gameObject.SetActive(false);}else{btn_Left.gameObject.SetActive(curIndex

1);btn_Right.gameObject.SetActive(curIndex

sumCount-2);}var

1;callback?.Invoke(showIndex);}//绑定按钮点击回调private

void

action){btn.onClick.RemoveAllListeners();if

(action

null){btn.onClick.AddListener(action);}}

}帮助说明界面

(Input.GetKeyDown(KeyCode.Space)){SetDesc(帮助,

好好学习,天天向上);}if

(Input.GetKeyDown(KeyCode.A)){var

str

desc;LayoutRebuilder.ForceRebuildLayoutImmediate(content);}

}跑马灯消息提示

(Input.GetKeyDown(KeyCode.Space)){var

str

$id:{id}好好学习天天向上;AddMarqueeMsg(id,str,1);}if(marqueeMsg.Count

{if

true;tmpTxt.rectTransform.anchoredPosition

Vector2.zero;var

marqueeMsg.Peek();idList.Remove(data.id);DisplayMarqueeMsg(data.msg,data.loopCount,

(marqueeMsg.Count

nameloopCount循环播放时间/parampublic

void

(idList.Contains(msgId)){Debug.LogError(消息已在预播队列);return;}if

(canvasGroup.alpha

1;}idList.Add(msgId);marqueeMsg.Enqueue(new

MsgNode{id

nameloopCount循环播放时间/parampublic

void

msg;LayoutRebuilder.ForceRebuildLayoutImmediate(tmpTxt.rectTransform);var

width

tmpTxt.rectTransform.rect.widthmaskWidth;var

duration

GetDuration(width);tmpTxt.rectTransform.DOAnchorPosX(-width,

duration).SetEase(Ease.Linear).SetLoops(loopCount,

LoopType.Restart).OnComplete(()

{callback?.Invoke();});}//根据消息长度计算动画匀速运行时间private

float