blob: 7f5ab0c991d449e77acaae73f50a639657b7aba2 [file] [log] [blame] [edit]
// Copyright 2019-present the Material Components for iOS authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
#import <UIKit/UIKit.h>
#import "MDCAvailability.h"
NS_ASSUME_NONNULL_BEGIN
@protocol MDCTabBarViewDelegate;
@protocol MDCTabBarViewIndicatorTemplate;
/** The different layout options for the tabs within an @c MDCTabBarView. */
typedef NS_ENUM(NSUInteger, MDCTabBarViewLayoutStyle) {
/**
Each item's width is calculated as the width of the bar divided by the number of items.
*/
MDCTabBarViewLayoutStyleFixed = 0,
/**
Each item's width is based on its content and the items are arranged horizontally starting from
the leading edge of the bar. */
MDCTabBarViewLayoutStyleScrollable = 1,
/**
Each item's width is as wide as the widest item. The items are arranged in the horizontal center
of the bar.
*/
MDCTabBarViewLayoutStyleFixedClusteredCentered = 2,
/**
Each item's width is as wide as the widest item. The items are arranged horizontally on the
leading edge of the bar.
*/
MDCTabBarViewLayoutStyleFixedClusteredLeading = 3,
/**
Each item's width is as wide as the widest item. The items are arranged horizontally on the
trailing edge of the bar.
*/
MDCTabBarViewLayoutStyleFixedClusteredTrailing = 4,
/**
The same as MDCTabBarViewLayoutStyleScrollable, but the selected tab is centered within the bar
if its position in the scrollview's content area permits it.*/
MDCTabBarViewLayoutStyleScrollableCentered = 5,
/**
Each item's width is based on its content. The items are arranged in the horizontal center of the
bar.
*/
MDCTabBarViewLayoutStyleNonFixedClusteredCentered = 6,
};
@class MDCBadgeAppearance;
/**
An implementation of Material Tabs (https://material.io/design/components/tabs.html).
*/
__attribute__((objc_subclassing_restricted)) @interface MDCTabBarView : UIScrollView
/** The set of items displayed in the Tab bar. */
@property(nonnull, nonatomic, copy) NSArray<UITabBarItem *> *items;
/** The currently-selected item in the Tab bar. */
@property(nullable, nonatomic, strong) UITabBarItem *selectedItem;
/** Set the selected item with or without animation. */
- (void)setSelectedItem:(nullable UITabBarItem *)selectedItem animated:(BOOL)animated;
/** The color of the Tab bar's background. */
@property(nullable, nonatomic, copy) UIColor *barTintColor;
/** The color of the bottom divider. Default is clear. */
@property(nonnull, nonatomic, copy) UIColor *bottomDividerColor;
/**
If YES, all ripple behavior will be disabled.
Default value is NO.
*/
@property(nonatomic) BOOL disableRippleBehavior;
/**
The size of the icons within the tab bar.
This property is not respected unless a value other than @c CGSizeZero is used.
@note Defaults to CGSizeZero.
*/
@property(nonatomic, assign) CGSize itemIconSize;
/**
The default appearance to be used for all item badges.
If a given UITabBarItem has set a non-nil badgeColor, then that value will be used for that item
view's badge instead of the backgroundColor associated with this appearance object.
*/
@property(nonatomic, copy, nonnull) MDCBadgeAppearance *itemBadgeAppearance;
/** The tab bar view delegate. */
@property(nullable, nonatomic, weak) id<MDCTabBarViewDelegate> tabBarDelegate;
/**
The template for the selection indicator. Provides rendering information for the selection
indicator in this tab bar.
*/
@property(nonnull, nonatomic, strong) id<MDCTabBarViewIndicatorTemplate> selectionIndicatorTemplate;
/**
The stroke color for the selection indicator. If no value is set, then a default value is used.
*/
@property(nullable, nonatomic, copy) UIColor *selectionIndicatorStrokeColor;
/**
The preferred layout style of the bar. If possible, this layout style will be used. If not,
another style will be used. For example, if the bar is too narrow for a Fixed layout style, then a
Scrollable layout style may be used instead. Defaults to @c MDCTabBarViewLayoutStyleFixed.
*/
@property(nonatomic, assign) MDCTabBarViewLayoutStyle preferredLayoutStyle;
/**
The current layout style of the Tab Bar. Although the user sets a preferred layout style, not all
combinations of items, bounds, and style can be rendered correctly.
*/
@property(nonatomic, readonly) MDCTabBarViewLayoutStyle effectiveLayoutStyle;
/**
Whether or not the tab bar should adjust for safe area insets when calculating content size.
Default is YES.
@note If you set set this property to @c NO you should also set @c contentInsetAdjustmentBehavior
to @c UIScrollViewContentInsetAdjustmentNever.
*/
@property(nonatomic, assign) BOOL shouldAdjustForSafeAreaInsets;
/**
A block that is invoked when the @c MDCTabBarView receives a call to @c
traitCollectionDidChange:. The block is called after the call to the superclass.
*/
@property(nonatomic, copy, nullable) void (^traitCollectionDidChangeBlock)
(MDCTabBarView *_Nonnull tabBar, UITraitCollection *_Nullable previousTraitCollection);
/**
The total duration for all animations that take place during a selection change.
This is guaranteed to be the total time between the start of the first animation and the end of
the last animation that takes place for selection changes. There may not be a specific animation
that has this exact duration.
*/
@property(nonatomic, readonly) CFTimeInterval selectionChangeAnimationDuration;
/**
The timing function used by the tab bar when selection changes are animated. This should be used
when performing implicit UIView-based animations to ensure that all animations internal to the
TabBarView are coordinated using the same parameters.
*/
@property(nonatomic, readonly, nonnull)
CAMediaTimingFunction *selectionChangeAnimationTimingFunction;
/**
Sets the color of the bar items' image @c tintColor for the given control state. Supports
@c UIControlStateNormal and @c UIControlStateSelected.
If no value for a control state is set, the value for @c UIControlStateNormal is used. If no value
for @c UIControlStateNormal is set, then a default value is used.
*/
- (void)setImageTintColor:(nullable UIColor *)imageTintColor forState:(UIControlState)state;
/**
Returns the color of the bar items' image @c tintColor for the given control state.
If no value for a control state is set, the value for @c UIControlStateNormal is returned.
*/
- (nullable UIColor *)imageTintColorForState:(UIControlState)state;
/**
Sets the color of the bar items' title for the given control state. Supports
@c UIControlStateNormal and @c UIControlStateSelected.
If no value for a control state is set, the value for @c UIControlStateNormal is used. If no value
for @c UIControlStateNormal is set, then a default value is used.
*/
- (void)setTitleColor:(nullable UIColor *)titleColor forState:(UIControlState)state;
/**
Returns the color of the bar items' title for the given control state.
If no value for a control state is set, the value for @c UIControlStateNormal is returned.
*/
- (nullable UIColor *)titleColorForState:(UIControlState)state;
/**
Sets the font of the bar items' title for the given control state. Supports
@c UIControlStateNormal and @c UIControlStateSelected.
If no value for a control state is set, the value for @c UIControlStateNormal is used. If no value
for @c UIControlStateNormal is set, then a default value is used.
*/
- (void)setTitleFont:(nullable UIFont *)titleFont forState:(UIControlState)state;
/**
Returns the font of the bar items' title for the given control state.
If no value for a control state is set, the value for @c UIControlStateNormal is returned.
*/
- (nullable UIFont *)titleFontForState:(UIControlState)state;
/**
Sets the padding around the tabs content used for the specified layout style. For example,
@c MDCTabBarViewLayoutStyleScrollable has a default left padding of 52 points. The left and right
values are flipped for right-to-left layouts.
@note The padding is applied only when the @c layoutStyle is currently in-use, which depends on
the preferred layout style, the size of the tabs, and the current bounds.
@param contentPadding Additional space to include around the tab views.
@param layoutStyle The layout style when the padding is applied.
*/
- (void)setContentPadding:(UIEdgeInsets)contentPadding
forLayoutStyle:(MDCTabBarViewLayoutStyle)layoutStyle;
/**
The content padding used for the specified layout style.
@param layoutStyle The layout style when the padding is applied.
*/
- (UIEdgeInsets)contentPaddingForLayoutStyle:(MDCTabBarViewLayoutStyle)layoutStyle;
/**
The minimum width for each item in the tab bar view. Defaults to 90. This property is only used
when the tab bar view's items are @c UITabBarItems and not @c MDCTabBarItems, or any other custom
@c UITabBarItem subclasses that conform to @c MDCTabBarItemCustomViewing.
*/
@property(nonatomic, assign) CGFloat minItemWidth;
/**
* The minimum height for each item in the tab bar view when both a title and an image are present.
* Defaults to 72.
*/
@property(nonatomic, assign) CGFloat minItemHeightTitleAndImage;
/**
* The padding between the item title and image. Defaults to 3.
*/
@property(nonatomic, assign) CGFloat itemImageTitlePadding;
/**
* The edge insets for each item in the tab bar view. Defaults to:
* {.top = 8, .right = 16, .bottom = 8, .left = 16} for text only,
* {.top = 12, .right = 16, .bottom = 12, .left = 16} for image only, and
* {.top = 12, .right = 16, .bottom = 12, .left = 16} for text and image. Setting this property
* overrides all three defaults. This property is only used when the tab bar view's items are @c
* UITabBarItems and not @c MDCTabBarItems, or any other custom @c UITabBarItem subclasses that
* conform to @c MDCTabBarItemCustomViewing.
*/
@property(nonatomic) UIEdgeInsets itemViewContentInsets;
/**
* The edge insets for each item in the tab bar view when only text is present. Defaults to:
* {.top = 8, .right = 16, .bottom = 8, .left = 16}. Setting this property overrides the default
* value for text-only item edge insets.
*/
@property(nonatomic) UIEdgeInsets itemViewContentInsetsTextOnly;
/**
* The edge insets for each item in the tab bar view when only an image is present.
* Defaults to: {.top = 12, .right = 16, .bottom = 12, .left = 16}. Setting this property overrides
* the default value for image-only item edge insets.
*/
@property(nonatomic) UIEdgeInsets itemViewContentInsetsImageOnly;
/**
* The edge insets for each item in the tab bar view when both text and an image are
* present. Defaults to: {.top = 12, .right = 16, .bottom = 12, .left = 16}. Setting this property
* overrides the default value for text-and-image item edge insets.
*/
@property(nonatomic) UIEdgeInsets itemViewContentInsetsTextAndImage;
/**
Returns the @c UIAccessibility element associated with the provided item.
@note The returned object is not guaranteed to be of type @c UIAccessibilityElement. It is
guaranteed to be the same object UIAccessibility systems identify as representing @c item.
@param item A tab bar item in the receivers @c items array.
@return The @c UIAccessibility element associated with @c item if one exists, else @c nil.
*/
- (nullable id)accessibilityElementForItem:(nonnull UITabBarItem *)item;
/**
Provides the frame of the tab bar subview that visually represents @c item. If @c item is not
present in the tab bar's list of items, then the null rectangle is returned.
@param item The tab bar item for computing a frame.
@param coordinateSpace The space in which to calculate the item's corresponding frame.
*/
- (CGRect)rectForItem:(nonnull UITabBarItem *)item
inCoordinateSpace:(nonnull id<UICoordinateSpace>)coordinateSpace;
/**
Scrolls the tab bar so that @c item is centered.
@param item The tab bar item to be centered.
@param animated Whether to animate the scroll.
*/
- (void)scrollToItem:(nonnull UITabBarItem *)item animated:(BOOL)animated;
/**
The color for the Ripple effect for touch feedback.
*/
@property(nonnull, nonatomic, copy)
UIColor *rippleColor __deprecated_msg("Enable disableRippleBehavior instead.");
/**
Offset to shift the badge from its default location.
Positive x values move the badge toward the trailing edge, and positive y values move the badge
downward. All badges in the tab bar use the same offset.
*/
@property(nonatomic) CGPoint badgeOffset;
/**
* Whether or not to enforce padding between the tab bar item's image and title.
*
* If set to @c YES, the tab bar item's image and title will be top-aligned with the
* @c itemImageTitlePadding in between.
*
* If set to @c NO, the tab bar item's image will be aligned to the top while the title will be
* aligned to the bottom inside the edge insets.
*
* Defaults to @c NO.
*/
@property(nonatomic) BOOL enforceTextAndImagePadding;
@end
#if MDC_AVAILABLE_SDK_IOS(13_0) && !TARGET_OS_TV
/**
This component supports UIKit's Large Content Viewer. It is recommended that images associated with
each tab bar item be backed with a PDF image with "preserve vector data" enabled within the assets
entry in the catalog. This ensures that the image is scaled appropriately in the content viewer.
Alternatively specify an image to use for the large content viewer using UITabBarItem's property
@c largeContentSizeImage . If an image is specified, the given image is used as-is for the large
content viewer and will not be scaled.
If the image is not backed by PDF and a @c largeContentSizeImage is not specified, the given
@c image will be scaled and may be blurry.
For more details on the Large Content Viewer see:
https://developer.apple.com/videos/play/wwdc2019/261/
*/
@interface MDCTabBarView (UILargeContentViewerInteractionDelegate) <
UILargeContentViewerInteractionDelegate>
@end
#endif // MDC_AVAILABLE_SDK_IOS(13_0)
NS_ASSUME_NONNULL_END