实现思路如下:
十余年的象山网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同,自动调整象山建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“象山网站设计”,“象山网站推广”以来,每个客户项目都认真落实执行。
在页面初始化一个星星。
js中,根据数值去进行循环,clone()页面中的星星。
然后显示追加到页面中。
这样就完成了。
打开paintcode,绘制一个漏空的星星体现:
操作为:创建canvas 大小30 * 30;修改名称为Star;绘制一个矩形 30 * 30;绘制一个星星 30 * 30 ,星星弧度改为55 %;选中矩形和星星,点击difference,变成bezier 曲线。
接下来,我们添加一个新的canvas,绘制我们需要的控件。
操作为:创建星星评分canvas 150 * 30;创建背景矩形 150 * 30;创建填充矩形 100 * 30;放置5个第一步中绘制的漏空的星星到canvas 上,5个星星组成一个group;然后就可以看到我们想要的视图基本已经出来了。
下一步:将我们画好的生成style文件加入到我们的工程中;
先创建一个新的空白工程,添加一个自定义的类ScoreStarsView 继承自UIView;
操作为点击paintcode 的file- export 生成stylekit文件放到我们新建的工程下,然后打开xcode ,添加生成是ScoreStarsKit 文件。然后在自定义的ScoreStarsView 类中导入kit,然后在drawRect 进行绘制。最后在storyboard中添加uiview ,把这个view的类改成ScoreStarsView;然后模拟器运行。
首先星星有碰撞器来点选,然后点选的时候增加计数的总数,等总数为7的时候用LoadLevel来进入另一个场景
oli[i-1].onmouseover=function(){
fnPoint(this.index);
};
oli[i-1].onmouseout=function(){
fnPoint();
};
在鼠标划过的时候就调用了啊。。。