Unity UI逻辑结构

目录

1.选择怎么的设计模式去组建你的UI逻辑？

本人在选择用什么方式去组建你的UI逻辑这块经常懊恼，不知道其他同学有没有这个经历，也许是我太菜经验不足才会在选择上比较迷茫。网上有很多关于组建游戏UI的资料。比如：MVC，MVP，MVVM等。这些UI逻辑框架他们各有各的好处，但是他们的目的是一样的解耦，让你的代码看起来更整洁些。因为每个人对不同框架的理解有所不同，所以在实现上都会有差异，但是他们的目的还是一样，解耦。选择一个你觉得方便或者说对你来讲更好的框架去组建你繁琐的UI逻辑。

2.选择自己的设计模式。（仅供参考）

偶有幸的选择了MVP，用接口分离。关于MVC的一些理论我这里就不阐述了，网上关于这款资料挺多的，各位同学可以在网上找找。

这里我们先定义几个通用的接口。

    /// <summary>
    /// 关闭UI接口
    /// </summary>
    public interface ICloseUIForm
    {
        void CloseUIForm();
    }

    /// <summary>
    /// 关闭UI之前需要播放的动画
    /// </summary>
    public interface ICloseUIFormAnimation
    {
        void CloseUIFormAnimation();
    }

    ///<summary>
    ///打开UI播放动画
    ///</summary>
    public interface IOpenUIFormAnimation()
    {
        void OpenUIFormAnimation();
    }

我们来针对这个UI写Demo.

定义一个View的显示和更新接口。

    /// <summary>
    /// 显示系统设置UI信息接口
    /// </summary>
    public interface IShowSettingsViewInfo:
    ICloseUIFormAnimation,ICloseUIFormAnimation
    {
        /// <summary>
        /// 显示ID
        /// </summary>
        /// <param name="id"></param>
        void ShowID(string id);

        /// <summary>
        /// 显示更新音乐状态
        /// </summary>
        /// <param name="state"></param>
        void MusicState(bool state);

        /// <summary>
        /// 显示更新音效状态
        /// </summary>
        /// <param name="state"></param>
        void SoundState(bool state);
     }

定义一个Controller操作接口、

    /// <summary>
    /// 系统设置操作行为接口
    /// </summary>
    public interface IActionSettingsController:ICloseUIForm
    {
        /// <summary>
        /// 音乐开关
        /// </summary>
        /// <param name="isState"></param>
        void ClickMusicToggle(bool isState);

        /// <summary>
        /// 音效开关
        /// </summary>
        /// <param name="isState"></param>
        void ClickSoundToggle(bool isState);
    }

定义一个ViewBase类

    public class ViewBase : MonoBehaviour
    {
        /// <summary>
        /// 关闭按钮
        /// </summary>
        [SerializeField]
        protected Button closeButton = null;

        /// <summary>
        /// 背景关闭按钮
        /// </summary>
        [SerializeField]
        protected Button bgCloseButton = null;

        /// <summary>
        /// 是否激活按钮
        /// </summary>
        /// <param name="enabled"></param>
        protected void ActiveButton()
        {
            bgCloseButton.enabled = true;
        }
        /// <summary>
        /// 关闭UI
        /// </summary>
        protected void Close()
        {
             gameObject.SetActive(false);
        }
    }

