Hello all,
Welcome to my next classroom on adding Shunshine animation to MIUI Lockscreen. This is done in simple 2 steps in 2 minute.
Video Tutorial:
Steps:
1. Download the below zip file containing the code and png images required. Then Extract the zip file.
sun shine.zip (55.18 KB, Downloads: 100) 2. Copy the weather folder in the extracted zip file and paste it In your theme /lockscreen/advance/ folder.
3. Copy the below codes and paste at the bottom of the menifest.xml but before the </lockscreen> tag. See Video.
<!-- Sunshine Animation -->
<Group name="halo">
<AlphaAnimation>
<Alpha a="0" time="0"/>
<Alpha a="255" time="2000"/>
<Alpha a="255" time="5000"/>
<Alpha a="0" time="7000"/>
</AlphaAnimation>
<Image x="720" y="-696" scale="4" src="weather/halo_1.png">
<PositionAnimation>
<Position x="0" y="0" time="0"/>
<Position x="-620" y="596" time="2000"/>
<Position x="-720" y="696" time="3500"/>
<Position x="-720" y="696" time="4500"/>
<Position x="-620" y="596" time="6000"/>
<Position x="0" y="0" time="7000"/>
</PositionAnimation>
</Image>
<Image name="halo1" x="120+600" y="-614" scale="4" src="weather/halo_2.png">
<PositionAnimation>
<Position x="0" y="0" time="100"/>
<Position x="-500" y="514" time="2100"/>
<Position x="-600" y="614" time="3500"/>
<Position x="-600" y="614" time="4500"/>
<Position x="-500" y="514" time="5900"/>
<Position x="0" y="0" time="7000"/>
</PositionAnimation>
</Image>
</Group>
<Group name="spot_d">
<AlphaAnimation>
<Alpha a="0" time="0"/>
<Alpha a="0" time="900"/>
<Alpha a="180" time="2500"/>
<Alpha a="180" time="5000"/>
<Alpha a="0" time="6100"/>
<Alpha a="0" time="7000"/>
</AlphaAnimation>
<Image x="190-150" y="437+150" alpha="76.5" scale="0.83" src="weather/spot.png">
<PositionAnimation>
<Position x="0" y="0" time="0"/>
<Position x="150" y="-150" time="2000"/>
<Position x="210" y="-210" time="5000"/>
<Position x="300" y="-300" time="7000"/>
</PositionAnimation>
</Image>
<Image x="245-100" y="425+100" alpha="127.5" scale="0.44" src="weather/spot.png">
<PositionAnimation>
<Position x="0" y="0" time="0"/>
<Position x="100" y="-100" time="2000"/>
<Position x="150" y="-150" time="5000"/>
<Position x="250" y="-250" time="7000"/>
</PositionAnimation>
</Image>
<Image x="236-50" y="468+50" alpha="127.5" scale="0.26" src="weather/spot.png">
<PositionAnimation>
<Position x="0" y="0" time="0"/>
<Position x="50" y="-50" time="2000"/>
<Position x="80" y="-80" time="5000"/>
<Position x="150" y="-150" time="7000"/>
</PositionAnimation>
</Image>
<Image x="291-5" y="441+5" alpha="255" scale="0.028" src="weather/spot.png">
<PositionAnimation>
<Position x="0" y="0" time="0"/>
<Position x="5" y="-5" time="2000"/>
<Position x="10" y="-10" time="5000"/>
<Position x="30" y="-30" time="7000"/>
</PositionAnimation>
</Image>
<Image x="321-10" y="405+10" alpha="178.5" scale="0.07" src="weather/spot.png">
<PositionAnimation>
<Position x="0" y="0" time="0"/>
<Position x="10" y="-10" time="2000"/>
<Position x="40" y="-40" time="5000"/>
<Position x="90" y="-90" time="7000"/>
</PositionAnimation>
</Image>
<Image x="360-5" y="333+5" alpha="51" scale="0.29" src="weather/spot.png">
<PositionAnimation>
<Position x="0" y="0" time="0"/>
<Position x="5" y="-5" time="2000"/>
<Position x="10" y="-10" time="5000"/>
<Position x="30" y="-30" time="7000"/>
</PositionAnimation>
</Image>
</Group>
You can see some sample themes here:
comment 0 التعليقات:
more_vertsentiment_satisfied Emoticon