2011-03-22 153 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