定义设置面板的视图类SettingsView

    /// <summary>
    /// 系统设置视图
    /// </summary>
    public class SettingsView : ViewBase, IShowSettingsViewInfo
    {
        /// <summary>
        /// 唯一id
        /// </summary>
        [SerializeField]
        private Text idText = null;

        /// <summary>
        /// 音乐开关
        /// </summary>
        [SerializeField]
        private Toggle musicToggle = null;

        /// <summary>
        /// 音效开关
        /// </summary>
        [SerializeField]
        private Toggle soundToggle = null;

        /// <summary>
        /// 做补间动画的对象
        /// </summary>
        [SerializeField]
        private Transform transformTarget = null;


        private IActionSettingsController iActionSettingsController= null;

        private void OnEnable()
        {
        }
        private void Start()
        {
            iActionSettingsController= this.GetComponent<SettingsForm>();
            closeButton.onClick.AddListener(iActionSettingsController.CloseUIFormAnimation);
            bgCloseButton.onClick.AddListener(iActionSettingsController.CloseUIFormAnimation);
            musicToggle.onValueChanged.AddListener(iActionSettingsController.ClickMusicToggle);
            soundToggle.onValueChanged.AddListener(iActionSettingsController.ClickSoundToggle);
        }
        private void OnDestroy()
        {
            closeButton.onClick.RemoveListener(iActionSettingsController.CloseUIFormAnimation);
            bgCloseButton.onClick.RemoveListener(iActionSettingsController.CloseUIFormAnimation);
            musicToggle.onValueChanged.RemoveListener(iActionSettingsController.ClickMusicToggle);
            soundToggle.onValueChanged.RemoveListener(iActionSettingsController.ClickSoundToggle);
        }

        /// <summary>
        /// 显示ID
        /// </summary>
        /// <param name="id"></param>
        public void ShowID(string id)
        {
            idText.text = id;
        }

        /// <summary>
        /// 打开动画
        /// </summary>
        /// <param name="endValue"></param>
        /// <param name="duration"></param>
        public void OpenUIFormAnimation(float endValue, float duration)
        {
            bgCloseButton.enabled = false;
            transformTarget.DOScale(endValue, duration).OnComplete(ActiveButton);
        }

        /// <summary>
        /// 关闭动画
        /// </summary>
        /// <param name="endValue"></param>
        /// <param name="duration"></param>
        public void CloseUIFormAnimation(float endValue, float duration)
        {
            transformTarget.DOScale(endValue, duration).OnComplete(Close);
        }

        /// <summary>
        /// 音乐开关
        /// </summary>
        /// <param name="state"></param>
        public void MusicState(bool state)
        {
            musicToggle.isOn = state;
        }

        /// <summary>
        /// 音效开关
        /// </summary>
        /// <param name="state"></param>
        public void SoundState(bool state)
        {
            soundToggle.isOn = state;
        }
   }

定义一个系统设置的控制器类SettingsController

 /// <summary>
    /// 系统设置
    /// </summary>
    public class SettingsController: IActionSettingsController
    {

        private IShowSettingsViewInfo iShowSettingsViewInfo= null;

        private void Awake()
        {
            iShowSettingsViewInfo= this.GetComponent<SettingsView>();
        }

        private void OnEnable()
        {
            iShowSettingsViewInfo.OpenUIFormAnimation(1.2f, 0.1f);
            iShowSettingsViewInfo.ShowID("1");
        }

        private void Start()
        {
            iShowSettingsViewInfo.OpenUIFormAnimation(1.2f, 0.1f);
            iShowSettingsViewInfo.ShowID("1");
        }

        public void ClickMusicToggle(bool isState)
        {
            Debug.Log("音乐开关状态：" + isState);
            if(isState)
            {
                PlayerPrefs.SetInt(SettingsModel.Instance.musicKey, 1);
                SettingsModel.Instance.MusicState = true;
            }
            else
            {
                PlayerPrefs.SetInt(SettingsModel.Instance.musicKey, 0);
                SettingsModel.Instance.MusicState = false;
            }
        }

        public void ClickSoundToggle(bool isState)
        {
            Debug.Log("音效开关状态" + isState);
            if(isState)
            {
                PlayerPrefs.SetInt(SettingsModel.Instance.soundKey, 1);
                SettingsModel.Instance.SoundState = true;
            }
            else
            {
                PlayerPrefs.SetInt(SettingsModel.Instance.soundKey, 0);
                SettingsModel.Instance.SoundState = false;
            }
        }

        public void CloseUIForm()
        {
            iShowSettingsViewInfo.CloseUIFormAnimation(0.1f,0.1f);
        }

总结
做好自己的测试UI，复制上面的代码做一些稍微的修改即可运行。上述结构存在三个问题：外部如何调用该界面的数据，外部的操作该界面如何更新，UI如果管理。
该界面应该有自己的一个Model数据类，供外部访问数据。
该工程会有一个事件管理器，外部分发的数据在SettingsController里面监听更新。
该工程会有一个UI管理的结构，比如重复利用UI等。
在这里我只是做了一个游戏UI逻辑组建的思想，之针对UI逻辑，仅供参考。希望各方神仙多提提建议。上面说的三点，Model数据类，事件管理，UI管理，在后续的文章中会更新。