mirror of
https://github.com/material-components/material-components-ios.git
synced 2026-02-11 22:10:32 +08:00
4a46c8c19e
* Replace MDC all icons * Update border * Replace MDCActionExtension icon with new logo * Update all headers to be white on black * Make Catalog greyscale to match Material’s style. * Fix collection tile * Update all headers to be white on black * Make Catalog greyscale to match Material’s style. * Fix collection tile * WIP: Updating TabBar example to use black/green theme. * WIP: Monochoroming all examples. * Switch MDC Catalog to a black and white theme (#1355) * Replace MDC all icons * Update border * Replace MDCActionExtension icon with new logo * Update all headers to be white on black * Make Catalog greyscale to match Material’s style. * Fix collection tile * Update all headers to be white on black * Make Catalog greyscale to match Material’s style. * Fix collection tile * Fix floats * Make Catalog greyscale to match Material’s style. * More black and whiting * WIP: Snackbar and global style * Simplify snack bar examples. * Page control
Header Stack Views
The Header Stack View component is a view that coordinates the layout of two vertically stacked bar views.
Design & API Documentation
Installation
Requirements
- Xcode 7.0 or higher.
- iOS SDK version 7.0 or higher.
Installation with CocoaPods
To add this component to your Xcode project using CocoaPods, add the following to your Podfile:
pod 'MaterialComponents/HeaderStackView'
Then, run the following command:
pod install
Overview
This view's sole purpose is to facilitate the relative layout of two horizontal bars. The bottom bar will bottom align and be of fixed height. The top bar will stretch to fill the remaining space if there is any.
The top bar is typically a navigation bar. The bottom bar, when provided, is typically a tab bar.
Usage
Importing
Before using Header Stack View, you'll need to import it:
Swift
import MaterialComponents.MaterialHeaderStackView
Objective-C
#import "MaterialHeaderStackView.h"
Header Stack View provides MDCHeaderStackView, which is a UIView subclass.
Swift
let headerStackView = MDCHeaderStackView()
Objective-C
MDCHeaderStackView *headerStackView = [[MDCHeaderStackView alloc] init];
You may provide a top bar:
Swift
headerStackView.topBar = navigationBar
Objective-C
headerStackView.topBar = navigationBar;
You may provide a bottom bar:
Swift
headerStackView.bottomBar = tabBar
Objective-C
headerStackView.bottomBar = tabBar;