From a27b3510185c04eb385f5ab3ad24fd4e87a27626 Mon Sep 17 00:00:00 2001 From: wangguan <wangguan@kt007.com> Date: Tue, 24 Nov 2020 20:58:51 +0800 Subject: [PATCH] 修改新手引导,没有测试适配 --- Assets/Scripts/Guide/GuidePanel.cs | 277 +++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 239 insertions(+), 38 deletions(-) diff --git a/Assets/Scripts/Guide/GuidePanel.cs b/Assets/Scripts/Guide/GuidePanel.cs index a2427cf..135968a 100644 --- a/Assets/Scripts/Guide/GuidePanel.cs +++ b/Assets/Scripts/Guide/GuidePanel.cs @@ -3,7 +3,8 @@ using UnityEngine; using UnityEngine.UI; using System; - +using KTGMGemClient; +using DG.Tweening; /// <summary> /// 新手引导UI脚本 /// </summary> @@ -20,6 +21,7 @@ private RectGuidance maskObj; private RectTransform image_Rim_Rect;//边框 + private GameObject particle_1, particle_2;//使用粒子特效 private RectTransform image_Tip_Rect;//可以移动的提示框 private Text text_Tip;//可以移动的提示框文字 @@ -27,7 +29,7 @@ Vector2 rimOffset = new Vector2(30, 30);//边框要比按钮大一些 Image tmpMask;//自身的遮罩 - + GameObject offectBackground;//适配需要的黑色背景 ImageFire1 fire1; ImageFire2 fire2;//两个用来合成的火元素 @@ -39,8 +41,13 @@ ImageTowerPos2 towerPos2;//塔位标识 GameObject towerBuyBtn;//购买宝石按钮 - + Vector2 towerBuyBtnPos; Image backgroundImg;//用来接受空白点击事件的图片 + + RectTransform dragHandImg;//拖动标识手指 + + Button skillBtn;// + Vector2 skillBtnPos = new Vector2(459, 280); /// <summary> /// 关闭所有UI @@ -58,9 +65,20 @@ { tmpMask = GetComponent<Image>(); tmpMask.enabled = false; + offectBackground = transform.Find("OffectImage").gameObject; + offectBackground.SetActive(false); + backgroundImg = transform.Find("Button").GetComponent<Image>(); - towerBuyBtn = GameObject.Find("MainUI/TowerBuyBtn"); + skillBtn = GameObject.Find("UICamera/BottomCanvas/Panel/Energy/FireSkillBtn").GetComponent<Button>(); + skillBtn.interactable = false; + towerBuyBtn = GameObject.Find("UICamera/BottomCanvas/Panel/TowerBuyBtn"); + RectTransform tmpTs = towerBuyBtn.GetComponent<RectTransform>(); + + RectTransform canvasUI = transform.parent.parent.GetComponent<RectTransform>(); + float tmpOffect = tmpTs.anchoredPosition.y - (canvasUI.sizeDelta.y * 0.5f); + towerBuyBtnPos = new Vector2(tmpTs.anchoredPosition.x, tmpOffect); + tipsUI = transform.Find("Tips").gameObject; tipsUI.transform.SetAsLastSibling();//把tips放在最下面 @@ -80,32 +98,74 @@ } image_Rim_Rect = transform.Find("Image_Rim").GetComponent<RectTransform>(); + particle_1 = image_Rim_Rect.transform.Find("Particle System Small").gameObject; + particle_2 = image_Rim_Rect.transform.Find("Particle System Big").gameObject; + + float a = 0.06666667f; + float b = canvasUI.localScale.x; + float tmpScale = a / b; + //Debug.Log($"记录的比值:{a} 当前Canvas的Scale:{b} 计算得到的比值:{tmpScale}"); + image_Tip_Rect = transform.Find("Image_Tip").GetComponent<RectTransform>(); text_Tip = image_Tip_Rect.transform.Find("Text").GetComponent<Text>(); image_SkillRim = transform.Find("Image_SkillRim").GetComponent<Image>(); + image_SkillRim.GetComponent<RectTransform>().anchoredPosition *= tmpScale; SetRimActive(false); image_SkillRim.gameObject.SetActive(false); fire1 = transform.Find("Image_Fire1").GetComponent<ImageFire1>(); + fire1.GetComponent<RectTransform>().anchoredPosition *= tmpScale; fire2 = transform.Find("Image_Fire2").GetComponent<ImageFire2>(); + fire2.GetComponent<RectTransform>().anchoredPosition *= tmpScale; fire1.gameObject.SetActive(false); fire2.gameObject.SetActive(false); towerPos = transform.Find("Image_TowerPos").GetComponent<ImageTowerPos>(); + towerPos.GetComponent<RectTransform>().anchoredPosition *= tmpScale; + towerPos.enabled = false; towerPos2 = transform.Find("Image_TowerPos2").GetComponent<ImageTowerPos2>(); + towerPos2.GetComponent<RectTransform>().anchoredPosition *= tmpScale; + towerPos2.enabled = false; water1 = transform.Find("Image_Water").GetComponent<ImageWater>(); + water1.GetComponent<RectTransform>().anchoredPosition *= tmpScale; water1.gameObject.SetActive(false); skill = transform.Find("Image_Skill").GetComponent<ImageSkill>(); + skill.GetComponent<RectTransform>().anchoredPosition *= tmpScale; + skill.gameObject.SetActive(false); + + dragHandImg = transform.Find("ImageHand").GetComponent<RectTransform>(); + dragHandImg.gameObject.SetActive(false); } + + private Vector2 tmpOffect; + + /// <summary> + /// Start is called on the frame when a script is enabled just before + /// any of the Update methods is called the first time. + /// </summary> + void Start() + { + tmpOffect = GetComponent<RectTransform>().offsetMin; + tmpOffect = new Vector2(tmpOffect.x, tmpOffect.y * 0.5f); + + image_SkillRim.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + fire1.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + fire2.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + towerPos.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + towerPos2.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + water1.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + skill.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + + } /// <summary> /// 设置引导框 /// </summary> @@ -139,16 +199,15 @@ /// <param name="currentIndex">当前第几步</param> public void Step1(string str, int currentIndex, Action ac) { - if (currentIndex == 0) { backgroundImg.raycastTarget = false; SetRimActive(true); AddButtonListener(towerBuyBtn, ac); Image btnImg = towerBuyBtn.GetComponent<Image>(); - InitRectGuidance(btnImg, 189, 73.5f); + InitRectGuidance(btnImg, 159, 73.5f, Vector2.one); SetRimPos(towerBuyBtn); - maskObj.ShowImmediately(); + //maskObj.ShowImmediately(); } else if (currentIndex == 1) @@ -158,7 +217,6 @@ } text_Tip.text = str;//动态改变长度 StartCoroutine(ShowRimTip(str)); - } public void Step1_1() @@ -168,6 +226,8 @@ fire1.gameObject.SetActive(true); fire1.transform.Find("Image_2").gameObject.SetActive(false); fire1.enabled = false; + + EventCenter.Ins.BroadCast((int)KTGMGemClient.EventType.PlayAppearEffect, fire1.transform.position); } } public void Step1_2() @@ -175,6 +235,10 @@ fire2.gameObject.SetActive(true); fire2.enabled = false; DestoryButtonListener(towerBuyBtn); + SetRimActive(false); + CloseMask(); + EventCenter.Ins.BroadCast((int)KTGMGemClient.EventType.PlayAppearEffect, fire2.transform.position); + //RemoveButtonListener(towerBuyBtn); } @@ -186,8 +250,6 @@ { backgroundImg.raycastTarget = true; //RemoveButtonListener(towerBuyBtn); - SetRimActive(false); - CloseMask(); } /// <summary> @@ -197,13 +259,17 @@ { if (currentIndex == 0) { + tmpMask.enabled = true; + offectBackground.SetActive(true); SetGuideUI(false); SetRimPos(fire2.gameObject); fire1.enabled = true; fire2.enabled = true; + image_Tip_Rect.gameObject.SetActive(false); + ShowDragPath(fire2.GetStartP, fire1.GetRect); StartCoroutine(ShowRimTip(str)); } } @@ -212,7 +278,7 @@ public void Step3_2(string str) { SetRimPos(fire1.gameObject); - StartCoroutine(ShowRimTip(str)); + //StartCoroutine(ShowRimTip(str)); } /// <summary> @@ -223,19 +289,22 @@ if (currentIndex == 0) { tmpMask.enabled = false; + offectBackground.SetActive(false); SetRimActive(true); Image btnImg = transform.Find("Image_TowerPos").GetComponent<Image>(); towerPos.enabled = true; - InitRectGuidance(btnImg, 75, 80); + InitRectGuidance(btnImg, 75, 80, tmpOffect); SetRimPos(btnImg.gameObject); - maskObj.ShowImmediately(); + //maskObj.ShowImmediately(); + ShowDragPath(fire1.GetStartP, btnImg.rectTransform); StartCoroutine(ShowRimTip(str)); + } } /// <summary> - /// 第六步,拖动造塔 + /// 第六步 /// </summary> public void Step5(int currentIndex, string str) { @@ -259,10 +328,10 @@ GameObject go = transform.Find("Image_TowerPos2").gameObject; Image btnImg = go.GetComponent<Image>(); - btnImg.raycastTarget=false; - InitRectGuidance(btnImg, 75, 80); + btnImg.raycastTarget = false; + InitRectGuidance(btnImg, 75, 80, tmpOffect); SetRimPos(go); - maskObj.ShowImmediately(); + //maskObj.ShowImmediately(); StartCoroutine(ShowRimTip(str)); } } @@ -285,27 +354,23 @@ { if (currentIndex == 0) { - SetRimActive(true); + image_Tip_Rect.gameObject.SetActive(false); //设置位置 AddButtonListener(towerBuyBtn, ac); - Image btnImg = towerBuyBtn.GetComponent<Image>(); - InitRectGuidance(btnImg, 189, 73.5f); + InitRectGuidance(btnImg, 159, 73.5f, Vector2.one); SetRimPos(towerBuyBtn); - maskObj.ShowImmediately(); } else if (currentIndex == 1) { GameObject go = transform.Find("Image_TowerPos2").gameObject; Image btnImg = go.GetComponent<Image>(); - btnImg.raycastTarget=true; - InitRectGuidance(btnImg, 75, 80); + btnImg.raycastTarget = true; + InitRectGuidance(btnImg, 75, 80, tmpOffect); SetRimPos(go); - maskObj.ShowImmediately(); + ShowDragPath(water1.GetStartP, btnImg.rectTransform); } - - StartCoroutine(ShowRimTip(str)); } public void Step9_1() @@ -334,28 +399,108 @@ if (currentIndex == 0) { tmpMask.enabled = true; - + tmpMask.color = new Color(1.0f, 1.0f, 1.0f, 0); SetGuideUI(false); SetRimActive(true); SetRimPos(skill.gameObject); - StartCoroutine(ShowRimTip(str)); + image_Tip_Rect.gameObject.SetActive(false); + //StartCoroutine(ShowRimTip(str)); + + ShowDragPath(skill.GetStartP, image_SkillRim.rectTransform); + + InitRectGuidance(image_SkillRim, 79, 265, tmpOffect); + } else if (currentIndex == 1) { - SetRimPos(image_SkillRim.gameObject); - StartCoroutine(ShowRimTip(str)); + SetRimActive(false); + //SetRimPos(image_SkillRim.gameObject); + //StartCoroutine(ShowRimTip(str)); + } + } + + public void SkillRelease() + { + StopShowDragPath(true); + CloseMask(); + image_SkillRim.gameObject.SetActive(false); + tmpMask.enabled = false; + SetRimActive(false); + } + + + /// <summary> + /// 第12步,引导释放技能 + /// </summary> + public void Step11Drag(int currentIndex) + { + if (currentIndex == 0) + { + GameConfig.CanDragTower = true; + //标记水塔 引导拖动 + towerPos.GetComponent<Image>().raycastTarget = false; + towerPos2.GetComponent<Image>().raycastTarget = false; + backgroundImg.raycastTarget = false; + SetRimActive(true); + SetGuideUI(false); + Image btnImg = towerPos2.GetComponent<Image>(); + btnImg.raycastTarget = false; + + InitRectGuidance(btnImg, 75, 80, tmpOffect); + SetRimPos(towerPos2.gameObject); + StartCoroutine(ShowRimTip("拖动")); + ShowDragPath(towerPos2.GetComponent<RectTransform>().anchoredPosition, towerPos.GetComponent<RectTransform>()); + + } + else if (currentIndex == 1) + { + Image btnImg = towerPos.GetComponent<Image>(); + btnImg.raycastTarget = false; + + InitRectGuidance(btnImg, 75, 80, tmpOffect); + SetRimPos(towerPos.gameObject); + StartCoroutine(ShowRimTip("拖动")); + + } + else if (currentIndex == 2) + { + SetRimActive(false); + StopShowDragPath(true); + CloseMask(); } } public void Step12() { - image_SkillRim.gameObject.SetActive(false); - tmpMask.enabled = false; - SetGuideUI(true); - SetRimActive(false); + backgroundImg.raycastTarget = true; } + + public void Step13(string str, Action ac) + { + skillBtn.interactable = true; + + EventCenter.Ins.BroadCast((int)KTGMGemClient.EventType.GuideEnergyUp, 100); + + SetGuideUI(false); + + backgroundImg.raycastTarget = false; + SetRimActive(true); + AddButtonListener(skillBtn.gameObject, ac); + Image btnImg = skillBtn.GetComponent<Image>(); + InitRectGuidance(btnImg, 79, 79f, Vector2.one); + SetRimPos(skillBtn.gameObject); + text_Tip.text = str;//动态改变长度 + StartCoroutine(ShowRimTip(str)); + } + + public void Step14() + { + SetGuideUI(true); + backgroundImg.raycastTarget = true; + } + #region 按钮以及提示 @@ -376,10 +521,35 @@ { SetRimActive(true); RectTransform rt = target.GetComponent<RectTransform>(); - image_Rim_Rect.anchoredPosition = rt.anchoredPosition; + if (target.gameObject.name == "TowerBuyBtn") + { + image_Rim_Rect.anchoredPosition = towerBuyBtnPos - tmpOffect; + } + else if (target.gameObject.name == "FireSkillBtn") + { + image_Rim_Rect.anchoredPosition = skillBtnPos; + } + else + { + image_Rim_Rect.anchoredPosition = rt.anchoredPosition; + } image_Rim_Rect.sizeDelta = (rt.sizeDelta * rt.localScale) + rimOffset; + if (image_Rim_Rect.sizeDelta.x > 200) + { + particle_1.SetActive(false); + particle_2.SetActive(true); + } + else + { + particle_1.SetActive(true); + particle_2.SetActive(false); + } + if (changeTipPos) + { image_Tip_Rect.anchoredPosition = new Vector2(image_Rim_Rect.anchoredPosition.x, image_Rim_Rect.anchoredPosition.y + 74 / 2 + image_Rim_Rect.sizeDelta.y / 2); + //image_Tip_Rect.anchoredPosition -= tmpOffect; + } } @@ -409,15 +579,26 @@ /// 抠出来一个区域 /// </summary> /// <param name="target"></param> - void InitRectGuidance(Image target, float x, float y) + void InitRectGuidance(Image target, float x, float y, Vector2 offect) { if (!maskObj.gameObject.activeSelf) { maskObj.gameObject.SetActive(true); } //maskObj.Init(target); - maskObj.InitForCamera(target, x, y); - + //maskObj.ShowImmediately(); + if (target.gameObject.name == "TowerBuyBtn") + { + maskObj.InitForCamera(target, towerBuyBtnPos, x, y); + } + else if (target.gameObject.name == "FireSkillBtn") + { + maskObj.InitForCamera(target, skillBtnPos, x, y); + } + else + { + maskObj.InitForCamera(target, x, y, offect); + } } /// <summary> @@ -461,5 +642,25 @@ #endregion + #region 拖动效果 + private void ShowDragPath(Vector2 startP, RectTransform endP) + { + if (!dragHandImg.gameObject.activeSelf) + { + dragHandImg.gameObject.SetActive(true); + dragHandImg.anchoredPosition = startP; + dragHandImg.DOMove(endP.position, 1).SetEase(Ease.InCubic).SetLoops(-1); + } + } + + public void StopShowDragPath(bool isClose) + { + dragHandImg.DOKill(); + if (isClose) + dragHandImg.gameObject.SetActive(false); + } + + + #endregion } -- Gitblit v1.9.1