mirror of
https://github.com/cappuccino/cappuccino.git
synced 2026-08-25 13:07:02 +00:00
Aparajita Fishman
afd5925499
Previously, Cappuccino was using preprocessor macros internally for the CGPoint/Size/Rect/Inset/Affine functions, as well as for CPRange. These macros had the same name as the corresponding function, but began with _. The functions were actually defined using the macros.
The motivation behind using macros was to increase performance by reducing function calls. However, there were a number of problems with this approach:
- There was an artificial dichotomy between _CG macros and the corresponding CG functions. We never completely replaced CG function calls with _CG macros. In fact, they were often mixed up in the same file. There was an extra burden on the programmer to remember to use the macro instead of the function.
- If a method call was passed as an argument to a macro, performance could actually be significantly *worse* than a function call. For example, _CGGetRectMakeCopy([view frame]) would expand to `{ origin:{ x:[view frame].origin.x, y:[view frame].origin.y }, size:{ width:[view frame].size.width, height:[view frame].size.height } }`. So instead of a single objj_msgSend and a single simple function call, we ended up with 4 objj_msgSend calls, which are way more expensive than simple function calls.
- Because of this expansion problem, to use macros efficiently required us to remember to use variables for all macro parameters. This didn't happen, and shouldn't have to happen.
- Finally, with modern Javascript engines, function call overhead is so small that it really isn't worth using the macros.
This commit eliminates the _CGGeometry, CGAffineTransformation and CPRange macros and replaces them with function calls.
BREAKING CHANGE:
The macros are no longer available. They could only be used with compiled code, but if there is any user code that used them, they will have to be replaced with the corresponding functions.
807 lines
24 KiB
Plaintext
807 lines
24 KiB
Plaintext
/*
|
|
* _CPImageAndTextView.j
|
|
* AppKit
|
|
*
|
|
* Created by Francisco Tolmasky.
|
|
* Copyright 2008, 280 North, Inc.
|
|
*
|
|
* This library is free software; you can redistribute it and/or
|
|
* modify it under the terms of the GNU Lesser General Public
|
|
* License as published by the Free Software Foundation; either
|
|
* version 2.1 of the License, or (at your option) any later version.
|
|
*
|
|
* This library is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
|
* Lesser General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Lesser General Public
|
|
* License along with this library; if not, write to the Free Software
|
|
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
|
*/
|
|
|
|
@import <Foundation/CPString.j>
|
|
|
|
@import "CPColor.j"
|
|
@import "CPFont.j"
|
|
@import "CPImage.j"
|
|
@import "CPView.j"
|
|
@import "CPControl.j"
|
|
@import "CPPlatform.j"
|
|
|
|
|
|
var _CPimageAndTextViewFrameSizeChangedFlag = 1 << 0,
|
|
_CPImageAndTextViewImageChangedFlag = 1 << 1,
|
|
_CPImageAndTextViewTextChangedFlag = 1 << 2,
|
|
_CPImageAndTextViewAlignmentChangedFlag = 1 << 3,
|
|
_CPImageAndTextViewVerticalAlignmentChangedFlag = 1 << 4,
|
|
_CPImageAndTextViewLineBreakModeChangedFlag = 1 << 5,
|
|
_CPImageAndTextViewTextColorChangedFlag = 1 << 6,
|
|
_CPImageAndTextViewFontChangedFlag = 1 << 7,
|
|
_CPImageAndTextViewTextShadowColorChangedFlag = 1 << 8,
|
|
_CPImageAndTextViewImagePositionChangedFlag = 1 << 9,
|
|
_CPImageAndTextViewImageScalingChangedFlag = 1 << 10;
|
|
|
|
/* @ignore */
|
|
@implementation _CPImageAndTextView : CPView
|
|
{
|
|
CPTextAlignment _alignment;
|
|
CPVerticalTextAlignment _verticalAlignment;
|
|
|
|
CPLineBreakMode _lineBreakMode;
|
|
CPColor _textColor;
|
|
CPFont _font;
|
|
|
|
CPColor _textShadowColor;
|
|
CGSize _textShadowOffset;
|
|
|
|
CPCellImagePosition _imagePosition;
|
|
CPImageScaling _imageScaling;
|
|
float _imageOffset;
|
|
BOOL _shouldDimImage;
|
|
|
|
CPImage _image;
|
|
CPString _text;
|
|
|
|
CGSize _textSize;
|
|
|
|
unsigned _flags;
|
|
|
|
#if PLATFORM(DOM)
|
|
DOMElement _DOMImageElement;
|
|
DOMELement _DOMTextElement;
|
|
DOMElement _DOMTextShadowElement;
|
|
#endif
|
|
}
|
|
|
|
- (id)initWithFrame:(CGRect)aFrame control:(CPControl)aControl
|
|
{
|
|
self = [super initWithFrame:aFrame];
|
|
|
|
if (self)
|
|
{
|
|
_textShadowOffset = CGSizeMakeZero();
|
|
[self setVerticalAlignment:CPTopVerticalTextAlignment];
|
|
|
|
if (aControl)
|
|
{
|
|
[self setLineBreakMode:[aControl lineBreakMode]];
|
|
[self setTextColor:[aControl textColor]];
|
|
[self setAlignment:[aControl alignment]];
|
|
[self setVerticalAlignment:[aControl verticalAlignment]];
|
|
[self setFont:[aControl font]];
|
|
[self setImagePosition:[aControl imagePosition]];
|
|
[self setImageScaling:[aControl imageScaling]];
|
|
[self setImageOffset:[aControl imageOffset]];
|
|
}
|
|
else
|
|
{
|
|
[self setLineBreakMode:CPLineBreakByClipping];
|
|
//[self setTextColor:[aControl textColor]];
|
|
[self setAlignment:CPCenterTextAlignment];
|
|
[self setFont:[CPFont systemFontOfSize:CPFontCurrentSystemSize]];
|
|
[self setImagePosition:CPNoImage];
|
|
[self setImageScaling:CPImageScaleNone];
|
|
}
|
|
|
|
_textSize = nil;
|
|
[self setHitTests:NO];
|
|
}
|
|
|
|
return self;
|
|
}
|
|
|
|
- (id)initWithFrame:(CGRect)aFrame
|
|
{
|
|
return [self initWithFrame:aFrame control:nil];
|
|
}
|
|
|
|
- (void)setAlignment:(CPTextAlignment)anAlignment
|
|
{
|
|
if (_alignment === anAlignment)
|
|
return;
|
|
|
|
_alignment = anAlignment;
|
|
|
|
#if PLATFORM(DOM)
|
|
switch (_alignment)
|
|
{
|
|
case CPLeftTextAlignment: _DOMElement.style.textAlign = "left";
|
|
break;
|
|
case CPRightTextAlignment: _DOMElement.style.textAlign = "right";
|
|
break;
|
|
case CPCenterTextAlignment: _DOMElement.style.textAlign = "center";
|
|
break;
|
|
case CPJustifiedTextAlignment: _DOMElement.style.textAlign = "justify";
|
|
break;
|
|
case CPNaturalTextAlignment: _DOMElement.style.textAlign = "";
|
|
break;
|
|
}
|
|
#endif
|
|
}
|
|
|
|
- (CPTextAlignment)alignment
|
|
{
|
|
return _alignment;
|
|
}
|
|
|
|
- (void)setVerticalAlignment:(CPVerticalTextAlignment)anAlignment
|
|
{
|
|
if (_verticalAlignment === anAlignment)
|
|
return;
|
|
|
|
_verticalAlignment = anAlignment;
|
|
_flags |= _CPImageAndTextViewVerticalAlignmentChangedFlag;
|
|
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (unsigned)verticalAlignment
|
|
{
|
|
return _verticalAlignment;
|
|
}
|
|
|
|
- (void)setLineBreakMode:(CPLineBreakMode)aLineBreakMode
|
|
{
|
|
if (_lineBreakMode === aLineBreakMode)
|
|
return;
|
|
|
|
_lineBreakMode = aLineBreakMode;
|
|
_flags |= _CPImageAndTextViewLineBreakModeChangedFlag;
|
|
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (CPLineBreakMode)lineBreakMode
|
|
{
|
|
return _lineBreakMode;
|
|
}
|
|
|
|
- (void)setImagePosition:(CPCellImagePosition)anImagePosition
|
|
{
|
|
if (_imagePosition == anImagePosition)
|
|
return;
|
|
|
|
// If the position was CPNoImage, there is an image now,
|
|
// so mark the flags accordingly so that the image will load.
|
|
if (_imagePosition == CPNoImage)
|
|
_flags |= _CPImageAndTextViewImageChangedFlag;
|
|
|
|
_imagePosition = anImagePosition;
|
|
_flags |= _CPImageAndTextViewImagePositionChangedFlag;
|
|
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (CPCellImagePosition)imagePosition
|
|
{
|
|
return _imagePosition;
|
|
}
|
|
|
|
- (void)setImageScaling:(CPImageScaling)anImageScaling
|
|
{
|
|
if (_imageScaling == anImageScaling)
|
|
return;
|
|
|
|
_imageScaling = anImageScaling;
|
|
_flags |= _CPImageAndTextViewImageScalingChangedFlag;
|
|
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (void)imageScaling
|
|
{
|
|
return _imageScaling;
|
|
}
|
|
|
|
- (void)setDimsImage:(BOOL)shouldDimImage
|
|
{
|
|
shouldDimImage = !!shouldDimImage;
|
|
|
|
if (_shouldDimImage !== shouldDimImage)
|
|
{
|
|
_shouldDimImage = shouldDimImage;
|
|
[self setNeedsLayout];
|
|
}
|
|
}
|
|
|
|
- (void)setTextColor:(CPColor)aTextColor
|
|
{
|
|
if (_textColor === aTextColor)
|
|
return;
|
|
|
|
_textColor = aTextColor;
|
|
|
|
#if PLATFORM(DOM)
|
|
_DOMElement.style.color = [_textColor cssString];
|
|
#endif
|
|
}
|
|
|
|
- (CPColor)textColor
|
|
{
|
|
return _textColor;
|
|
}
|
|
|
|
- (void)setFont:(CPFont)aFont
|
|
{
|
|
if ([_font isEqual:aFont])
|
|
return;
|
|
|
|
_font = aFont;
|
|
_flags |= _CPImageAndTextViewFontChangedFlag;
|
|
_textSize = nil;
|
|
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (CPFont)font
|
|
{
|
|
return _font;
|
|
}
|
|
|
|
- (void)setTextShadowColor:(CPColor)aColor
|
|
{
|
|
if (_textShadowColor === aColor)
|
|
return;
|
|
|
|
_textShadowColor = aColor;
|
|
_flags |= _CPImageAndTextViewTextShadowColorChangedFlag;
|
|
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (CPColor)textShadowColor
|
|
{
|
|
return _textShadowColor;
|
|
}
|
|
|
|
- (void)setTextShadowOffset:(CGSize)anOffset
|
|
{
|
|
if (CGSizeEqualToSize(_textShadowOffset, anOffset))
|
|
return;
|
|
|
|
_textShadowOffset = CGSizeMakeCopy(anOffset);
|
|
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (CGSize)textShadowOffset
|
|
{
|
|
return _textShadowOffset;
|
|
}
|
|
|
|
- (CGRect)textFrame
|
|
{
|
|
[self layoutIfNeeded];
|
|
|
|
var textFrame = CGRectMakeZero();
|
|
|
|
#if PLATFORM(DOM)
|
|
if (_DOMTextElement)
|
|
{
|
|
var textStyle = _DOMTextElement.style;
|
|
|
|
textFrame.origin.y = parseInt(textStyle.top.substr(0, textStyle.top.length - 2), 10),
|
|
textFrame.origin.x = parseInt(textStyle.left.substr(0, textStyle.left.length - 2), 10),
|
|
textFrame.size.width = parseInt(textStyle.width.substr(0, textStyle.width.length - 2), 10),
|
|
textFrame.size.height = parseInt(textStyle.height.substr(0, textStyle.height.length - 2), 10);
|
|
|
|
textFrame.size.width += _textShadowOffset.width;
|
|
textFrame.size.height += _textShadowOffset.height;
|
|
}
|
|
#endif
|
|
|
|
return textFrame;
|
|
}
|
|
|
|
- (void)setImage:(CPImage)anImage
|
|
{
|
|
if (_image == anImage)
|
|
return;
|
|
|
|
if ([_image delegate] === self)
|
|
[[CPNotificationCenter defaultCenter] removeObserver:self name:CPImageDidLoadNotification object:_image];
|
|
|
|
_image = anImage;
|
|
_flags |= _CPImageAndTextViewImageChangedFlag;
|
|
|
|
if ([_image loadStatus] !== CPImageLoadStatusCompleted)
|
|
[[CPNotificationCenter defaultCenter] addObserver:self selector:@selector(imageDidLoad:) name:CPImageDidLoadNotification object:_image];
|
|
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (void)setImageOffset:(float)theImageOffset
|
|
{
|
|
if (_imageOffset === theImageOffset)
|
|
return;
|
|
|
|
_imageOffset = theImageOffset;
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (float)imageOffset
|
|
{
|
|
return _imageOffset;
|
|
}
|
|
|
|
- (void)imageDidLoad:(CPNotification)aNotification
|
|
{
|
|
_flags |= _CPImageAndTextViewImageChangedFlag;
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (CPImage)image
|
|
{
|
|
return _image;
|
|
}
|
|
|
|
- (void)setText:(CPString)text
|
|
{
|
|
if (_text === text)
|
|
return;
|
|
|
|
_text = text;
|
|
_flags |= _CPImageAndTextViewTextChangedFlag;
|
|
|
|
_textSize = nil;
|
|
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (CPString)text
|
|
{
|
|
return _text;
|
|
}
|
|
|
|
- (void)layoutSubviews
|
|
{
|
|
#if PLATFORM(DOM)
|
|
var needsDOMTextElement = _imagePosition !== CPImageOnly && ([_text length] > 0),
|
|
hasDOMTextElement = !!_DOMTextElement;
|
|
|
|
// Create or destroy the DOM Text Element as necessary
|
|
if (needsDOMTextElement !== hasDOMTextElement)
|
|
{
|
|
if (hasDOMTextElement)
|
|
{
|
|
_DOMElement.removeChild(_DOMTextElement);
|
|
|
|
_DOMTextElement = nil;
|
|
|
|
hasDOMTextElement = NO;
|
|
}
|
|
|
|
else
|
|
{
|
|
_DOMTextElement = document.createElement("div");
|
|
|
|
var textStyle = _DOMTextElement.style;
|
|
|
|
textStyle.position = "absolute";
|
|
textStyle.whiteSpace = "pre";
|
|
|
|
textStyle.zIndex = 200;
|
|
textStyle.overflow = "hidden";
|
|
|
|
_DOMElement.appendChild(_DOMTextElement);
|
|
|
|
hasDOMTextElement = YES;
|
|
|
|
// We have to set all these values now.
|
|
_flags |= _CPImageAndTextViewTextChangedFlag | _CPImageAndTextViewFontChangedFlag | _CPImageAndTextViewLineBreakModeChangedFlag;
|
|
}
|
|
}
|
|
|
|
var textStyle = hasDOMTextElement ? _DOMTextElement.style : nil;
|
|
|
|
// Create or destroy the DOM Text Shadow element as necessary.
|
|
// If _textShadowColor's alphaComponent is 0, don't bother drawing anything (issue #1412).
|
|
// This improves performance as we get rid of an invisible element, and makes IE <9.0 capable
|
|
// of correctly 'rendering' shadows with [CPColor clearColor].
|
|
var needsDOMTextShadowElement = hasDOMTextElement && [_textShadowColor alphaComponent] > 0.0,
|
|
hasDOMTextShadowElement = !!_DOMTextShadowElement;
|
|
|
|
if (needsDOMTextShadowElement !== hasDOMTextShadowElement)
|
|
{
|
|
if (hasDOMTextShadowElement)
|
|
{
|
|
_DOMElement.removeChild(_DOMTextShadowElement);
|
|
|
|
_DOMTextShadowElement = nil;
|
|
|
|
hasDOMTextShadowElement = NO;
|
|
}
|
|
else
|
|
{
|
|
_DOMTextShadowElement = document.createElement("div");
|
|
|
|
var shadowStyle = _DOMTextShadowElement.style,
|
|
font = (_font || [CPFont systemFontOfSize:CPFontCurrentSystemSize]);
|
|
|
|
shadowStyle.font = [font cssString];
|
|
shadowStyle.position = "absolute";
|
|
shadowStyle.whiteSpace = textStyle.whiteSpace;
|
|
shadowStyle.wordWrap = textStyle.wordWrap;
|
|
shadowStyle.color = [_textShadowColor cssString];
|
|
shadowStyle.lineHeight = [font defaultLineHeightForFont] + "px";
|
|
|
|
shadowStyle.zIndex = 150;
|
|
shadowStyle.textOverflow = textStyle.textOverflow;
|
|
|
|
if (document.attachEvent)
|
|
{
|
|
shadowStyle.overflow = textStyle.overflow;
|
|
}
|
|
else
|
|
{
|
|
shadowStyle.overflowX = textStyle.overflowX;
|
|
shadowStyle.overflowY = textStyle.overflowY;
|
|
}
|
|
|
|
_DOMElement.appendChild(_DOMTextShadowElement);
|
|
|
|
hasDOMTextShadowElement = YES;
|
|
|
|
_flags |= _CPImageAndTextViewTextChangedFlag; //sigh...
|
|
}
|
|
}
|
|
|
|
var shadowStyle = hasDOMTextShadowElement ? _DOMTextShadowElement.style : nil;
|
|
|
|
if (hasDOMTextElement)
|
|
{
|
|
// Update the text contents if necessary.
|
|
if (_flags & _CPImageAndTextViewTextChangedFlag)
|
|
if (CPFeatureIsCompatible(CPJavaScriptInnerTextFeature))
|
|
{
|
|
_DOMTextElement.innerText = _text;
|
|
|
|
if (_DOMTextShadowElement)
|
|
_DOMTextShadowElement.innerText = _text;
|
|
}
|
|
else if (CPFeatureIsCompatible(CPJavaScriptTextContentFeature))
|
|
{
|
|
_DOMTextElement.textContent = _text;
|
|
|
|
if (_DOMTextShadowElement)
|
|
_DOMTextShadowElement.textContent = _text;
|
|
}
|
|
|
|
if (_flags & _CPImageAndTextViewFontChangedFlag)
|
|
{
|
|
var font = (_font || [CPFont systemFontOfSize:CPFontCurrentSystemSize]),
|
|
fontStyle = [font cssString];
|
|
textStyle.font = fontStyle;
|
|
textStyle.lineHeight = [font defaultLineHeightForFont] + "px";
|
|
|
|
if (shadowStyle)
|
|
{
|
|
shadowStyle.font = fontStyle;
|
|
shadowStyle.lineHeight = [font defaultLineHeightForFont] + "px";
|
|
}
|
|
}
|
|
|
|
// Update the line break mode if necessary.
|
|
if (_flags & _CPImageAndTextViewLineBreakModeChangedFlag)
|
|
{
|
|
switch (_lineBreakMode)
|
|
{
|
|
case CPLineBreakByClipping: textStyle.overflow = "hidden";
|
|
textStyle.textOverflow = "clip";
|
|
textStyle.whiteSpace = "pre";
|
|
textStyle.wordWrap = "normal";
|
|
|
|
break;
|
|
|
|
case CPLineBreakByTruncatingHead:
|
|
case CPLineBreakByTruncatingMiddle: // Don't have support for these (yet?), so just degrade to truncating tail.
|
|
|
|
case CPLineBreakByTruncatingTail: textStyle.textOverflow = "ellipsis";
|
|
textStyle.whiteSpace = "nowrap";
|
|
textStyle.overflow = "hidden";
|
|
textStyle.wordWrap = "normal";
|
|
|
|
break;
|
|
|
|
case CPLineBreakByCharWrapping:
|
|
case CPLineBreakByWordWrapping: textStyle.wordWrap = "break-word";
|
|
try {
|
|
textStyle.whiteSpace = "pre";
|
|
textStyle.whiteSpace = "-o-pre-wrap";
|
|
textStyle.whiteSpace = "-pre-wrap";
|
|
textStyle.whiteSpace = "-moz-pre-wrap";
|
|
textStyle.whiteSpace = "pre-wrap";
|
|
}
|
|
catch (e) {
|
|
//internet explorer doesn't like these properties
|
|
textStyle.whiteSpace = "pre";
|
|
}
|
|
|
|
textStyle.overflow = "hidden";
|
|
textStyle.textOverflow = "clip";
|
|
|
|
break;
|
|
}
|
|
|
|
if (shadowStyle)
|
|
{
|
|
if (document.attachEvent)
|
|
{
|
|
shadowStyle.overflow = textStyle.overflow;
|
|
}
|
|
else
|
|
{
|
|
shadowStyle.overflowX = textStyle.overflowX;
|
|
shadowStyle.overflowY = textStyle.overflowY;
|
|
}
|
|
|
|
shadowStyle.wordWrap = textStyle.wordWrap;
|
|
shadowStyle.whiteSpace = textStyle.whiteSpace;
|
|
shadowStyle.textOverflow = textStyle.textOverflow;
|
|
}
|
|
}
|
|
}
|
|
|
|
var needsDOMImageElement = _image !== nil && _imagePosition !== CPNoImage,
|
|
hasDOMImageElement = !!_DOMImageElement;
|
|
|
|
// Create or destroy DOM Image element
|
|
if (needsDOMImageElement !== hasDOMImageElement)
|
|
{
|
|
if (hasDOMImageElement)
|
|
{
|
|
_DOMElement.removeChild(_DOMImageElement);
|
|
|
|
_DOMImageElement = nil;
|
|
|
|
hasDOMImageElement = NO;
|
|
}
|
|
|
|
else
|
|
{
|
|
_DOMImageElement = document.createElement("img");
|
|
|
|
if ([CPPlatform supportsDragAndDrop])
|
|
{
|
|
_DOMImageElement.setAttribute("draggable", "true");
|
|
_DOMImageElement.style["-khtml-user-drag"] = "element";
|
|
}
|
|
|
|
var imageStyle = _DOMImageElement.style;
|
|
|
|
imageStyle.top = "0px";
|
|
imageStyle.left = "0px";
|
|
imageStyle.position = "absolute";
|
|
imageStyle.zIndex = 100;
|
|
|
|
_DOMElement.appendChild(_DOMImageElement);
|
|
|
|
hasDOMImageElement = YES;
|
|
}
|
|
}
|
|
|
|
var size = [self bounds].size,
|
|
textRect = CGRectMake(0.0, 0.0, size.width, size.height);
|
|
|
|
if (hasDOMImageElement)
|
|
{
|
|
if (!imageStyle)
|
|
var imageStyle = _DOMImageElement.style;
|
|
|
|
if (_flags & _CPImageAndTextViewImageChangedFlag)
|
|
_DOMImageElement.src = [_image filename];
|
|
|
|
var centerX = size.width / 2.0,
|
|
centerY = size.height / 2.0,
|
|
imageSize = [_image size],
|
|
imageWidth = imageSize.width,
|
|
imageHeight = imageSize.height;
|
|
|
|
if (_imageScaling === CPImageScaleAxesIndependently)
|
|
{
|
|
imageWidth = size.width;
|
|
imageHeight = size.height;
|
|
}
|
|
else if (_imageScaling === CPImageScaleProportionallyDown)
|
|
{
|
|
var scale = MIN(MIN(size.width, imageWidth) / imageWidth, MIN(size.height, imageHeight) / imageHeight);
|
|
|
|
imageWidth *= scale;
|
|
imageHeight *= scale;
|
|
}
|
|
|
|
if (CPFeatureIsCompatible(CPOpacityRequiresFilterFeature))
|
|
imageStyle.filter = @"alpha(opacity=" + _shouldDimImage ? 35 : 100 + ")";
|
|
else
|
|
imageStyle.opacity = _shouldDimImage ? 0.35 : 1.0;
|
|
|
|
_DOMImageElement.width = imageWidth;
|
|
_DOMImageElement.height = imageHeight;
|
|
imageStyle.width = MAX(imageWidth, 0) + "px";
|
|
imageStyle.height = MAX(imageHeight, 0) + "px";
|
|
|
|
if (_imagePosition === CPImageBelow)
|
|
{
|
|
imageStyle.left = FLOOR(centerX - imageWidth / 2.0) + "px";
|
|
imageStyle.top = FLOOR(size.height - imageHeight) + "px";
|
|
|
|
textRect.size.height = size.height - imageHeight - _imageOffset;
|
|
}
|
|
else if (_imagePosition === CPImageAbove)
|
|
{
|
|
imageStyle.left = FLOOR(centerX - imageWidth / 2.0) + "px";
|
|
imageStyle.top = 0 + "px";
|
|
|
|
textRect.origin.y += imageHeight + _imageOffset;
|
|
textRect.size.height = size.height - imageHeight - _imageOffset;
|
|
}
|
|
else if (_imagePosition === CPImageLeft)
|
|
{
|
|
imageStyle.top = FLOOR(centerY - imageHeight / 2.0) + "px";
|
|
imageStyle.left = "0px";
|
|
|
|
textRect.origin.x = imageWidth + _imageOffset;
|
|
textRect.size.width -= imageWidth + _imageOffset;
|
|
}
|
|
else if (_imagePosition === CPImageRight)
|
|
{
|
|
imageStyle.top = FLOOR(centerY - imageHeight / 2.0) + "px";
|
|
imageStyle.left = FLOOR(size.width - imageWidth) + "px";
|
|
|
|
textRect.size.width -= imageWidth + _imageOffset;
|
|
}
|
|
else if (_imagePosition === CPImageOnly || _imagePosition == CPImageOverlaps)
|
|
{
|
|
imageStyle.top = FLOOR(centerY - imageHeight / 2.0) + "px";
|
|
imageStyle.left = FLOOR(centerX - imageWidth / 2.0) + "px";
|
|
}
|
|
}
|
|
|
|
if (hasDOMTextElement)
|
|
{
|
|
var textRectX = CGRectGetMinX(textRect),
|
|
textRectY = CGRectGetMinY(textRect),
|
|
textRectWidth = CGRectGetWidth(textRect),
|
|
textRectHeight = CGRectGetHeight(textRect);
|
|
|
|
if (textRectWidth <= 0 || textRectHeight <= 0)
|
|
{
|
|
// Don't bother trying to position the text in an empty rect.
|
|
textRectWidth = 0;
|
|
textRectHeight = 0;
|
|
}
|
|
else
|
|
{
|
|
if (_verticalAlignment !== CPTopVerticalTextAlignment)
|
|
{
|
|
if (!_textSize)
|
|
{
|
|
if (_lineBreakMode === CPLineBreakByCharWrapping ||
|
|
_lineBreakMode === CPLineBreakByWordWrapping)
|
|
{
|
|
_textSize = [_text sizeWithFont:_font inWidth:textRectWidth];
|
|
}
|
|
else
|
|
{
|
|
_textSize = [_text sizeWithFont:_font];
|
|
|
|
// Account for possible fractional pixels at right edge
|
|
_textSize.width += 1;
|
|
}
|
|
|
|
// Account for possible fractional pixels at bottom edge
|
|
_textSize.height += 1;
|
|
}
|
|
|
|
if (_verticalAlignment === CPCenterVerticalTextAlignment)
|
|
{
|
|
// Since we added +1 px height above to show fractional pixels on the bottom, we have to remove that when calculating vertical centre.
|
|
textRectY = textRectY + (textRectHeight - _textSize.height + 1.0) / 2.0;
|
|
textRectHeight = _textSize.height;
|
|
}
|
|
|
|
else //if (_verticalAlignment === CPBottomVerticalTextAlignment)
|
|
{
|
|
textRectY = textRectY + textRectHeight - _textSize.height;
|
|
textRectHeight = _textSize.height;
|
|
}
|
|
}
|
|
}
|
|
|
|
textStyle.top = ROUND(textRectY) + "px";
|
|
textStyle.left = ROUND(textRectX) + "px";
|
|
textStyle.width = MAX(CEIL(textRectWidth), 0) + "px";
|
|
textStyle.height = MAX(CEIL(textRectHeight), 0) + "px";
|
|
textStyle.verticalAlign = @"top";
|
|
|
|
if (shadowStyle)
|
|
{
|
|
if (_flags & _CPImageAndTextViewTextShadowColorChangedFlag)
|
|
shadowStyle.color = [_textShadowColor cssString];
|
|
|
|
shadowStyle.top = ROUND(textRectY + _textShadowOffset.height) + "px";
|
|
shadowStyle.left = ROUND(textRectX + _textShadowOffset.width) + "px";
|
|
shadowStyle.width = MAX(CEIL(textRectWidth), 0) + "px";
|
|
shadowStyle.height = MAX(CEIL(textRectHeight), 0) + "px";
|
|
}
|
|
}
|
|
#endif
|
|
|
|
_flags = 0;
|
|
}
|
|
|
|
- (void)sizeToFit
|
|
{
|
|
var size = CGSizeMakeZero();
|
|
|
|
if ((_imagePosition !== CPNoImage) && _image)
|
|
{
|
|
var imageSize = [_image size];
|
|
|
|
size.width += imageSize.width;
|
|
size.height += imageSize.height;
|
|
}
|
|
|
|
if ((_imagePosition !== CPImageOnly) && [_text length] > 0)
|
|
{
|
|
if (!_textSize)
|
|
{
|
|
_textSize = [_text sizeWithFont:_font || [CPFont systemFontOfSize:0]];
|
|
|
|
// Account for fractional pixels
|
|
_textSize.width += 1;
|
|
_textSize.height += 1;
|
|
}
|
|
|
|
if (!_image || _imagePosition === CPImageOverlaps)
|
|
{
|
|
size.width = MAX(size.width, _textSize.width);
|
|
size.height = MAX(size.height, _textSize.height);
|
|
}
|
|
else if (_imagePosition === CPImageLeft || _imagePosition === CPImageRight)
|
|
{
|
|
size.width += _textSize.width + _imageOffset;
|
|
size.height = MAX(size.height, _textSize.height);
|
|
}
|
|
else if (_imagePosition === CPImageAbove || _imagePosition === CPImageBelow)
|
|
{
|
|
size.width = MAX(size.width, _textSize.width);
|
|
size.height += _textSize.height + _imageOffset;
|
|
}
|
|
}
|
|
|
|
[self setFrameSize:size];
|
|
}
|
|
|
|
- (void)setFrameSize:(CGSize)aSize
|
|
{
|
|
// If we're applying line breaks the height of the text size might change as a result of the bounds changing.
|
|
if ((_lineBreakMode === CPLineBreakByCharWrapping || _lineBreakMode === CPLineBreakByWordWrapping) && aSize.width !== [self frameSize].width)
|
|
_textSize = nil;
|
|
|
|
[super setFrameSize:aSize];
|
|
}
|
|
|
|
@end
|