Merge branch 'charlesmchen/genericAttachmentsAppearance2'

pull/1/head
Matthew Chen 8 years ago
commit 14689f0252

@ -0,0 +1,23 @@
{
"images" : [
{
"idiom" : "universal",
"filename" : "generic-attachment-small@1x.png",
"scale" : "1x"
},
{
"idiom" : "universal",
"filename" : "generic-attachment-small@2x.png",
"scale" : "2x"
},
{
"idiom" : "universal",
"filename" : "generic-attachment-small@3x.png",
"scale" : "3x"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

@ -77,9 +77,24 @@ NS_ASSUME_NONNULL_BEGIN
#pragma mark - JSQMessageMediaData protocol #pragma mark - JSQMessageMediaData protocol
- (CGFloat)iconHMargin
{
return 12.f;
}
- (CGFloat)iconHSpacing
{
return 10.f;
}
- (CGFloat)iconVMargin
{
return 12.f;
}
- (CGFloat)bubbleHeight - (CGFloat)bubbleHeight
{ {
return 45.f; return self.iconSize + self.iconVMargin * 2;
} }
- (CGFloat)iconSize - (CGFloat)iconSize
@ -92,6 +107,21 @@ NS_ASSUME_NONNULL_BEGIN
return 10.f; return 10.f;
} }
- (UIColor *)bubbleBackgroundColor
{
return self.incoming ? [UIColor jsq_messageBubbleLightGrayColor] : [UIColor ows_materialBlueColor];
}
- (UIColor *)textColor
{
return (self.incoming ? [UIColor colorWithWhite:0.2f alpha:1.f] : [UIColor whiteColor]);
}
- (UIColor *)foregroundColorWithOpacity:(CGFloat)alpha
{
return [self.textColor blendWithColor:self.bubbleBackgroundColor alpha:alpha];
}
- (UIView *)mediaView - (UIView *)mediaView
{ {
if (_cachedMediaView == nil) { if (_cachedMediaView == nil) {
@ -100,25 +130,29 @@ NS_ASSUME_NONNULL_BEGIN
_cachedMediaView = [[UIView alloc] initWithFrame:CGRectMake(0.f, 0.f, viewSize.width, viewSize.height)]; _cachedMediaView = [[UIView alloc] initWithFrame:CGRectMake(0.f, 0.f, viewSize.width, viewSize.height)];
_cachedMediaView.backgroundColor _cachedMediaView.backgroundColor = self.bubbleBackgroundColor;
= self.incoming ? [UIColor jsq_messageBubbleLightGrayColor] : [UIColor ows_materialBlueColor];
[JSQMessagesMediaViewBubbleImageMasker applyBubbleImageMaskToMediaView:_cachedMediaView [JSQMessagesMediaViewBubbleImageMasker applyBubbleImageMaskToMediaView:_cachedMediaView
isOutgoing:!self.incoming]; isOutgoing:!self.incoming];
const CGFloat kBubbleTailWidth = 6.f; const CGFloat kBubbleTailWidth = 6.f;
CGRect contentFrame = CGRectMake(self.incoming ? kBubbleTailWidth : 0.f, CGRect contentFrame = CGRectMake(self.incoming ? kBubbleTailWidth : 0.f,
self.vMargin, self.vMargin,
viewSize.width - kBubbleTailWidth - 15, viewSize.width - kBubbleTailWidth - self.iconHMargin,
viewSize.height - self.vMargin * 2); viewSize.height - self.vMargin * 2);
UIImage *image = [UIImage imageNamed:(self.incoming ? @"file-black-40" : @"file-white-40")]; UIImage *image = [UIImage imageNamed:@"generic-attachment-small"];
OWSAssert(image); OWSAssert(image);
UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; UIImageView *imageView = [UIImageView new];
CGRect iconFrame = CGRectMake(round(contentFrame.origin.x + 10.f), CGRect iconFrame = CGRectMake(round(contentFrame.origin.x + self.iconHMargin),
round(contentFrame.origin.y + (contentFrame.size.height - self.iconSize) * 0.5f), round(contentFrame.origin.y + (contentFrame.size.height - self.iconSize) * 0.5f),
self.iconSize, self.iconSize,
self.iconSize); self.iconSize);
imageView.frame = iconFrame; imageView.frame = iconFrame;
imageView.image = [image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
imageView.tintColor = self.bubbleBackgroundColor;
imageView.backgroundColor
= (self.incoming ? [UIColor colorWithRGBHex:0x9e9e9e] : [self foregroundColorWithOpacity:0.15f]);
imageView.layer.cornerRadius = MIN(imageView.bounds.size.width, imageView.bounds.size.height) * 0.5f;
[_cachedMediaView addSubview:imageView]; [_cachedMediaView addSubview:imageView];
NSString *fileExtension = self.attachment.filePath.pathExtension; NSString *fileExtension = self.attachment.filePath.pathExtension;
@ -132,7 +166,7 @@ NS_ASSUME_NONNULL_BEGIN
UILabel *fileTypeLabel = [UILabel new]; UILabel *fileTypeLabel = [UILabel new];
fileTypeLabel.text = fileExtension.uppercaseString; fileTypeLabel.text = fileExtension.uppercaseString;
fileTypeLabel.textColor = [textColor colorWithAlphaComponent:0.85f]; fileTypeLabel.textColor = imageView.backgroundColor;
fileTypeLabel.lineBreakMode = NSLineBreakByTruncatingTail; fileTypeLabel.lineBreakMode = NSLineBreakByTruncatingTail;
fileTypeLabel.font = [UIFont ows_mediumFontWithSize:20.f]; fileTypeLabel.font = [UIFont ows_mediumFontWithSize:20.f];
fileTypeLabel.adjustsFontSizeToFitWidth = YES; fileTypeLabel.adjustsFontSizeToFitWidth = YES;
@ -140,7 +174,7 @@ NS_ASSUME_NONNULL_BEGIN
CGRect fileTypeLabelFrame = CGRectZero; CGRect fileTypeLabelFrame = CGRectZero;
fileTypeLabelFrame.size = [fileTypeLabel sizeThatFits:CGSizeZero]; fileTypeLabelFrame.size = [fileTypeLabel sizeThatFits:CGSizeZero];
// This dimension depends on the space within the icon boundaries. // This dimension depends on the space within the icon boundaries.
fileTypeLabelFrame.size.width = 20.f; fileTypeLabelFrame.size.width = 15.f;
// Center on icon. // Center on icon.
fileTypeLabelFrame.origin.x fileTypeLabelFrame.origin.x
= round(iconFrame.origin.x + (iconFrame.size.width - fileTypeLabelFrame.size.width) * 0.5f); = round(iconFrame.origin.x + (iconFrame.size.width - fileTypeLabelFrame.size.width) * 0.5f);
@ -149,7 +183,7 @@ NS_ASSUME_NONNULL_BEGIN
fileTypeLabel.frame = fileTypeLabelFrame; fileTypeLabel.frame = fileTypeLabelFrame;
[_cachedMediaView addSubview:fileTypeLabel]; [_cachedMediaView addSubview:fileTypeLabel];
const CGFloat kLabelHSpacing = 3; const CGFloat kLabelHSpacing = self.iconHSpacing;
const CGFloat kLabelVSpacing = 2; const CGFloat kLabelVSpacing = 2;
NSString *topText = NSString *topText =
[self.attachment.filename stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceCharacterSet]]; [self.attachment.filename stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceCharacterSet]];
@ -207,7 +241,7 @@ NS_ASSUME_NONNULL_BEGIN
{ {
CGSize size = [super mediaViewDisplaySize]; CGSize size = [super mediaViewDisplaySize];
size.width = [self ows_maxMediaBubbleWidth:size]; size.width = [self ows_maxMediaBubbleWidth:size];
size.height = ceil(self.bubbleHeight + self.vMargin * 2); size.height = (CGFloat)ceil(self.bubbleHeight);
return size; return size;
} }

@ -128,12 +128,12 @@ NS_ASSUME_NONNULL_BEGIN
- (void)setAudioIconToPlay { - (void)setAudioIconToPlay {
[self setAudioIcon:[UIImage imageNamed:@"audio_play_black_40"] [self setAudioIcon:[UIImage imageNamed:@"audio_play_black_40"]
iconColor:(self.incoming ? [UIColor colorWithRGBHex:0x9494B2] : [self audioColorWithOpacity:0.15f])]; iconColor:(self.incoming ? [UIColor colorWithRGBHex:0x9e9e9e] : [self audioColorWithOpacity:0.15f])];
} }
- (void)setAudioIconToPause { - (void)setAudioIconToPause {
[self setAudioIcon:[UIImage imageNamed:@"audio_pause_black_40"] [self setAudioIcon:[UIImage imageNamed:@"audio_pause_black_40"]
iconColor:(self.incoming ? [UIColor colorWithRGBHex:0x9494B2] : [self audioColorWithOpacity:0.1f])]; iconColor:(self.incoming ? [UIColor colorWithRGBHex:0x9e9e9e] : [self audioColorWithOpacity:0.15f])];
} }
- (void)setIsAudioPlaying:(BOOL)isAudioPlaying - (void)setIsAudioPlaying:(BOOL)isAudioPlaying
@ -157,6 +157,11 @@ NS_ASSUME_NONNULL_BEGIN
#pragma mark - JSQMessageMediaData protocol #pragma mark - JSQMessageMediaData protocol
- (CGFloat)audioIconHMargin - (CGFloat)audioIconHMargin
{
return 12.f;
}
- (CGFloat)audioIconHSpacing
{ {
return 10.f; return 10.f;
} }
@ -269,7 +274,7 @@ NS_ASSUME_NONNULL_BEGIN
const CGFloat kBubbleTailWidth = 6.f; const CGFloat kBubbleTailWidth = 6.f;
CGRect contentFrame = CGRectMake(self.incoming ? kBubbleTailWidth : 0.f, CGRect contentFrame = CGRectMake(self.incoming ? kBubbleTailWidth : 0.f,
self.audioIconVMargin, self.audioIconVMargin,
viewSize.width - kBubbleTailWidth - 15, viewSize.width - kBubbleTailWidth - self.audioIconHMargin,
viewSize.height - self.audioIconVMargin * 2); viewSize.height - self.audioIconVMargin * 2);
CGRect iconFrame = CGRectMake((CGFloat)round(contentFrame.origin.x + self.audioIconHMargin), CGRect iconFrame = CGRectMake((CGFloat)round(contentFrame.origin.x + self.audioIconHMargin),
@ -280,7 +285,7 @@ NS_ASSUME_NONNULL_BEGIN
_audioPlayPauseButton.enabled = NO; _audioPlayPauseButton.enabled = NO;
[mediaView addSubview:_audioPlayPauseButton]; [mediaView addSubview:_audioPlayPauseButton];
const CGFloat kLabelHSpacing = self.audioIconHMargin; const CGFloat kLabelHSpacing = self.audioIconHSpacing;
const CGFloat kLabelVSpacing = 2; const CGFloat kLabelVSpacing = 2;
NSString *topText = [[self.attachment.filename stringByDeletingPathExtension] NSString *topText = [[self.attachment.filename stringByDeletingPathExtension]
stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceCharacterSet]]; stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceCharacterSet]];

Loading…
Cancel
Save