CPVisualEffectView.j

Go to the documentation of this file.

/*
 * CPVisualEffectView.j
 * AppKit
 *
 * Created by Antoine Mercadal.
 * Copyright 2015, 280 Cappuccino Project.
 *
 * 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
 */


@typedef CPVisualEffectMaterial
CPVisualEffectMaterialAppearanceBased       = 0;
CPVisualEffectMaterialLight                 = 1;
CPVisualEffectMaterialDark                  = 2;
CPVisualEffectMaterialTitlebar              = 3;

@typedef CPVisualEffectBlendingMode
CPVisualEffectBlendingModeBehindWindow      = 0;
CPVisualEffectBlendingModeWithinWindow      = 1;

@typedef CPVisualEffectState
CPVisualEffectStateFollowsWindowActiveState = 0;
CPVisualEffectStateActive                   = 1;
CPVisualEffectStateInactive                 = 2;


@implementation CPVisualEffectView : CPView
{
    CPImage                     _maskImage;
    CPVisualEffectBlendingMode  _blendingMode;
    CPVisualEffectMaterial      _material;
    CPVisualEffectState         _state;
}


#pragma mark -
#pragma mark Initialization

- (id)initWithFrame:(CGRect)aFrame
{
    if (self = [super initWithFrame:aFrame])
    {
        _material                = CPVisualEffectMaterialAppearanceBased;
        _blendingMode            = CPVisualEffectBlendingModeWithinWindow;
        _state                   = CPVisualEffectStateFollowsWindowActiveState;
        _appearance              = [CPAppearance appearanceNamed:CPAppearanceNameVibrantDark];
    }

    return self;
}


#pragma mark -
#pragma mark CPVisualEffectView API

- (void)setAppearance:(CPAppearance)anAppearance
{
    if (![self _validAppearance:anAppearance])
        [CPException raise:CPInvalidArgumentException reason:"Appearance can only be CPAppearanceNameVibrantDark or CPAppearanceNameVibrantLight in CPVisualEffectView, but is " + anAppearance];

    [super setAppearance:anAppearance];

    [self setNeedsLayout:YES];
}

- (void)setState:(CPVisualEffectState)aState
{
    if (_state == aState)
        return;

    [self willChangeValueForKey:"state"];
    _state = aState;
    [self didChangeValueForKey:"state"];

    [self setNeedsLayout:YES];
}


#pragma mark -
#pragma mark Utilities

- (void)_setEffectEnabled:(BOOL)shouldEnable
{
    var dark       = [[self appearance] isEqual:[CPAppearance appearanceNamed:CPAppearanceNameVibrantDark]],
        prop       = CPBrowserStyleProperty("backdrop-filter"),
        color      = (dark ? [CPColor colorWithHexString:@"1e1e1e"] : [CPColor whiteColor]),
        finalColor = shouldEnable ? [color colorWithAlphaComponent:0.6] : color;

    [self setBackgroundColor:finalColor];

#if PLATFORM(DOM)
    self._DOMElement.style[prop] = shouldEnable ? "blur(30px)" : nil;
#endif

}

- (void)layoutSubviews
{
    switch (_state)
    {
        case CPVisualEffectStateFollowsWindowActiveState:
            [self _setEffectEnabled:[self hasThemeState:CPThemeStateKeyWindow]];
            break;

        case CPVisualEffectStateActive:
            [self _setEffectEnabled:YES];
            break;

        case CPVisualEffectStateInactive:
            [self _setEffectEnabled:NO];
            break;
    }
}

- (BOOL)_validAppearance:(CPAppearance)anAppearance
{
    return [anAppearance isEqual:[CPAppearance appearanceNamed:CPAppearanceNameVibrantDark]] || [anAppearance isEqual:[CPAppearance appearanceNamed:CPAppearanceNameVibrantLight]];
}


#pragma mark -
#pragma mark CPCoding

- (id)initWithCoder:(CPCoder)aCoder
{
    if (self = [super initWithCoder:aCoder])
    {
        _blendingMode = [aCoder decodeIntForKey:@"_blendingMode"] || CPVisualEffectBlendingModeWithinWindow;
        _maskImage    = [aCoder decodeObjectForKey:@"_maskImage"];
        _material     = [aCoder decodeIntForKey:@"_material"] || CPVisualEffectMaterialAppearanceBased;
        _state        = [aCoder decodeIntForKey:@"_state"] || CPVisualEffectStateFollowsWindowActiveState;
    }

    return self;
}

- (void)encodeWithCoder:(CPCoder)aCoder
{
    [super encodeWithCoder:aCoder];

    [aCoder encodeObject:_maskImage forKey:@"_maskImage"];
    [aCoder encodeInt:_blendingMode forKey:@"_blendingMode"];
    [aCoder encodeInt:_material forKey:@"_material"];
    [aCoder encodeInt:_state forKey:@"_state"];
}


@end

@implementation CPVisualEffectView (CPSynthesizedAccessors)

- (CPImage)maskImage
{
    return _maskImage;
}

- (void)setMaskImage:(CPImage)aValue
{
    _maskImage = aValue;
}

- (CPVisualEffectBlendingMode)blendingMode
{
    return _blendingMode;
}

- (void)setBlendingMode:(CPVisualEffectBlendingMode)aValue
{
    _blendingMode = aValue;
}

- (CPVisualEffectMaterial)material
{
    return _material;
}

- (void)setMaterial:(CPVisualEffectMaterial)aValue
{
    _material = aValue;
}

- (CPVisualEffectState)state
{
    return _state;
}

- (void)setState:(CPVisualEffectState)aValue
{
    _state = aValue;
}

@end