TTGEmojiRate
An emoji-liked rating view for iOS, implemented in Swift3.
Android version: PeterSmileRate by SilicorniO. Great work ! :)
Inspired by Rating Version A - Hoang Nguyen
Blog
土土哥的技术Blog - Swift开源项目: TTGEmojiRate的实现
Features
- More interactive with Emoji and drag gesture.
- Highly customizable.
- Can be used in Interface Builder.
What
TTGEmojiRate is an emoji-liked rating view for iOS which is implemented in Swift.
You can drop up and down on the Emoji face to change the rate, which is more interactive.
TTGEmojiRate is also highly customizable that many features of it can be configure, like the emoji line width and the mouth width.
Usage
Use TTGEmojiRate
- Create an instance of EmojiRateView and add it to the parent view.
let rateView = EmojiRateView.init(frame: CGRectMake(0, 0, 200, 200))
rateView.center = self.view.center
self.view.addSubview(rateView)
- Drop a view in the Interface builder and set the
Custom ClasstoEmojiRateView
Run example
To run the example project, clone the repo, and run pod install from the Example directory first.
Requirements
Swift3.
Xcode8.
iOS 8 and later.
Installation
CocoaPods
You can use CocoaPods to install TTGEmojiRate by adding it to your Podfile:
pod "TTGEmojiRate"
Carthage
You can use Carthage to install TTGEmojiRate by adding it to your Cartfile:
github "zekunyan/TTGEmojiRate"
Customization
rateValueChangeCallback
rateValueChangeCallback: ((newRateValue: Float) -> Void)? defines the callback closure when rateValue changes.
emojiRateView.rateValueChangeCallback = {(rateValue: Float) -> Void in
NSLog("The new rate value is: \(rateValue)")
}
rateColorRange
rateColorRange: (from: UIColor, to: UIColor)
When rateValue changes from 0 to 5, the rateColor will change from the from: UIColor to to: UIColor.
emojiRateView.rateColorRange = (
UIColor.redColor(),
UIColor.greenColor()
)
rateDragSensitivity
rateDragSensitivity: CGFloat defines the sensitivity when drag to change rateValue.
Author
zekunyan, [email protected]
License
TTGEmojiRate is available under the MIT license. See the LICENSE file for more info.
0 Nov 20, 2021
1 Mar 6, 2022
0 Jan 2, 2022
85 Dec 23, 2022
100 Nov 3, 2022
244 Dec 11, 2022
450 Dec 24, 2022
127 Nov 20, 2022
2 May 9, 2022
38 Aug 30, 2022
12 Nov 9, 2022
643 Sep 8, 2022
93 Nov 12, 2022
478 Dec 30, 2022
101 Nov 7, 2022
15k Jan 8, 2023
337 Dec 24, 2022
55 Dec 13, 2021
0 Dec 24, 2021
2.1k Dec 28, 2022
175 Nov 19, 2022
5 Sep 24, 2022
608 Dec 30, 2022
1.9k Dec 20, 2022
15 Dec 28, 2022
1.3k Dec 21, 2022