Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/TBXark/PinterestSegment

A Pinterest-like segment control with masking animation.
https://github.com/TBXark/PinterestSegment

cocoapods coreanimation ios-animation pinterest segment swift widget

Last synced: 3 months ago
JSON representation

A Pinterest-like segment control with masking animation.

Host: GitHub
URL: https://github.com/TBXark/PinterestSegment
Owner: TBXark
License: mit
Created: 2016-12-06T12:08:42.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2022-01-30T17:35:54.000Z (almost 3 years ago)
Last Synced: 2024-04-24T14:51:42.237Z (6 months ago)
Topics: cocoapods, coreanimation, ios-animation, pinterest, segment, swift, widget
Language: Swift
Homepage: http://tbxark.com/2016/12/08/2016-12-08-Swift-Pinterst/
Size: 396 KB
Stars: 682
Watchers: 12
Forks: 55
Open Issues: 14
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-ios - PinterestSegment - A Pinterest-like segment control with masking animation. (UI / Segmented Control)
awesome-cocoa - PinterestSegment
awesome-ios - PinterestSegment - A Pinterest-like segment control with masking animation. [•](https://raw.githubusercontent.com/TBXark/PinterestSegment/master/Example/demo.gif) (Content / Segment Control)
awesome-ios-star - PinterestSegment - A Pinterest-like segment control with masking animation. (UI / Segmented Control)

README

        # PinterestSegment

>  A Pinterest-like segment control with masking animation.

![Xcode 9.0+](https://img.shields.io/badge/Xcode-9.0%2B-blue.svg)

![iOS 8.0+](https://img.shields.io/badge/iOS-8.0%2B-blue.svg)

![Swift 4.0+](https://img.shields.io/badge/Swift-4.0%2B-orange.svg)

[![Build Status](https://travis-ci.org/TBXark/PinterestSegment.svg?branch=master)](https://travis-ci.org/TBXark/PinterestSegment)

[![CocoaPods](http://img.shields.io/cocoapods/v/PinterestSegment.svg?style=flat)](http://cocoapods.org/?q=PinterestSegment)

[![Carthage compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage)

[![License MIT](https://img.shields.io/badge/license-MIT-green.svg?style=flat)](https://raw.githubusercontent.com/TBXark/PinterestSegment/master/LICENSE)

![](Example/demo.gif)

## Requirements

- iOS 8.0+

- Xcode 9.0

- Swift 4.0

## Installation

#### CocoaPods

You can use [CocoaPods](http://cocoapods.org/) to install `PinterestSegment` by adding it to your `Podfile`:

```ruby

platform :ios, '8.0'

use_frameworks!

pod 'PinterestSegment'

```

To get the full benefits import `PinterestSegment` wherever you import UIKit

```swift

import UIKit

import PinterestSegment

```

#### Carthage

Create a `Cartfile` that lists the framework and run `carthage update`. Follow the [instructions](https://github.com/Carthage/Carthage#if-youre-building-for-ios) to add `$(SRCROOT)/Carthage/Build/iOS/PinterestSegment.framework` to an iOS project.

```ruby

github "tbxark/PinterestSegment"

```

#### Manually

1. Download and drop ```PinterestSegment.swift``` in your project.  

2. Congratulations!  

## Usage example

``` swift

let  style = PinterestSegmentStyle()

style.indicatorColor = UIColor(white: 0.95, alpha: 1)

style.titleMargin: CGFloat = 15

style.titlePendingHorizontal: CGFloat = 14

style.titlePendingVertical: CGFloat = 14

style.titleFont = UIFont.boldSystemFont(ofSize: 14)

style.normalTitleColor = UIColor.lightGray

style.selectedTitleColor = UIColor.darkGray

let segment = PinterestSegment(frame: CGRect(x: 20, y: 200, width: w - 40, height: 40), style: style, titles: ["Everything", "Geek", "Humor", "Art", "Food", "Home", "DIY", "Wemoent' Style", "Man's Style", "Beauty", "Travel"])

segment.valueChange = { index in

  // Do something here

}

```

You can also add icon for each title, Just like the blow demo gif

![](Example/demo2.gif)

```swift

@IBOutlet weak var ibSegment: PinterestSegment!

var titles = [PinterestSegment.TitleElement]()

for i in 1...7 {

    guard let image = UIImage(named: "icon_\(i)"),

    let selectedImage = image.maskWithColor(color: ibSegment.style.selectedTitleColor),

    let normalImage = image.maskWithColor(color: ibSegment.style.normalTitleColor)  else { continue }

    titles.append(PinterestSegment.TitleElement(title: "Face-\(i)", selectedImage: selectedImage, normalImage: normalImage))

}

ibSegment.setRichTextTitles(titles)

```

## Article

  

  Fix automaticallyAdjustsScrollViewInsets bug in PinterestSegment [https://tbxark.com/2016/12/08/2016-12-08-Swift-Pinterst/](https://tbxark.com/2016/12/08/2016-12-08-Swift-Pinterst/)

## Release History

* 1.2.0

  support swift 4.0

* 1.0.1

  fix bug

* 1.0.0

  first commit

## Contribute

We would love for you to contribute to **PinterestSegment**, check the ``LICENSE`` file for more info.

## Meta

TBXark – [@tbxark](https://twitter.com/tbxark) – [email protected]

Distributed under the MIT license. See ``LICENSE`` for more information.

[https://github.com/TBXark](https://github.com/TBXark)

[swift-image]:https://img.shields.io/badge/swift-3.0-orange.svg

[swift-url]: https://swift.org/

[license-image]: https://img.shields.io/badge/License-MIT-blue.svg

[license-url]: LICENSE

[travis-image]: https://img.shields.io/travis/dbader/node-datadog-metrics/master.svg?style=flat-square

[travis-url]: https://travis-ci.org/dbader/node-datadog-metrics

[codebeat-image]: https://codebeat.co/badges/c19b47ea-2f9d-45df-8458-b2d952fe9dad

[codebeat-url]: https://codebeat.co/projects/github-com-vsouza-awesomeios-com