FocusTvButton
Light wrapper of UIButton that allows extra customization for tvOS
If you would like to have the same level of customization in tableview cells, you should definitely check out TvOSCustomizableTableViewCell
Description
FocusTvButton allows the customization of UIButtons in tvOS, adding extra properties to customize layout attributes which are not customizable on UIButtons out of the box.
Custom properties:
- Focused background color
- Unfocused background color
- Selected background color
- Corner radius
- Scale factor when focused
- Shadow radius when focused
- Shadow opacity when focused
- Shadow color
- Shadow offset when focused
- Duration of the focus animation
- Title color when focuses/unfocused
Two color, linear gradient properties:
- Focused background end color
- Unfocused background end color
- Selected background end color
- gradient start & end points
A simple two color, linear gradient can be configured by setting either "background end" color properties. If neither "background end" color properties are set then FocusTvButton will use a solid background color by default.
Requirements
- tvOS 10.2+
- Xcode 11.0+
Usage
FocusTvButton can be integrated both programmatically or embedded in a xib file.
Programmatically
FocusTvButton is a subclass of UIButton, so it can be created and used as a regular UIButton.
let myButton = FocusTvButton()
myButton.focusedBackgroundColor = .red
myButton.normalBackgroundColor = .white
myButton.cornerRadius = 12.0
// with optional gradient
myButton.focusedBackgroundEndColor = .green
myButton.normalBackgroundColor = .black
myButton.gradientStartPoint = .zero
myButton.gradientEndPoint = CGPoint(x: 0, y: 1)
Embedded in a xib or storyboard file
Due to the fact that FocusTvButton is a subclass of UIButton, the first step is to drag and drop a regular UIButton from the Object library to your view.
Then change the value of "Custom Class" to "FocusTvButton", and the Button type to "Custom" to avoid the default focus behavior.
And that's all...
The custom properties can be configured directly on the Storyboard using IBInspectables.
Installation
Cocoapods
CocoaPods is a dependency manager for Cocoa projects. You can install it with the following command:
$ gem install cocoapods
To integrate FocusTvButton into your Xcode project using CocoaPods, specify it in your Podfile:
source 'https://github.com/CocoaPods/Specs.git'
platform :tvos, '9.0'
use_frameworks!
target '<Your Target Name>' do
pod 'FocusTvButton', '~> 3.1.0'
end
Then, run the following command:
$ pod install
Carthage
Carthage is a decentralized dependency manager that builds your dependencies and provides you with binary frameworks.
You can install Carthage with Homebrew using the following command:
$ brew update
$ brew install carthage
To integrate FocusTvButton into your Xcode project using Carthage, specify it in your Cartfile:
github "dcordero/FocusTvButton" ~> 3.1.0
Run carthage update to build the framework and drag the built FocusTvButton.framework into your Xcode project.
Manually
If you prefer, you can also integrate FocusTvButton into your project manually, just copying FocusTvButton.swift to your project.
45 Oct 27, 2022
516 Nov 24, 2022
2.9k Dec 21, 2022
81 Nov 13, 2022
466 Nov 13, 2022
56 Oct 27, 2022
102 Oct 5, 2022
216 Dec 22, 2022
1.1k Dec 18, 2022
8 May 13, 2022
12 May 9, 2022
5.2k Dec 11, 2022
6 Dec 17, 2022
2 Jun 27, 2022
139 Dec 19, 2022
33 May 11, 2022