Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mdo91/instagarm-followers
ios app demonstrates animated segmented control that is integrated with collectionView instagram-like followers/following screen
https://github.com/mdo91/instagarm-followers
collectionview collectionview-horizontal-layout delegationpattern instagram segmented-controls swift tableview tap-bar
Last synced: about 2 hours ago
JSON representation
ios app demonstrates animated segmented control that is integrated with collectionView instagram-like followers/following screen
- Host: GitHub
- URL: https://github.com/mdo91/instagarm-followers
- Owner: mdo91
- License: mit
- Created: 2021-02-21T12:18:27.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-12T03:57:52.000Z (about 2 months ago)
- Last Synced: 2024-09-12T13:30:53.036Z (about 2 months ago)
- Topics: collectionview, collectionview-horizontal-layout, delegationpattern, instagram, segmented-controls, swift, tableview, tap-bar
- Language: Swift
- Homepage:
- Size: 7.48 MB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# instagarm-like (followers/following screen)
---------------------------------------------
The ios app demonstrates animated segmented buttons that are integrated with collectionView instagram-like followers/following screen.
.
### usage:
The app is created programmatically using UIKit with no storyboards. However, if you are using storyboards in your project:
1. Import 'SegmentedButtonsViewdrop.swift' file into your project.
2. Drop a UIView in your UIViewController.
3. Select the UIView, then in the identity inspector write in the custom class textfield 'SegmentedButtonsView' then hit enter.
For the functionality that is demonstrated above, there are two main classes:
SegmentedButtonsView and MainViewController.
for instance in the code below:
```swift
lazy var segmentedButtonsView:SegmentedButtonsView = {
let segmentedButtonsView = SegmentedButtonsView()
segmentedButtonsView.setLabelsTitles(titles: ["Followers", "Following"])
return collectionViewHeader
}()
```
Please consider to call 'setLabelsTitles' method of 'SegmentedButtonsView' instance in order to set labels titles.
In your viewController make it conforms to 'SegmentedControlDelegate' in order to trigger selected button index:
```swift
extension MainViewController: SegmentedControlDelegate {
//MARK: - segmented Control delegate
func didIndexChanged(at index: Int) {
if index == 0 {
// do something
}else if index == 1 {
//do something
}
}
}
```
If you're willing to use segmentedViewButtons to be integrated with a collection view with more than 2 buttons, you can replace the code inside the 'collectionViewDidScroll' delegate function of 'SegmentedButtonsView.swift' :
```swift
if (label.frame.width / 2 >= self.selectorView.frame.origin.x && titles[0] == label.text! ||
label.frame.width / 2 <= self.selectorView.frame.origin.x && titles[1] == label.text! ) {
label.textColor = selectorTextColor
}else {
label.textColor = textColor
}
```
with the following code that supports more than two buttons(labeLs) view:
```swift
if label.frame.origin.x == self.selectorView.frame.origin.x {
label.textColor = selectorTextColor
} else {
label.textColor = textColor
}
```