Multilayer

Function

This animation displays multiple overlaid layers. Users can view the animation either by pressing or by tapping the screen.

An example is the theme Forest Context. You can search for it in HUAWEI Themes to experience the effect.

Demo Video

Materials

Some materials used in the demo video:

XML Specifications

<MultiLayer gravityX="-#x_gra" gravityY="#y_gra" pitchAngle="15,-15" sidesAngle="8,-8" touchType="#touchtype" stepX="#stepX" stepZ="#step" >
<!-- Bottom layer -->
        <Layer x="(589-435+ 85)*((10-#c12)/3)-#w/(6/(7-#c12))"   y="(#qh+584)*((10-#c12)/3)-#h/(6/(7-#c12))"     z="#c12"  w="975*((10-#c12)/3)"    h="1200*((10-#c12)/3)"  src="c12.png"/>
<!-- Middle layer -->
        <Layer x="(589-435+ 200)*((10-#c11)/3)-#w/(6/(7-#c11))"   y="(#qh+513)*((10-#c11)/3)-#h/(6/(7-#c11))"   z="#c11"  w="825*((10-#c11)/3)"    h="924*((10-#c11)/3)"  src="c11.png"/>
<!-- Cover layer -->
        <Layer x="(442-435+ 200)*((10-#c10)/3)-#w/(6/(7-#c10))"   y="(#qh+518)*((10-#c10)/3)-#h/(6/(7-#c10))"   z="#c10"  w="1034*((10-#c10)/3)"   h="900*((10-#c10)/3)"  src="c10_1.png">
                        <Source frame="c10_1.png" time="0"/>
                        <Source frame="c10_2.png" time="50"/>
                        <Source frame="c10_3.png" time="100"/>
                        <Source frame="c10_4.png" time="150"/>
                        <Source frame="c10_5.png" time="200"/>
                        <Source frame="c10_6.png" time="250"/>
                        <Source frame="c10_7.png" time="300"/>
                        <Source frame="c10_8.png" time="350"/>
                        <Source frame="c10_9.png" time="400"/>
                        <Source frame="c10_10.png" time="450"/>
                        <Source frame="c10_11.png" time="500"/>
                        <Source frame="c10_12.png" time="550"/>
                        <Source frame="c10_13.png" time="600"/>
                        <Source frame="c10_14.png" time="650"/>
                        <Source frame="c10_15.png" time="700"/>
                        <Source frame="c10_16.png" time="750"/>
                        <Source frame="c10_17.png" time="800"/>
                        <Source frame="c10_18.png" time="850"/>
                        <Source frame="c10_19.png" time="900"/>
                        <Source frame="c10_20.png" time="950"/>
                        <Source frame="c10_21.png" time="1000"/>
                        <Source frame="c10_22.png" time="1050"/>
                        <Source frame="c10_23.png" time="1100"/>
                        <Source frame="c10_24.png" time="1150"/>
                        <Source frame="c10_25.png" time="1200"/>
                        <Source frame="c10_26.png" time="1250"/>
        </Layer>
​</MultiLayer>