带 UIImages 指针的模拟时钟？

Question

我想知道如何在iPhone SDK中制作模拟时钟。但是，我希望时钟的指针是自定义图像，而不是像本教程中那样绘制的正方形： http://iphone-dev-tips.alterplay.com/2010/03/analog-clock-using-quartz-core.html

的问题该教程是用 Quarzt Core 绘制时钟指针。只要手可以定制，我就可以接受。以这种方式制作模拟时钟的最简单方法是什么？

Answer 1

使用 CALayers 进行操作。这样就容易得多，而且性能也更好。

CALayer *handLayer = [CALayer layer];
handLayer.contents = (id)[UIImage imageNamed:@"hand.png"].CGImage;
handLayer.anchorPoint = CGPointMake(0.5,0.0)];
[myview.layer addSublayer:handLayer];

//i.e.: if handLayer represents the seconds hand then repeat this every second ;)
handLayer.transform = CGAffineTransformMakeRotation (angle); //set the angle here

更新：

我写了一个使用 CALayers 的 ClockView 示例，也许你会发现它很有用。

Answer 2

这个使用 raphael js
http://jsfiddle.net/8srjq/

 函数开始(){
                画布 = 拉斐尔("时钟",200, 200);
                var h_sign;
                for(i=0;i<24;i++){
                    var p = Math.round(40*Math.cos(15*i*Math.PI/180));
                    if(p==40 || p==-40 || p==0){
                        var start_x = 100+Math.round(35*Math.cos(15*i*Math.PI/180));
                        var start_y = 100+Math.round(35*Math.sin(15*i*Math.PI/180));                        

                    }别的{
                        var start_x = 100+Math.round(39*Math.cos(15*i*Math.PI/180));
                        var start_y = 100+Math.round(39*Math.sin(15*i*Math.PI/180));  
                    }

                    var end_x = 100+Math.round(47*Math.cos(15*i*Math.PI/180));
                    var end_y = 100+Math.round(47*Math.sin(15*i*Math.PI/180));    
                    h_sign = canvas.path("M"+start_x+" "+start_y+"L"+end_x+" "+end_y);
                    h_sign.attr({笔画:"#888","笔画宽度":1})
                }    
                h_hand = canvas.path("M100 100L100 70");
                h_hand.attr({笔画: "#eee", "笔画宽度": 3});
                min_hand = canvas.path("M100 100L100 65");
                min_hand.attr({笔画: "#eee", "笔画宽度": 2});
                sec_hand = canvas.path("M100 110L100 55");
                sec_hand.attr({笔画: "#f00", "笔画宽度": 1}); 
                var pin = canvas.circle(100, 100, 2);
                pin.attr("填充", "#fff");    
                设置间隔（函数（）{
                   var now = new Date();
                   var h = now.getHours();
                   var min = now.getMinutes();
                   var sec = now.getSeconds();
                   h_hand.rotate(30*h+(min/2.5), 100, 100);
                   min_hand.rotate(6*分钟, 100, 100);
                   sec_hand.rotate(6*秒, 100, 100);
                },1000);
            } 

希望有用