mirror of
https://github.com/material-components/material-components-ios.git
synced 2026-02-06 20:48:22 +08:00
03e0cdb057
Summary: This is necessary because our example resources are contained in a "global" scope (the catalog), so all resource names must be unique. Closes https://github.com/google/material-components-ios/issues/373. Reviewers: #mdc_ios_owners, randallli Reviewed By: #mdc_ios_owners, randallli Projects: #material_components_ios Differential Revision: http://codereview.cc/D648
| title | layout | section | excerpt |
|---|---|---|---|
| Header Stack View | detail | components | The Header Stack View component is a view that coordinates the layout of two vertically stacked bar views. |
Header Stack View
The Header Stack View component is a view that coordinates the layout of two vertically stacked bar views.
Material Design Specifications
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 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:
Objective-C
#import "MaterialHeaderStackView.h"
Swift
import MaterialComponents
Header Stack View provides MDCHeaderStackView, which is a UIView subclass.
Objective-C
MDCHeaderStackView *headerStackView = [[MDCHeaderStackView alloc] init];
Swift
You may provide a top bar:
Objective-C
headerStackView.topBar = navigationBar;
Swift
headerStackView.topBar = navigationBar
You may provide a bottom bar:
Objective-C
headerStackView.bottomBar = tabBar;
Swift
headerStackView.bottomBar = tabBar