2011-03-22 158 views
2

我在我的應用程序中有一個語音備忘錄組件,我想讓用戶修剪音頻,類似於Mac OS上的QuickTime X十點六處理它,或者像Voice Memos應用程序蘋果手機。這裏有兩個例子:iPhone trim音頻錄製

enter image description here enter image description here

任何幫助表示讚賞。

+1

看看AVMutableCompositionTrack removeTimeRange。 – 2011-03-26 01:54:54

+0

這就是我將用來做底層的工作,但對我來說真正的問題實際上是製作那個UI。也許把它轉換成靜止的視頻,編輯它,然後將其轉換回來可能會給我提供一種很好的方式去做事情? – 2011-03-26 03:21:50

+0

我會在自定義控件中使用Core Graphics。我發佈了一個示例滑塊,我做了一段時間後作爲答案。 – 2011-03-27 17:29:52

回答

3

我不是一個UI程序員。這是我寫的一個測試,看看如何編寫自定義控件。此代碼可能會或可能不會工作。我有一段時間沒有觸及它。

@interface SUIMaxSlider : UIControl { 
@private 
    float_t minimumValue; 
    float_t maximumValue; 
    float_t value; 
    CGPoint trackPoint; 

} 
@property (nonatomic, assign) float_t minimumValue, maximumValue; 
@property (nonatomic, assign) float_t value; 
@end 

實施

#import "SUIMaxSlider.h" 
#import <CoreGraphics/CoreGraphics.h> 
#import <QuartzCore/QuartzCore.h> 
//#import "Common.h" 

#define kSliderPadding 5 

@implementation SUIMaxSlider 

@synthesize minimumValue, maximumValue; 

#pragma mark - 
#pragma mark Interface Initialization 

- (id) initWithCoder:(NSCoder *)aDecoder { 
    if (self = [super initWithCoder:aDecoder]) { 
     trackPoint.x = self.bounds.size.width; 
     self.backgroundColor = [UIColor colorWithRed:135.0/255.0 green:173.0/255.0 blue:255.0/255.0 alpha:0.0]; 
    } 
    return self; 
} 

- (id) initWithFrame: (CGRect) aFrame { 
    if (self = [super initWithFrame:aFrame]) { 
     self.frame = aFrame; 
     self.bounds = aFrame; 
     self.center = CGPointMake(CGRectGetMidX(aFrame), CGRectGetMidY(aFrame)); 
     trackPoint.x = aFrame.size.width; 
    } 

    return self; 
} 

- (id) init { 
    return [self initWithFrame:CGRectZero]; 
} 

#pragma mark - 
#pragma mark Properties. 
#pragma mark - 

- (float_t) value { 
    return value; 
} 

- (void) setValue:(float_t) v { 
    value = fmin(v, maximumValue); 
    value = fmax(value, minimumValue); 
    float_t delta = maximumValue - minimumValue; 
    float_t scalar = ((self.bounds.size.width - 2 * kSliderPadding)/delta) ; 

    float_t x = (value - minimumValue) * scalar; 
    x += 5.0; 
    trackPoint.x = x; 

    [self setNeedsDisplay]; 
} 


#pragma mark - 
#pragma mark Interface Drawing 
#pragma mark - 

