Compare commits

...

15 Commits

Author SHA1 Message Date
Rustam Moty f044cef62c Update README.md 2024-09-19 06:25:27 +03:00
Rustam Moty 15376fdf98 Update README.md 2024-09-19 06:21:28 +03:00
Rustam Moty 55f4bf8ae3 Update README.md 2024-09-19 06:20:22 +03:00
Rustam Moty 769058a952 Update README.md 2024-09-19 06:17:43 +03:00
Rustam Moty a5404f12a4 Update README.md 2024-09-19 06:15:04 +03:00
Rustam Moty cac1ea555f Update README.md 2024-09-19 05:37:48 +03:00
Rustam Moty f856082f63 Update README.md 2024-09-19 05:32:09 +03:00
Rustam Moty 409f526cf6 Update README.md 2024-09-19 05:08:04 +03:00
Rustam Moty b2b30b147f Update README.md 2024-09-04 18:10:35 +03:00
Rustam Moty a6b09007b2 Update README.md 2024-09-04 18:05:41 +03:00
Rustam Moty 7b001c292f Update README.md 2024-09-04 18:05:04 +03:00
Rustam Moty 5498067ffd Update README.md 2024-09-04 18:01:46 +03:00
Rustam Moty dce0be5a86 Update README.md 2024-09-04 17:59:41 +03:00
Rustam Moty 237bd57aca Update README.md 2024-09-04 10:30:09 +03:00
mrustaa bdf75322b8 Merge branch 'supportNavBarTranslucent' 2024-01-12 07:01:00 +03:00
+71 -2
View File
@@ -11,17 +11,46 @@
UI Component. This is a copy swipe-panel from app: https://www.apple.com/ios/maps/ UI Component. This is a copy swipe-panel from app: https://www.apple.com/ios/maps/
It can:
- Animately move top / middle / bottom
- Add multiple ContainerControlleron top of each other in self.view
- Add any type of ScrollView: Table / Collection / Text
- Control Gesture or Scroll
- Pin HeaderView to top / pin FooterView to bottom,
- Add Background Color / background blur transparency
- Adjust cornerRadius edges
- Adjust container shadow
- When raised to top = Add background shadow -
- Has the ability to adjust Left / Right margins
- And adjust Left / Right margins for landscape state.
## Preview ## Preview
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/maps.gif) ![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/maps.gif)
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/examples.gif) ![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/examples.gif)
![image(Landscape)](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/mapsLandscape.gif) ![image(Landscape)](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/mapsLandscape.gif)
## About the project
Examples of use (ui swipe component ContainerController) in popular design applications.
It is used in different categories apps:
- Maps / Menu / Player Music / Market / Sports News / Taxi / Finance Banks Stock / Wallets / Analytics / Notes
- Alerts / Popups / Notifications
## Features
<!-- TOC --> <!-- TOC -->
- [Requirements](#requirements) - [Requirements](#requirements)
- [Installation](#installation) - [Installation](#installation)
- [CocoaPods](#cocoapods) - [CocoaPods](#cocoapods)
- [Swift Package Manager with Xcode 11](#swift-package-manager-with-xcode-11) - [Swift Package Manager with Xcode 11](#swift-package-manager-with-xcode-11)
- [Design examples](#design-examples)
- [Getting Started](#getting-started) - [Getting Started](#getting-started)
- [Action](#action) - [Action](#action)
- [Move position with an animation](#move-position-with-an-animation) - [Move position with an animation](#move-position-with-an-animation)
@@ -58,7 +87,7 @@ UI Component. This is a copy swipe-panel from app: https://www.apple.com/ios/map
## Installation ## Installation
### CocoaPods ### [CocoaPods](https://cocoapods.org)
ContainerControllerSwift is available through [CocoaPods](https://cocoapods.org). To install ContainerControllerSwift is available through [CocoaPods](https://cocoapods.org). To install
it, simply add the following line to your Podfile: it, simply add the following line to your Podfile:
@@ -66,10 +95,50 @@ it, simply add the following line to your Podfile:
```ruby ```ruby
pod 'ContainerControllerSwift' pod 'ContainerControllerSwift'
``` ```
### Swift Package Manager with Xcode 11
### [Swift Package Manager with Xcode 11](https://swift.org/package-manager/)
```ruby
dependencies: [
.package(url: "https://github.com/mrustaa/ContainerController.git")
]
```
Follow [this doc](https://developer.apple.com/documentation/swift_packages/adding_package_dependencies_to_your_app). Follow [this doc](https://developer.apple.com/documentation/swift_packages/adding_package_dependencies_to_your_app).
## Design examples
### Designs are borrowed from [Dribbble](https://dribbble.com)
To get the design, you need to add a branch
[ui_examples](https://github.com/mrustaa/ContainerController/tree/ui_examples)
```swift
git clone https://github.com/mrustaa/ContainerController.git
cd ContainerController/
git checkout ui_examples
```
URLs Author:
- [Play Music](https://dribbble.com/shots/15381326-Move-Multipurpose-HTML-Template-I), [Sallets](https://dribbble.com/shots/18054638-Sowallet-Mobile-Appp), [Crypto](https://dribbble.com/shots/24353177-Crypto-Loan-Mobile-App), [Buy Stock](https://dribbble.com/shots/14364583-Online-Banking-Mobile-App), [Sport](https://dribbble.com/shots/15544535-Sneakers-Shopping-App), [Taxi](https://dribbble.com/shots/23691282-Taxi-Booking-App-Design), [Map Parking](https://dribbble.com/shots/15034854-AirGarage-Mobile-App-Redesign), [Custom Card](https://dribbble.com/shots/20629590-Business-Card-Mobile-IOS-App), [Apple.Maps App](https://apps.apple.com/us/app/apple-maps/id915056765)
GIF Previews:
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/screen_play_music_mini_2.gif)
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/screen_wallets_mini_2.gif)
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/screen_sport_mini_2.gif)
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/screen_buy_stock_mini_2.gif)
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/screen_crypto_mini_2.gif)
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/screen_taxi_mini_2.gif)
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/screen_map_parking_mini_2.gif)
![image](https://github.com/mrustaa/gif_presentation/blob/master/ContainerControllerSwift/screen_custom_card_mini_2.gif)
## Getting Started ## Getting Started
```swift ```swift