scene_page.ts 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
  1. import { _decorator, Color, Component, instantiate, misc, Node, Prefab, ScrollView, Size, Sprite, tween, Tween, UIOpacity, UITransform, Vec3, Widget } from 'cc';
  2. import { ani_frame, att_ani_data, attributes_data, event_item, event_item_delete_drag_other, guo_ju_qing_dai_dao_ju, scene_item_data, widget_item_data, zhao_xi_jie_data, zhao_xi_jie_item_data } from '../../data/data';
  3. import { config } from '../config';
  4. import { tools } from '../tools';
  5. import { gameManager } from './gameManager';
  6. import { widget_base } from './widget/widget_base';
  7. import { ClientEvent } from '../clientEvent';
  8. import { widget_drag } from './widget/widget_drag';
  9. const { ccclass, property } = _decorator;
  10. class BindTarget{
  11. color : Color;
  12. opacity:number;
  13. size:Size;
  14. pos:Vec3;
  15. rotation:number;
  16. anchorPointX:number;
  17. anchorPointY:number;
  18. }
  19. @ccclass('scene_page')
  20. export class scene_page extends Component {
  21. @property(Node) scroll_view:Node = null;
  22. @property(Node) content:Node = null;
  23. @property(Node) maskView:Node = null;
  24. @property(Prefab) widget_click_prefab:Prefab = null;
  25. @property(Prefab) widget_drag_prefab:Prefab = null;
  26. @property(Prefab) widget_slide_prefab:Prefab = null;
  27. @property(Prefab) widget_img_prefab:Prefab = null;
  28. @property(Prefab) widget_animation_prefab:Prefab = null;
  29. private mData:scene_item_data = null;
  30. private mIsMask:boolean = false;
  31. private mSceneAtt:attributes_data = null;
  32. private mWidgetList:Map<number,Node> = new Map;
  33. private bindTarget:BindTarget = null;
  34. protected mAnimationList:att_ani_data[] = []; //动画组
  35. protected mCurRunAnimation:ani_frame[] = [];
  36. protected mCurAnimation:att_ani_data = null;
  37. protected mPlayStatus:boolean = false;
  38. public initView(page_data:scene_item_data){
  39. this.mData = page_data;
  40. this.mIsMask = this.mData.is_check_mask;
  41. this.mSceneAtt = this.mData.att;
  42. if(this.mData.is_full_screen){
  43. this.content.getComponent(Widget).enabled = true;
  44. }else{
  45. this.content.getComponent(Widget).enabled = false;
  46. }
  47. this.content.position = Vec3.ZERO;
  48. this.mAnimationList = this.mSceneAtt.animation_list;
  49. console.log("scene_page this.mAnimationList", this.mAnimationList)
  50. if(this.mIsMask){
  51. this.maskView.active = true;
  52. }else{
  53. this.maskView.active = false;
  54. }
  55. this.initViewAtt()
  56. ClientEvent.on(config.EventRun.NOTICE_EVENT,this.widgetBeActive.bind(this),this)
  57. ClientEvent.on(config.EventRun.SHOW_ZHAO_BU_TONG_FINISH_STATUS,this.on_zhao_bu_tong_finish.bind(this),this)
  58. ClientEvent.on(config.EventRun.ON_ZHAO_BU_TONG_ALL_FINISH,this.on_zhao_bu_tong_all_finish.bind(this),this)
  59. }
  60. public checkFinish(widget_id:number):boolean{
  61. let widget = this.mWidgetList.get(widget_id)
  62. if(!widget){
  63. tools.showToast("配置监听其他控件错误")
  64. return true
  65. }
  66. return widget.getComponent(widget_base).getIsFinish();
  67. }
  68. public checkShow(widget_id:number):boolean{
  69. let widget = this.mWidgetList.get(widget_id)
  70. if(!widget){
  71. return true
  72. }
  73. return widget.getComponent(widget_base).getIsShow();
  74. }
  75. protected onDestroy(): void {
  76. this.mWidgetList.clear()
  77. ClientEvent.off(config.EventRun.SHOW_ZHAO_BU_TONG_FINISH_STATUS,this.on_zhao_bu_tong_finish.bind(this),this)
  78. ClientEvent.off(config.EventRun.ON_ZHAO_BU_TONG_ALL_FINISH,this.on_zhao_bu_tong_all_finish.bind(this),this)
  79. ClientEvent.off(config.EventRun.NOTICE_EVENT,this.widgetBeActive.bind(this),this)
  80. }
  81. widgetBeActive(widgetId:number,event:event_item){
  82. let item = this.mWidgetList.get(widgetId)
  83. if(item){
  84. item.getComponent(widget_base).beActive(widgetId,event)
  85. }
  86. // console.log("scene_page=",event.type)
  87. // let log_string = `执行类型${event.type}_${config.get_event_type_name(event.type)} 控件id${widgetId}`
  88. // console.log(log_string)
  89. if(event.type===config.event_type.scene_ani){
  90. let ani_id = event.event_item_scene_ani.ani_id;
  91. this.mCurAnimation = this.getAniById(ani_id)
  92. if(this.mCurAnimation){
  93. this.mCurRunAnimation = this.mCurAnimation.ani_frame_list;
  94. if(this.mCurRunAnimation.length<2){
  95. }else{
  96. this.runAnimation()
  97. }
  98. }else{
  99. return tools.showToast(`错误的动画配置!id:${this.mData.att.id}-请检查`)
  100. }
  101. }else if(event.type===config.event_type.delete_drag_other_data){
  102. this.eventDeleteDragOtherData(event)
  103. }else if(event.type===config.event_type.active_event) {
  104. let data = event.event_item_active_event_data
  105. this.eventMoreBindingWidgetList(data, event)
  106. }else if(event.type===config.event_type.stop_active_event) {
  107. let data = event.event_item_stop_active_event_data
  108. this.eventMoreBindingWidgetList(data, event)
  109. }else if(event.type===config.event_type.hide) {
  110. let data = event.event_item_hide_data
  111. this.eventMoreBindingWidgetList(data, event)
  112. }
  113. }
  114. eventDeleteDragOtherData(event:event_item){
  115. let wd = event.event_item_delete_drag_other_data.widget_id
  116. let index = event.event_item_delete_drag_other_data.delete_drag_other_index
  117. let other_widget_list = event.event_item_delete_drag_other_data.widget_list
  118. if(other_widget_list.length==0) {
  119. let item = this.mWidgetList.get(wd)
  120. if(item){
  121. item.getComponent(widget_drag).deleteOtherDrag(index)
  122. }else{
  123. // tools.showToast("删除拖拽目标配置错误!")
  124. }
  125. } else {
  126. let data_list:event_item_delete_drag_other[] = JSON.parse(JSON.stringify(other_widget_list))
  127. if(wd!=-1) {
  128. let first_data = new event_item_delete_drag_other
  129. first_data.widget_id = wd
  130. first_data.delete_drag_other_index = index
  131. data_list.unshift(first_data)
  132. }
  133. for(let i=0;i<data_list.length;i++) {
  134. const element = data_list[i]
  135. let wd = element.widget_id
  136. let index = element.delete_drag_other_index
  137. let item = this.mWidgetList.get(wd)
  138. if(item) {
  139. item.getComponent(widget_drag).deleteOtherDrag(index)
  140. }
  141. }
  142. }
  143. }
  144. eventMoreBindingWidgetList(data, event:event_item) {
  145. if(data!=null) {
  146. if(data.binding_widget_list==null||data.binding_widget_list.length==0) {
  147. return
  148. }
  149. for(let i=0;i<data.binding_widget_list.length;i++) {
  150. const element = data.binding_widget_list[i]
  151. let e_widget_id = element.binding_widget_id
  152. let e_item = this.mWidgetList.get(e_widget_id)
  153. if(e_widget_id!=-1){
  154. if(e_item){
  155. e_item.getComponent(widget_base).beActive(e_widget_id,event)
  156. }
  157. }
  158. }
  159. }
  160. }
  161. on_zhao_bu_tong_finish(widget:zhao_xi_jie_item_data){
  162. let item = this.mWidgetList.get(widget.widget_id)
  163. if(!item){
  164. // tools.showToast("配置找茬错误!")
  165. return
  166. }
  167. item.getComponent(widget_base).showZhaoButongFinishStatus()
  168. }
  169. on_zhao_bu_tong_all_finish(data: zhao_xi_jie_data) {
  170. let widget_list = gameManager.getWidgetList(this.mData)
  171. for (let index = 0; index < widget_list.length; index++) {
  172. const widget_data = widget_list[index];
  173. if(widget_data.type == config.Widget_Type_List.CLICK_TYPE ||
  174. widget_data.type == config.Widget_Type_List.SLIDE_TYPE ||
  175. widget_data.type == config.Widget_Type_List.DRAG_TYPE) {
  176. let item = this.mWidgetList.get(widget_data.att.id)
  177. item.getComponent(widget_base).hideZhaoButongFinishStatus()
  178. }
  179. }
  180. }
  181. public initViewAtt(){
  182. if(this.mData.is_full_screen){
  183. }else{
  184. this.initPos()
  185. this.initSize()
  186. }
  187. this.initBG()
  188. this.initWidgetList()
  189. }
  190. public initWidgetList(){
  191. let widget_list = gameManager.getWidgetList(this.mData).sort((a,b)=>{
  192. return a.att.z - b.att.z;
  193. })
  194. let is_dai_dao_ju_drag = (id:number)=>{
  195. let task:guo_ju_qing_dai_dao_ju =gameManager.Singleton.mSceneManager.getSceneTask()._guo_ju_qing_dai_dao_ju;
  196. if(task==null){
  197. return false;
  198. }
  199. for (let index = 0; index < task.widget_list.length; index++) {
  200. const element = task.widget_list[index];
  201. if(id==element.widget_id){
  202. return true
  203. }
  204. }
  205. return false;
  206. }
  207. for (let index = 0; index < widget_list.length; index++) {
  208. const widget_data = widget_list[index];
  209. let item:Node = null;
  210. switch (widget_data.type) {
  211. case config.Widget_Type_List.CLICK_TYPE:
  212. item = instantiate(this.widget_click_prefab)
  213. break;
  214. case config.Widget_Type_List.SLIDE_TYPE:
  215. item = instantiate(this.widget_slide_prefab)
  216. break;
  217. case config.Widget_Type_List.DRAG_TYPE:
  218. if(is_dai_dao_ju_drag(widget_data.att.id)){
  219. }else{
  220. item = instantiate(this.widget_drag_prefab)
  221. }
  222. break;
  223. case config.Widget_Type_List.IMG_TYPE:
  224. item = instantiate(this.widget_img_prefab)
  225. break;
  226. case config.Widget_Type_List.ACTION_TYPE:
  227. item = instantiate(this.widget_animation_prefab)
  228. break;
  229. }
  230. if(item){
  231. let com = item.getComponent(widget_base);
  232. if(com===null){
  233. console.log("error--widget_data.type:",widget_data.type)
  234. }else{
  235. item.name =`type${widget_data.type}-id${ widget_data.att.id}`
  236. com.initView(widget_data)
  237. item.parent = this.content;
  238. this.mWidgetList.set(widget_data.att.id,item)
  239. }
  240. }
  241. }
  242. }
  243. public getBG(){
  244. return this.content;
  245. }
  246. public initBG(){
  247. if(this.mSceneAtt.src.length>0){
  248. tools.loadUrl(this.mSceneAtt.src,this.content.getComponent(Sprite))
  249. }
  250. }
  251. public initSize(){
  252. this.content.getComponent(UITransform).contentSize = new Size(this.mSceneAtt.width,this.mSceneAtt.height)
  253. }
  254. public initPos(){
  255. this.content.position = new Vec3(this.mSceneAtt.x,this.mSceneAtt.y)
  256. }
  257. runAnimation(){
  258. if(this.bindTarget!=null){
  259. Tween.stopAllByTarget(this.bindTarget)
  260. this.bindTarget = null;
  261. }
  262. // Tween.stopAll()
  263. let getFrameData = (index)=>{
  264. let cur_frame:ani_frame =this.mCurRunAnimation[index];
  265. let up_frame:ani_frame = index>0?this.mCurRunAnimation[index-1]:this.mCurRunAnimation[0];
  266. return {"cur_frame":cur_frame,"up_frame":up_frame}
  267. }
  268. let cur_index = 0;
  269. let data = getFrameData(cur_index);
  270. let call_back = ()=>{
  271. cur_index++;
  272. if(cur_index>=this.mCurRunAnimation.length){
  273. if(this.mCurAnimation.isLoop){
  274. cur_index = 0;
  275. }else{
  276. this.mPlayStatus = false;
  277. return;
  278. }
  279. }
  280. let data = getFrameData(cur_index);
  281. this.runFrame(data.cur_frame,data.up_frame,call_back)
  282. }
  283. this.runFrame(data.cur_frame,data.up_frame,call_back)
  284. }
  285. runFrame(frame:ani_frame,up_frame:ani_frame,call){
  286. if(!frame || !up_frame) { return }
  287. let self = this;
  288. let tweenDuration: number = frame.next_time;
  289. // this.content.getComponent(Sprite).spriteFrame = gameManager.getCacheSpriteFrameByName(frame.url)
  290. let n_pos:Vec3 = new Vec3(frame.pos_x,frame.pos_y)
  291. let _color = new Color()
  292. _color = _color.fromHEX(frame.color)
  293. this.bindTarget = new BindTarget();
  294. let rotation = up_frame.rotation == undefined?0:up_frame.rotation
  295. this.bindTarget.rotation = rotation
  296. this.bindTarget.color = new Color().fromHEX(up_frame.color)
  297. this.bindTarget.opacity = up_frame.transparent;
  298. this.bindTarget.size = new Size(up_frame.size_width,up_frame.size_height)
  299. this.bindTarget.pos = new Vec3(up_frame.pos_x,up_frame.pos_y)
  300. this.bindTarget.anchorPointX = up_frame.anchor_point_x==undefined?0.5:up_frame.anchor_point_x
  301. this.bindTarget.anchorPointY = up_frame.anchor_point_y==undefined?0.5:up_frame.anchor_point_y
  302. let color_opactiy_tw_size = tween(this.bindTarget)
  303. .to( tweenDuration, { pos:n_pos,color: _color,opacity:frame.transparent,size:new Size(frame.size_width,frame.size_height),rotation:frame.rotation, anchorPointX:frame.anchor_point_x, anchorPointY:frame.anchor_point_y }, {
  304. onUpdate(tar:BindTarget){
  305. self.content.getComponent(Sprite).color = tar.color;
  306. self.content.getComponent(UIOpacity).opacity = tar.opacity;
  307. // self.content.getComponent(UITransform).setContentSize(tar.size)
  308. self.content.position = tar.pos
  309. self.content.angle = tar.rotation;
  310. self.content.getComponent(UITransform).setAnchorPoint(tar.anchorPointX, tar.anchorPointY)
  311. }
  312. }).call(()=>{
  313. call()
  314. });
  315. color_opactiy_tw_size.start();
  316. }
  317. public startScrollTouch(){
  318. if(this.maskView!=null){
  319. this.scroll_view.getComponent(ScrollView).horizontal = true
  320. this.scroll_view.getComponent(ScrollView).vertical = true
  321. }
  322. }
  323. public stopScrollTouch(){
  324. if(this.maskView!=null){
  325. this.scroll_view.getComponent(ScrollView).horizontal = false
  326. this.scroll_view.getComponent(ScrollView).vertical = false
  327. }
  328. }
  329. private getAniById(id:number){
  330. if(this.mAnimationList.length>0){
  331. for (let index = 0; index < this.mAnimationList.length; index++) {
  332. const element = this.mAnimationList[index];
  333. if(id==element.ani_id){
  334. return element;
  335. }
  336. }
  337. }
  338. return null;
  339. }
  340. }