- (void) drawRect:(CGRect) rect { 
    CGContextRef context = UIGraphicsGetCurrentContext(); 

    CGColorRef lightBlue = [UIColor colorWithRed:135.0/255.0 green:173.0/255.0 blue:255.0/255.0 alpha:1.0].CGColor; 
    CGColorRef lightBlueAlpha = [UIColor colorWithRed:135.0/255.0 green:173.0/255.0 blue:255.0/255.0 alpha:0.7].CGColor; 
    CGColorRef lightGrayColor = [UIColor colorWithRed:130.0/255.0 green:130.0/255.0 blue:130.0/255.0 alpha:1.0].CGColor; 
    CGColorRef darkGrayColor = [UIColor colorWithRed:70.0/255.0 green:70.0/255.0 blue:70.0/255.0 alpha:1.0].CGColor; 
    CGColorRef redColor = [UIColor colorWithRed:1.0 green:1.0 blue:1.0 alpha:0.6].CGColor; 

    CGRect boundsRect = self.bounds; 

    CGRect sliderRect = CGRectMake(0, 0, boundsRect.size.width, boundsRect.size.height/2); 

    /* 
    CGContextSetFillColorWithColor(context, lightGrayColor); 
    CGContextFillRect(context, sliderRect); 

    halfHeight.origin.y = sliderRect.size.height; 
    CGContextSetFillColorWithColor(context, darkGrayColor); 
    CGContextFillRect(context, sliderRect); 
    */ 

    CGFloat tx = fmin(sliderRect.size.width - kSliderPadding, trackPoint.x); 
    tx = fmax(kSliderPadding, tx); 

    sliderRect.origin.y = boundsRect.origin.y; 
    sliderRect.size.width = tx ; 
    CGContextSetFillColorWithColor(context, lightBlueAlpha); 
    CGContextFillRect(context, sliderRect); 

    sliderRect.origin.y = sliderRect.size.height; 
    CGContextSetFillColorWithColor(context, lightBlue); 
    CGContextFillRect(context, sliderRect); 


    CGFloat mid = boundsRect.size.height/2 ; 

    CGPoint a = CGPointMake(tx - kSliderPadding, mid); 
    CGPoint b = CGPointMake(tx, mid - kSliderPadding); 
    CGPoint c = CGPointMake(tx + kSliderPadding, mid); 
    CGPoint d = CGPointMake(tx, mid + kSliderPadding); 

    CGContextSetRGBFillColor(context, 1.0, 1.0, 1.0, 1.0); 
    CGContextSetLineWidth(context, 2.0); 
    CGContextBeginPath(context); 
    CGContextMoveToPoint(context, a.x, a.y); 
    CGContextAddLineToPoint(context, b.x, b.y); 
    CGContextAddLineToPoint(context, c.x, c.y); 
    CGContextAddLineToPoint(context, d.x, d.y); 
    CGContextAddLineToPoint(context, a.x, a.y); 

    CGContextFillPath(context); 
} 


#pragma mark - 
#pragma mark Touch Tracking 
#pragma mark - 

- (void) trackTouch:(UITouch *) touch { 
    CGPoint p = [touch locationInView:self]; 
    //bound track point 
    trackPoint.x = fmax(p.x, kSliderPadding) ; 
    trackPoint.x = fmin(trackPoint.x, self.bounds.size.width - kSliderPadding); 
    [self setNeedsDisplay]; 

    float_t x = trackPoint.x - kSliderPadding; 

    float_t delta = maximumValue - minimumValue; 
    float_t scalar = (x/(self.bounds.size.width - 2 * kSliderPadding)) ; 
    value = minimumValue + (delta * scalar); 
    [self sendActionsForControlEvents:UIControlEventValueChanged]; 

} 

- (void)endTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event { 
    [self trackTouch:touch]; 
} 

- (BOOL)beginTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event { 
    CGPoint p = [touch locationInView:self]; 

    trackPoint.x = fmax(p.x, kSliderPadding) ; 
    trackPoint.x = fmin(trackPoint.x, self.bounds.size.width - kSliderPadding); 
    [self setNeedsDisplay]; 

    return YES; 
} 

- (BOOL)continueTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event { 
    [self trackTouch:touch]; 
    return YES; 
}  

@end 
+0

謝謝,這工作得很好!我正在擴展它以提供所需的用戶界面。 – 2011-03-27 18:54:24

+0

很好用。 [Ray Wenderlich](http://www.raywenderlich.com/tutorials)有幾篇關於使用核心圖形和自定義控件的入門教程。 – 2011-03-27 19:22:47