iphone小组件布局（iPhone小组件进阶玩法,高度可定制化）

之前有人问我，iphone如何创建这种风格的小组件，下面出个详细的教程，先提前说好，过程非常繁琐，谨慎观看。首先找到script ball，这是一款可以用javascript编写小组件的工具，可以自己编写或者获取其他人分享的组件。

打开以后，我们进入gallery，加载速度比较慢，可能需要特殊的网络环境。从这里获取两个组件transparent blood visit，用它制作透明组件要用的背景。

第二个是weather coverage。it builder获取后，他们就会出现在脚本列表了。

我们首先制作透明背景，返回桌面，长按屏幕向左滑动到没有任何图标的一页截屏，随后打开scraped by运行transparent plus wages，选择图片小组件大小。我这里演示放置在屏幕上方的大号组件，所以选择large大号以及top顶部样式就选择透明，最后选择保存到相册里面。

接下来运行weather coverage is builder首次运行，它会获取另一个脚本，可能需要特殊网络环境，直接点击默认的名字。下一步会检查权限，允许即可。

接下来会要求。由你输入APIK来显示天气情况，选择第二项获取它会跳转到网站。

你需要注册一个账户，得到APIK最后三项不用勾选，下面这个验证可能需要特殊网络环境才能显示。登录后在页面找到APIK复制后关闭粘贴在这个框里面，下面设置小组件背景。

最后一项从相册选择刚刚制作的背景，深色模式下的背景，也可以单独设置小组件。创建好了，点击预览即可查看。

接下来返回桌面添加小组件，选择scrape的大号组件，点击组件编辑设置脚本，选择weather coverage。it builder, 现在这个组件还有点不完美，气温显示的不是摄氏度。

再次打开script，ball运行weather coverage builder会出现小组件设置菜单，进入第三项偏好设置，这里就能修改气温单位改成摄氏度，菜单里面还可以设置早、中、晚问候语，显示在小组件左下角。当天的日程提醒事项也会出现在这里，以及小组件上面各种项目的文字大小等等，均可以在这里面进行自定义设置项目的一个。

都是英文，看不懂的话，可以截屏以后识别文字再进行翻译，这里就不细讲了，大家自行探索。这个教程确实挺麻烦，我不太建议没有时间的用户去折腾。

因为经常有小伙伴留言要，所以做这个文章来说一下整个流程。当然scraped by真正强大的地方在于可以用javascript的编写组件，有这方面技术的小伙伴可以去研究一下更多技巧，记得。