1. 所在位置：首页
  2. 问答
  3. 亲自动手开发win7边侧栏小工具应用程序

亲自动手开发win7边侧栏小工具应用程序

乐回复 2024-05-27 15:22:46
最佳回答
1新建一个文件夹，取名为"myweather.gadget",并在该文件夹下创建一个名称为"weatherreport.html"的网页文件，该文件将作为主页面被显示，其对应的html代码如下： <html> <head> <title>我的天气小应用程序</title> <meta http-equiv="msthemecompatible" content="yes" /> <meta http-equiv="content-type" content="text/html; charset=unicode" /> <link type="text/css" href="css/myweather.css" rel="stylesheet" /> <script defer src="js/myweather.js" language=j**ascript type="text/j**ascript"> </script> </head> <body onload="specialrefresh()" scroll="no" unselectable="on"> <g:background id="mybackground" > <span id="gadgetcontent" > <iframe id="myiframe" name="myiframe" src="http://tianqi.xixik.com/cframe/4" allowtransparency="true" width="130" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"> *加载天气预报控件失败*请检查网络连接情况* </iframe> </span> </g:background> </body> </html> 2在"myweather.gadget"目录下创建一个名称为"css"的新文件夹，并创建名称为"myweather.css"的层叠样式表文件，该文件将用于设置主页面"weatherreport.html"的显示效果，其对应代码如下： body{ margin: 0; width: 134px; height:150px; border:1px solid #000000; font-weight: bold; font-size:small; background-color:white; vertical-align:top; text-align: center; font-size:14px;} #gadgetcontent { margin: 0px; width: 130px; height:120px;vertical-align: middle; text-align: center; float:none; d**play:inline-block; } #mybackground{ height:150px; } #author{ font-size:15px; border-top:2px solid #45ff00; background-color:white; padding:0px; width:130px; height:30px; float:none; margin:2px 1px 1px 1px; position:relative; z-index:3; }3在"myweather.gadget"目录下创建一个名为"js"的文件夹，并在该文件夹下创建一个名称为"myweather.js"的脚本文件，该文件用于控制主页面文件"weatherreport.html"的行为。其对应代码如下： var times =1; //1 代表 1分钟 var shows = 10; //1 代表显示一天的预报信息 var receverstring; var gadgettime; function loadmian() { system.gadget.v**ibilitychanged = checkv**ibility; system.gadget.ondock = dock; system.gadget.onundock = undock; } function specialrefresh() { loadmian(); if (updatetimeinterval == "") times = 10 * 1000 * 10; else times = updatetimeinterval * 60 * 1000; gadgettime = settimeout("self.location.reload()", times); } function checkv**ibility() { var **v**ible = system.gadget.v**ible; if (!**v**ible) { cleartimeout(gadgettime); } } function undock() {} function dock() {}4在"myweather.gadget"目录下创建一个名为"gadget.xml"的文件，该文件用于描述整个小工具程序的框架，其对应代码如下： <?xml version="1.0" encoding="utf-8"?> <gadget> <name>简易天气预报程序</name> <!-- 定义gadget名称 --> <namespace>http://jingyan.baidu.com/user/nuc/expl**t?type=1></namespace> <!-- 定义gadget的命名空间，与js交互 --> <version>1.0.1.0</version> <!-- 版本信息 --> <author name="feifeidown"> <!-- 作者信息 --> <** url="http://jingyan.baidu.com/user/nuc/expl**t?type=1" /> <!-- 作者网站的链接地址(4) --> <logo src="logo.png"/> <!-- 作者的logo信息(5) --> </author> <copyright>diy易度空间 by ©feifeidown</copyright><!-- 版权信息 --> <description>天气预报实例程序，用于实时观测当地的天气情况</description> <!-- 功能描述信息 --> <icons> <icon height="48" width="48" src="icon.png"/> <!-- 显示在小工具待选箱时的图标(8) --> </icons> <hosts> <host name="sidabar"> <!--仅支持sidebar--> <autoscaledpi> <!--_loccomment_text="{locked}"-->true </autoscaledpi> <base type="html" apiversion="1.0.0" src="weatherreport.html"/> <!-- type仅支持html;src用以指明主界面的html源文件 --> <perm**sions>full</perm**sions><!--目前仅可以设置full--> <platform minplatformversion="1.0" /> <defaultimage src="dragicon.png"/> <!-- 在从小工具备选箱用鼠标拖到sidebar时所显示的logo --> </host> </hosts> </gadget>5制作三个名称分别为"icon.png"、"dragicon.png"和"logo.png"的图形文件，拷贝到"myweather.gadget"目录下。其中各个文件的尺寸如图所示。 6将"myweather.gadget"文件夹拷贝到"%系统根目录%program files/windows sidebar/gadgets/"目录下。注意：此步操作需要管理员权限。然后右击桌面，选择"小工具"，在弹出的"百宝箱"界面中选择"简易天气预报程序"小工具，并拖动到桌面的任意位置，如果一切顺利的话，界面应该如下图所示。 end 20210311
汇率兑换计算器

类似问答
汇率兑换计算器

热门推荐
热门问答
最新问答
推荐问答
新手帮助
常见问题
房贷计算器-九子财经 | 备案号： 桂ICP备19010581号-1 商务联系 企鹅：2790-680461

特别声明：本网为公益网站，人人都可发布，所有内容为会员自行上传发布"，本站不承担任何法律责任，如内容有该作者著作权或违规内容，请联系我们清空删除。