iPhone SDK開發(fā)基礎(chǔ)之自定義儀表控件是本文要介紹的內(nèi)容，主要是來(lái)學(xué)習(xí)儀表控件。在iOS開發(fā)中，因?yàn)槌绦虻男枰袝r(shí)要自行繪制iPhone SDK沒有提供的界面控件，通常使用QuartzCore.framework即可畫出你所需要的各種圖形，在這里我們實(shí)現(xiàn)一個(gè)圓形的“儀表盤”控件，控件的外觀如圖3-48所示，用戶可以通過(guò)旋轉(zhuǎn)儀表控件的指針來(lái)設(shè)置程序需要的各種系統(tǒng)參數(shù),如圖所示：

控件使用兩個(gè)UIView來(lái)實(shí)現(xiàn)儀表控件，并通過(guò)CGAffineTransform類來(lái)實(shí)現(xiàn)儀表指針的旋轉(zhuǎn)，控件在UIDialView類中實(shí)現(xiàn)，UIDialView類的定義如下。

//  UIDialView.h  
#import <UIKit/UIKit.h> 
 
@protocol UIDialViewDelegate  
@optional  
- (void)dialValue:(int)tag Value:(float)value;  
@end  
 
@interface UIDialView : UIView {  
 id<UIDialViewDelegate> delegate;  
 NSTimer *timer;  
 UIImageView *iv;  
 float maxValue,minValue;  
 CGAffineTransform initialTransform ;  
 float currentValue;  
}  
@property(nonatomic,assign)id<UIDialViewDelegate>delegate;  
@property CGAffineTransform initialTransform;  
@property float currentValue;  
 
@end 

在UIDialView類的實(shí)現(xiàn)文件中，通過(guò)init()方法讀取圖片文件初始化控件背景和指針，代碼如下。

//  UIDialView.m  
#import "UIDialView.h"  
 
@interface  
 
UIDialView()  
-(void)spin:(NSTimer *)timer;  
-(float) goodDegrees:(float)degrees;  
@end  
 
#define degreesToRadians(degrees) (M_PI * degrees / 180.0)  
#define radiansToDegrees(radians) (radians * 180 / M_PI)  
 
static CGPoint delta;  
static float deltaAngle;  
static float currentAngle;  
 
@implementation UIDialView  
@synthesize initialTransform,currentValue;  
 
- (void)dealloc {  
 [iv release];  
    [super dealloc];  
}  
 
@synthesize  
 
delegate;  
 
- (id)init{  
    if ((self = [super init])) {  
    
  self.userInteractionEnabled = YES;  
  iv =[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"knob. png"]];  
    
  UIImage *backgroundTile = [UIImage imageNamed: @"clock.png"];  
  UIColor *backgroundPattern = [[UIColor alloc] initWithPatternImage: backgroundTile];  
  self.contentMode = UIViewContentModeCenter;  
  [self setBackgroundColor:backgroundPattern];  
  [backgroundPattern release];    
    
  iv.backgroundColor = [UIColor clearColor];   
  iv.autoresizesSubviews= YES;    
  self.frame = CGRectMake(0, 0, iv.frame.size.width, iv.frame.size. height);  
    
  [self addSubview:iv];    
  [self bringSubviewToFront:iv];  
  [iv release];  
    
  currentValue = 0;  
  currentAngle = 0;   
  deltaAngle = 0.0;    
 }  
    return self;  
} 

在UIView的touchesBegan()方法中捕獲用戶Touch點(diǎn)的位置，并根據(jù)此位置使用atan2()函數(shù)計(jì)算出控件的初始化角度，代碼如下。

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{  
 UITouch *thisTouch = [touches anyObject];  
 delta = [thisTouch locationInView:self];  
   
 float dx = delta.x  - iv.center.x;  
 float dy = delta.y  - iv.center.y;  
 deltaAngle = atan2(dy,dx);  
 initialTransform = iv.transform;  
} 

在用戶的旋轉(zhuǎn)過(guò)程中通過(guò)設(shè)置指針UIView對(duì)象的transform屬性實(shí)現(xiàn)儀表控件指針伴隨用戶手指的旋轉(zhuǎn)而旋轉(zhuǎn)，代碼如下。

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event{  
 UITouch *touch = [touches anyObject];  
 CGPoint pt = [touch locationInView:self];  
   
 float dx = pt.x  - iv.center.x;  
 float dy = pt.y  - iv.center.y;  
 float ang = atan2(dy,dx);  
    
 if (deltaAngle == 0.0) {  
  deltaAngle = ang;  
  initialTransform = iv.transform;    
 }else{  
  float angleDif = deltaAngle - ang;  
  CGAffineTransform newTrans = CGAffineTransformRotate(initialTransform, -angleDif);  
  iv.transform = newTrans;  
 
  float diffValue = [self goodDegrees:radiansToDegrees(angleDif)];    
  currentValue = maxValue - ((maxValue - minValue)/300)*diffValue;  
  if(currentValue > 100) currentValue = 100;  
 }   
 if (delegate != nil) {  
  [delegate dialValue:self.tag Value:currentValue];  
 }  
} 

客戶通過(guò)實(shí)現(xiàn)UIDialViewDelegate接口協(xié)議的dialValue()方法而得到控件的通知消息，代碼如下。

//  DialViewController.h  
#import <UIKit/UIKit.h> 
#import "UIDialView.h"  
 
@interface  
 
DialViewController : UIViewController< UIDialViewDelegate> {  
   UIDialView *dialView;  
   UILabel *myLabel;  
}  
 
- (void)dialValue:(int)tag Value:(float)value{  
 NSString *str = [NSString stringWithFormat:@"%.1f",v*100];  
    [myLabel performSelector:@selector(setText:) withObject:str];  
} 

小結(jié)：詳解iPhone SDK開發(fā)基礎(chǔ)之自定義儀表控件的內(nèi)容介紹完了，希望通過(guò)本文的的學(xué)習(xí)能對(duì)你有所幫助！