You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

273 lines
10 KiB

//
// FLEXExplorerToolbar.m
// Flipboard
//
// Created by Ryan Olson on 4/4/14.
// Copyright (c) 2014 Flipboard. All rights reserved.
//
#import "FLEXColor.h"
#import "FLEXExplorerToolbar.h"
#import "FLEXToolbarItem.h"
#import "FLEXResources.h"
#import "FLEXUtility.h"
@interface FLEXExplorerToolbar ()
@property (nonatomic, readwrite) FLEXToolbarItem *selectItem;
@property (nonatomic, readwrite) FLEXToolbarItem *moveItem;
@property (nonatomic, readwrite) FLEXToolbarItem *globalsItem;
@property (nonatomic, readwrite) FLEXToolbarItem *closeItem;
@property (nonatomic, readwrite) FLEXToolbarItem *hierarchyItem;
@property (nonatomic, readwrite) UIView *dragHandle;
@property (nonatomic) UIImageView *dragHandleImageView;
@property (nonatomic) UIView *selectedViewDescriptionContainer;
@property (nonatomic) UIView *selectedViewDescriptionSafeAreaContainer;
@property (nonatomic) UIView *selectedViewColorIndicator;
@property (nonatomic) UILabel *selectedViewDescriptionLabel;
@property (nonatomic,readwrite) UIView *backgroundView;
@end
@implementation FLEXExplorerToolbar
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
self.backgroundView = [UIView new];
self.backgroundView.backgroundColor = [FLEXColor secondaryBackgroundColorWithAlpha:0.95];
[self addSubview:self.backgroundView];
self.dragHandle = [UIView new];
self.dragHandle.backgroundColor = UIColor.clearColor;
[self addSubview:self.dragHandle];
UIImage *dragHandle = [FLEXResources dragHandle];
self.dragHandleImageView = [[UIImageView alloc] initWithImage:dragHandle];
self.dragHandleImageView.tintColor = [FLEXColor iconColor];
[self.dragHandle addSubview:self.dragHandleImageView];
UIImage *globalsIcon = [FLEXResources globeIcon];
self.globalsItem = [FLEXToolbarItem toolbarItemWithTitle:@"menu" image:globalsIcon];
UIImage *listIcon = [FLEXResources listIcon];
self.hierarchyItem = [FLEXToolbarItem toolbarItemWithTitle:@"views" image:listIcon];
UIImage *selectIcon = [FLEXResources selectIcon];
self.selectItem = [FLEXToolbarItem toolbarItemWithTitle:@"select" image:selectIcon];
UIImage *moveIcon = [FLEXResources moveIcon];
self.moveItem = [FLEXToolbarItem toolbarItemWithTitle:@"move" image:moveIcon];
UIImage *closeIcon = [FLEXResources closeIcon];
self.closeItem = [FLEXToolbarItem toolbarItemWithTitle:@"close" image:closeIcon];
self.selectedViewDescriptionContainer = [UIView new];
self.selectedViewDescriptionContainer.backgroundColor = [FLEXColor tertiaryBackgroundColorWithAlpha:0.95];
self.selectedViewDescriptionContainer.hidden = YES;
[self addSubview:self.selectedViewDescriptionContainer];
self.selectedViewDescriptionSafeAreaContainer = [UIView new];
self.selectedViewDescriptionSafeAreaContainer.backgroundColor = UIColor.clearColor;
[self.selectedViewDescriptionContainer addSubview:self.selectedViewDescriptionSafeAreaContainer];
self.selectedViewColorIndicator = [UIView new];
self.selectedViewColorIndicator.backgroundColor = UIColor.redColor;
[self.selectedViewDescriptionSafeAreaContainer addSubview:self.selectedViewColorIndicator];
self.selectedViewDescriptionLabel = [UILabel new];
self.selectedViewDescriptionLabel.backgroundColor = UIColor.clearColor;
self.selectedViewDescriptionLabel.font = [[self class] descriptionLabelFont];
[self.selectedViewDescriptionSafeAreaContainer addSubview:self.selectedViewDescriptionLabel];
self.toolbarItems = @[_globalsItem, _hierarchyItem, _selectItem, _moveItem, _closeItem];
}
return self;
}
- (void)layoutSubviews
{
[super layoutSubviews];
CGRect safeArea = [self safeArea];
// Drag Handle
const CGFloat kToolbarItemHeight = [[self class] toolbarItemHeight];
self.dragHandle.frame = CGRectMake(CGRectGetMinX(safeArea), CGRectGetMinY(safeArea), [[self class] dragHandleWidth], kToolbarItemHeight);
CGRect dragHandleImageFrame = self.dragHandleImageView.frame;
dragHandleImageFrame.origin.x = FLEXFloor((self.dragHandle.frame.size.width - dragHandleImageFrame.size.width) / 2.0);
dragHandleImageFrame.origin.y = FLEXFloor((self.dragHandle.frame.size.height - dragHandleImageFrame.size.height) / 2.0);
self.dragHandleImageView.frame = dragHandleImageFrame;
// Toolbar Items
CGFloat originX = CGRectGetMaxX(self.dragHandle.frame);
CGFloat originY = CGRectGetMinY(safeArea);
CGFloat height = kToolbarItemHeight;
CGFloat width = FLEXFloor((CGRectGetWidth(safeArea) - CGRectGetWidth(self.dragHandle.frame)) / self.toolbarItems.count);
for (UIView *toolbarItem in self.toolbarItems) {
toolbarItem.frame = CGRectMake(originX, originY, width, height);
originX = CGRectGetMaxX(toolbarItem.frame);
}
// Make sure the last toolbar item goes to the edge to account for any accumulated rounding effects.
UIView *lastToolbarItem = self.toolbarItems.lastObject;
CGRect lastToolbarItemFrame = lastToolbarItem.frame;
lastToolbarItemFrame.size.width = CGRectGetMaxX(safeArea) - lastToolbarItemFrame.origin.x;
lastToolbarItem.frame = lastToolbarItemFrame;
self.backgroundView.frame = CGRectMake(0, 0, CGRectGetWidth(self.bounds), kToolbarItemHeight);
const CGFloat kSelectedViewColorDiameter = [[self class] selectedViewColorIndicatorDiameter];
const CGFloat kDescriptionLabelHeight = [[self class] descriptionLabelHeight];
const CGFloat kHorizontalPadding = [[self class] horizontalPadding];
const CGFloat kDescriptionVerticalPadding = [[self class] descriptionVerticalPadding];
const CGFloat kDescriptionContainerHeight = [[self class] descriptionContainerHeight];
CGRect descriptionContainerFrame = CGRectZero;
descriptionContainerFrame.size.width = CGRectGetWidth(self.bounds);
descriptionContainerFrame.size.height = kDescriptionContainerHeight;
descriptionContainerFrame.origin.x = CGRectGetMinX(self.bounds);
descriptionContainerFrame.origin.y = CGRectGetMaxY(self.bounds) - kDescriptionContainerHeight;
self.selectedViewDescriptionContainer.frame = descriptionContainerFrame;
CGRect descriptionSafeAreaContainerFrame = CGRectZero;
descriptionSafeAreaContainerFrame.size.width = CGRectGetWidth(safeArea);
descriptionSafeAreaContainerFrame.size.height = kDescriptionContainerHeight;
descriptionSafeAreaContainerFrame.origin.x = CGRectGetMinX(safeArea);
descriptionSafeAreaContainerFrame.origin.y = CGRectGetMinY(safeArea);
self.selectedViewDescriptionSafeAreaContainer.frame = descriptionSafeAreaContainerFrame;
// Selected View Color
CGRect selectedViewColorFrame = CGRectZero;
selectedViewColorFrame.size.width = kSelectedViewColorDiameter;
selectedViewColorFrame.size.height = kSelectedViewColorDiameter;
selectedViewColorFrame.origin.x = kHorizontalPadding;
selectedViewColorFrame.origin.y = FLEXFloor((kDescriptionContainerHeight - kSelectedViewColorDiameter) / 2.0);
self.selectedViewColorIndicator.frame = selectedViewColorFrame;
self.selectedViewColorIndicator.layer.cornerRadius = ceil(selectedViewColorFrame.size.height / 2.0);
// Selected View Description
CGRect descriptionLabelFrame = CGRectZero;
CGFloat descriptionOriginX = CGRectGetMaxX(selectedViewColorFrame) + kHorizontalPadding;
descriptionLabelFrame.size.height = kDescriptionLabelHeight;
descriptionLabelFrame.origin.x = descriptionOriginX;
descriptionLabelFrame.origin.y = kDescriptionVerticalPadding;
descriptionLabelFrame.size.width = CGRectGetMaxX(self.selectedViewDescriptionContainer.bounds) - kHorizontalPadding - descriptionOriginX;
self.selectedViewDescriptionLabel.frame = descriptionLabelFrame;
}
#pragma mark - Setter Overrides
- (void)setToolbarItems:(NSArray<FLEXToolbarItem *> *)toolbarItems {
if (_toolbarItems == toolbarItems) {
return;
}
// Remove old toolbar items, if any
for (FLEXToolbarItem *item in _toolbarItems) {
[item removeFromSuperview];
}
// Trim to 5 items if necessary
if (toolbarItems.count > 5) {
toolbarItems = [toolbarItems subarrayWithRange:NSMakeRange(0, 5)];
}
for (FLEXToolbarItem *item in toolbarItems) {
[self addSubview:item];
}
_toolbarItems = toolbarItems.copy;
// Lay out new items
[self setNeedsLayout];
[self layoutIfNeeded];
}
- (void)setSelectedViewOverlayColor:(UIColor *)selectedViewOverlayColor
{
if (![_selectedViewOverlayColor isEqual:selectedViewOverlayColor]) {
_selectedViewOverlayColor = selectedViewOverlayColor;
self.selectedViewColorIndicator.backgroundColor = selectedViewOverlayColor;
}
}
- (void)setSelectedViewDescription:(NSString *)selectedViewDescription
{
if (![_selectedViewDescription isEqual:selectedViewDescription]) {
_selectedViewDescription = selectedViewDescription;
self.selectedViewDescriptionLabel.text = selectedViewDescription;
BOOL showDescription = selectedViewDescription.length > 0;
self.selectedViewDescriptionContainer.hidden = !showDescription;
}
}
#pragma mark - Sizing Convenience Methods
+ (UIFont *)descriptionLabelFont
{
return [UIFont systemFontOfSize:12.0];
}
+ (CGFloat)toolbarItemHeight
{
return 44.0;
}
+ (CGFloat)dragHandleWidth
{
return 30.0;
}
+ (CGFloat)descriptionLabelHeight
{
return ceil([[self descriptionLabelFont] lineHeight]);
}
+ (CGFloat)descriptionVerticalPadding
{
return 2.0;
}
+ (CGFloat)descriptionContainerHeight
{
return [self descriptionVerticalPadding] * 2.0 + [self descriptionLabelHeight];
}
+ (CGFloat)selectedViewColorIndicatorDiameter
{
return ceil([self descriptionLabelHeight] / 2.0);
}
+ (CGFloat)horizontalPadding
{
return 11.0;
}
- (CGSize)sizeThatFits:(CGSize)size
{
CGFloat height = 0.0;
height += [[self class] toolbarItemHeight];
height += [[self class] descriptionContainerHeight];
return CGSizeMake(size.width, height);
}
- (CGRect)safeArea
{
CGRect safeArea = self.bounds;
if (@available(iOS 11.0, *)) {
safeArea = UIEdgeInsetsInsetRect(self.bounds, self.safeAreaInsets);
}
return safeArea;
}
@end