首页 > 学院 > 手机玩家 > 正文

用Winterboard实现淡入淡出多图动态桌面

2024-06-08 15:23:07
字体:
来源:转载
供稿:网友

   2.0源cydia里面最新版的2.0系统换主题软件winterboard里多了一个自带的叫Saurik的主题,不知大家发现了没有,这个主题已经支持用两张PNG图片来实现具有淡进淡出效果的动态背景。现在我们以最快的速度更换到自己想要的图片。

  1.确保你的Winterboard升级到了最新版,也就是打开主程序后可以看到里面有个叫Saurik的主题。

  2.用你自己的两张尺寸为320x480的PNG照片替换掉/PRivate/var/stash/Themes.xxxxxx/Saurik/private(xxxxxx是你目录后面的六个随机字符)目录中对应的Rock.png和Plant.png两张图,文件名大小要与原始文件写要完全一致。

  3.你还可以用自己的Dock图片替换/Private/var/stash/Themes.xxxxxx/Saurik/Bundles/com.apple.springboard目录下的SBDockBG.png,注意文件名大小写要完全一致。

  4.重启,进入winterboard,你会看到你喜欢的两张背景照片会每隔15秒自动变换。

   %205.Saurik目录下有个Wallpaper.html,用记事本或其他网页编辑软件打开,代码如下,大牛们可以根据自己的喜好做进一步修改以得到想要的功能。

  无限循环:Winterboard实现淡进淡出效果的动态桌面背景。代码如下(红色区域可酌情修改):

<?xml%20version="1.0"%20encoding="UTF-16"?>
<html><head>
   %20<base%20href="Private/"/>
   %20<!--meta%20name="viewport"%20c%20"width=320,%20minimum-scale=1.0,%20maximum-scale=1.0"/-->
   %20<meta%20http-equiv="Content-Type"%20c%20charset=UTF-8"/>
   %20<style>
       %20body%20{
           %20background-color:%20black;
           %20margin:%200;
           %20padding:%2020px%200%200%200;
           %20height:%20442px;
           %20width:%20320px;
       %20}
       %20img%20{
           %20-webkit-transition-property:%20opacity;
           %20-webkit-transition-duration:%202s;
           %20position:%20absolute;
           %20width:%20320px;
           %20height:%20auto;
       %20}
       %20img.fade-out%20{
           %20opacity:%200;
       %20}
       %20img.fade-in%20{
           %20opacity:%201;
       %20}
   %20</style>
</head><body%20>
   %20<img%20src="a.png" id="a"/>
    <img src="b.png" id="b"/>
    <img src="c.png" id="c"/>
    <img src="d.png" id="d"/>
    <img src="e.png" id="e"/>
    <img src="f.png" id="f"/>           拷贝图片至 /private/var/stash/Themes.icID5u/Saurik/Private/下,图片名字自行对应,但不支持数字,只支持英文,建议用abc~~,简单。

    <script>
        var fade_in = a;
        var fade_out = b;
        var fade_in1 = c;
        var fade_out1 = d;
        var fade_in2 = e;
        var fade_out2 = f;                    

        var fade = function () {
            fade_in.className = 'fade-out';
            fade_out.className = 'fade-in';

            var fade_tmp = fade_in;
            fade_in = fade_out;                       
            fade_out = fade_in1;
            fade_in1 = fade_out1;
            fade_out1 = fade_in2;
            fade_in2 = fade_out2;
            fade_out2 = fade_tmp;
            setTimeout(fade, 3000);       循环的时间 3000=3000ms=3s
        };
        fade();
    </script>
</body></html>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选