UI抽取思路
一款手机游戏中UI有几十个到上百个不等&＃xff0c;如果一个一个做这些UI&＃xff0c;无疑会花费很多时间。
近期我们的游戏UI已经是第N次改版了&＃xff0c;经过这N多次的修改&＃xff0c;我总结了UI其实有很多的共性(就是相同性)。
下面说一些我觉得常用的UI的抽取思路
共用按钮
共同点&＃xff1a;按钮&＃xff0c;标题&＃xff0c;[图标]&＃xff0c;[消息数提醒]
思路分析
按钮点击事件和标题是一定有的&＃xff0c;其它的视情况而定。所以我们可以创建一个类 BtnItemClass&＃xff0c;用来处理UI的逻辑&＃xff0c;外部就只要传入相应的参数就可
共用组件
using System;
using UnityEngine;
using System.Collections;///
/// 共用的图文按钮&＃xff0c;抽取类
/// 包括&＃xff1a;商店&＃xff0c;挑战&＃xff0c;朋友&＃xff0c;英雄
///
public class BtnItemClass
{public string TitleSprite;public string IconSprite;public string BtnName;public string NextUITitle;//按钮点击的事件public UIEventListener.VoidDelegate Callback;//消息提醒数public string TipMsg;public int TipNum;private bool IsEnabled;/// /// 构造函数/// /// 按钮名/// Item 图标/// 标题文字图片,没有就填null/// 下一级UI的标题/// 点击的事件/// public BtnItemClass(string btnName, string iconSprite, string titleSprite, string nextUiTitle, UIEventListener.VoidDelegate callback, bool enabled &＃61; true){this.BtnName &＃61; btnName;this.IconSprite &＃61; iconSprite ?? "null";this.TitleSprite &＃61; titleSprite ?? "null";this.NextUITitle &＃61; nextUiTitle;this.Callback &＃61; callback;IsEnabled &＃61; enabled;} public BtnItemClass()
{
}
//设置属性public static void Bind(BtnItemClass itemClass, Transform trans){if(!string.IsNullOrEmpty( itemClass.BtnName))trans.name &＃61; itemClass.BtnName;//标题文字图片UISprite titleSprite &＃61; CTool.GetChildComponent("TitleSprite", trans);titleSprite.spriteName &＃61; itemClass.TitleSprite;titleSprite.MakePixelPerfect();//图标UISprite iconSprite &＃61; CTool.GetChildComponent("IconSprite", trans);iconSprite.spriteName &＃61; itemClass.IconSprite;iconSprite.MakePixelPerfect();//当标题图片找不到时就显示文字var titleLabel &＃61; CTool.GetChildComponent("TitleLabel", trans);if (string.IsNullOrEmpty(itemClass.TitleSprite)|| itemClass.TitleSprite &＃61;&＃61; "null"){titleLabel.text &＃61; itemClass.NextUITitle;titleLabel.gameObject.SetActive(true);}else{titleLabel.gameObject.SetActive(false);}//绑定事件trans.GetComponent().onClick &＃61; itemClass.Callback;//button.isEnabled &＃61; item.IsEnable &＃61; item.IsEnable;
}
}
使用方法
首先构建一个List,里面里包含当前的UI所有按钮的数据&＃xff0c;然后做刷新UI&＃xff08;生成按钮&＃xff0c;设置按钮属性&＃xff09;
//按钮数据
private List UIConfigList
{get{return new List(){new BtnItemClass("BtnHeroList", "BattleTeam_icon_HeroStrong", "null", "英雄强化",obj &＃61;> CNetPlayer.CheckPackageOverflow_WithMsgBox(() &＃61;> CUIHeroList.Show("英雄强化"))),new BtnItemClass( "武器强化,obj &＃61;> CUIPowerUp.ShowWeaponstSelectList()),
};}
}//刷新UI
private void RefreshUI()
{var max &＃61; UIConfigList.Count;CUIHelper.ResizeCUITableGridGameObjects(TableGrid, max, CommPicBtnTemplate);for (int idx &＃61; 0; idx ){var trans &＃61; TableGrid.transform.GetChild(idx);var itemClass &＃61; UIConfigList[idx]; BtnItemClass.Bind(itemClass, trans);}TableGrid.Reposition();
}
京公网安备 11010802041100号