验证loader加载动画切换

xbpiao · Nov 20, 2023 · ba5ce7a · ba5ce7a
1 parent f631002
commit ba5ce7a
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 12 deletions.
diff --git a/demo/UIProject/assets/Basics/Demo_MovieClip.xml b/demo/UIProject/assets/Basics/Demo_MovieClip.xml
@@ -1,15 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <component size="1136,570">
+  <controller name="c1" pages="0,,1," selected="0"/>
   <displayList>
     <text id="n0" name="n0" xy="16,9" size="605,71" fontSize="22" autoSize="none" text="1. Import gif directly&#xA;2. Use builtin tool to create movieclip"/>
-    <jta id="n8" name="n8" src="hixt1v" xy="44,109"/>
-    <jta id="n13" name="n13" src="hixt1v" xy="52,243" color="#0066cc"/>
-    <jta id="n14" name="n14" src="hixt1v" xy="70,416" frame="1" playing="false"/>
-    <jta id="n15" name="n15" src="hixt1v" xy="298,227" pivot="0.5,0.5" size="155,144" alpha="0.33" rotation="-49" frame="1"/>
-    <component id="n18" name="n18" src="rpmb10" xy="170,426" size="84,42">
+    <movieclip id="n8" name="n8" src="hixt1v" fileName="images/nlge1k.jta" xy="44,109"/>
+    <movieclip id="n13" name="n13" src="hixt1v" fileName="images/nlge1k.jta" xy="52,243" color="#0066cc"/>
+    <loader id="n14" name="n14" xy="70,416" size="59,59" url="ui://9leh0eyfhixt1v" align="center" vAlign="middle">
+      <gearIcon controller="c1" pages="0,1" values="ui://9leh0eyfhixt1v|ui://9leh0eyft9fj5f"/>
+    </loader>
+    <movieclip id="n15" name="n15" src="hixt1v" fileName="images/nlge1k.jta" xy="298,227" pivot="0.5,0.5" size="155,144" alpha="0.33" rotation="-49" frame="1"/>
+    <component id="n18" name="n18" src="rpmb10" fileName="components/Button2.xml" xy="170,426" size="84,42">
       <Button title="点我" icon="ui://9leh0eyfhixt1v"/>
     </component>
-    <jta id="n19" name="n19" src="t9fj5f" xy="172,111"/>
-    <jta id="n22" name="n22" src="hixt1v" xy="176,243" grayed="true"/>
+    <movieclip id="n19" name="n19" src="t9fj5f" fileName="images/pet.jta" xy="172,111"/>
+    <movieclip id="n22" name="n22" src="hixt1v" fileName="images/nlge1k.jta" xy="176,243" grayed="true"/>
   </displayList>
 </component>
diff --git a/demo/UIProject/assets/Basics/components/Button2.xml b/demo/UIProject/assets/Basics/components/Button2.xml
@@ -2,15 +2,15 @@
 <component size="85,40" extention="Button">
   <controller name="button" pages="0,up,1,down,2,over,3,selectedOver" selected="0"/>
   <displayList>
-    <image id="n1" name="n1" src="rpmbf" xy="0,0" size="85,40" aspect="true">
+    <image id="n1" name="n1" src="rpmbf" fileName="images/b7_png.png" xy="0,0" size="85,40" aspect="true">
       <gearDisplay controller="button" pages="0"/>
       <relation target="" sidePair="width-width,height-height"/>
     </image>
-    <image id="n2" name="n2" src="rpmbd" xy="0,0" size="85,40" aspect="true">
+    <image id="n2" name="n2" src="rpmbd" fileName="images/b5_png.png" xy="0,0" size="85,40" aspect="true">
       <gearDisplay controller="button" pages="1,3"/>
       <relation target="" sidePair="width-width,height-height"/>
     </image>
-    <image id="n3" name="n3" src="rpmbe" xy="0,0" size="85,40" aspect="true">
+    <image id="n3" name="n3" src="rpmbe" fileName="images/b6_png.png" xy="0,0" size="85,40" aspect="true">
       <gearDisplay controller="button" pages="2"/>
       <relation target="" sidePair="width-width,height-height"/>
     </image>

diff --git a/demo/assets/demo.scene b/demo/assets/demo.scene
@@ -368,7 +368,7 @@
     "_priority": 1073741824,
     "_fov": 45,
     "_fovAxis": 0,
-    "_orthoHeight": 360,
+    "_orthoHeight": 435.9893143365984,
     "_near": 1,
     "_far": 2000,
     "_color": {

diff --git a/demo/assets/resources/UI/Basics.bin b/demo/assets/resources/UI/Basics.bin
diff --git a/demo/assets/script/demo/BasicsDemo.ts b/demo/assets/script/demo/BasicsDemo.ts
@@ -95,6 +95,10 @@ export default class BasicDemo extends Component {
             case "ProgressBar":
                 this.playProgressBar();
                 break;
+
+            case "MovieClip":
+                this.playMovieClip();
+                break;
         }
     }
 
@@ -326,4 +330,15 @@ export default class BasicDemo extends Component {
             }
         }
     }
+
+
+    //---------------------------------------------
+    private playMovieClip() {
+        var obj: fgui.GComponent = this._demoObjects["MovieClip"];
+        var btn = obj.getChild("n18");
+        var c1 = obj.getController("c1");
+        btn.onClick(()=>{
+            c1.selectedIndex = (c1.selectedIndex + 1) % c1.pageCount;
+        }, this);
+    }
 }
diff --git a/demo/assets/script/demo/MainMenu.ts b/demo/assets/script/demo/MainMenu.ts
@@ -24,7 +24,7 @@ export default class MainMenu extends Component {
 
     onLoad() {
         dynamicAtlasManager.enabled = false;
-        fgui.UIConfig.enableDelayLoad = false;
+        fgui.UIConfig.enableDelayLoad = true;
         fgui.UIConfig.autoReleaseAssets = true;
         fgui.UIPackage.loadPackage("UI/MainMenu", this.onUILoaded.bind(this));
     }