Fashion alternatives and similar libraries
Based on the "UI" category.
Alternatively, view Fashion alternatives based on common mentions on social networks and blogs.
-
DZNEmptyDataSet
A drop-in UITableView/UICollectionView superclass category for showing empty datasets whenever the view has no content to display -
IQKeyboardManager
Codeless drop-in universal library allows to prevent issues of keyboard sliding up and cover UITextField/UITextView. Neither need to write any code nor any setup required and much more. -
SkeletonView
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting -
animated-tab-bar
:octocat: RAMAnimatedTabBarController is a Swift UI module library for adding animation to iOS tabbar items and icons. iOS library made by @Ramotion -
TTTAttributedLabel
A drop-in replacement for UILabel that supports attributes, data detectors, links, and more -
MGSwipeTableCell
An easy to use UITableViewCell subclass that allows to display swippable buttons with a variety of transitions. -
JTAppleCalendar
The Unofficial Apple iOS Swift Calendar View. Swift calendar Library. iOS calendar Control. 100% Customizable -
SWTableViewCell
An easy-to-use UITableViewCell subclass that implements a swippable content view which exposes utility buttons (similar to iOS 7 Mail Application) -
JVFloatLabeledTextField
UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users -
XLForm
XLForm is the most flexible and powerful iOS library to create dynamic table-view forms. Fully compatible with Swift & Obj-C. -
FSPagerView
FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner View、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders. -
TPKeyboardAvoiding
A drop-in universal solution for moving text fields out of the way of the keyboard in iOS -
SideMenu
Simple side/slide menu control for iOS, no code necessary! Lots of customization. Add it to your project in 5 minutes or less. -
SwipeCellKit
Swipeable UITableViewCell/UICollectionViewCell based on the stock Mail.app, implemented in Swift. -
Alerts & Pickers
Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date... -
SwiftEntryKit
SwiftEntryKit is a presentation library for iOS. It can be used to easily display overlays within your iOS apps. -
PageMenu
A paging menu controller built from other view controllers placed inside a scroll view (like Spotify, Windows Phone, Instagram) -
Material Components
[In maintenance mode] Modular and customizable Material Design UI components for iOS -
SWRevealViewController
A UIViewController subclass for presenting side view controllers inspired on the FaceBook and Wunderlist apps, done right ! -
CSStickyHeaderFlowLayout
UICollectionView replacement of UITableView. Do even more like Parallax Header, Sticky Section Header. Made for iOS 7. -
expanding-collection
:octocat: ExpandingCollection is an animated material design UI card peek/pop controller. iOS library made by @Ramotion
InfluxDB - Power Real-Time Data Analytics at Scale
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of Fashion or a related project?
README
Description
Fashion is your helper to share and reuse UI styles in a Swifty way. The
main goal is not to style your native apps in CSS, but use a set of convenience
helper functions to decouple your styles from a layout code, improving
customization and reusability. Also here we try to go beyond the UIAppearance
possibilities to customize appearance for all instance objects of the specified
type.
Table of Contents
Usage
Conventional way
Define styles in a stylesheet
enum Style: String, StringConvertible {
case customButton
var string: String {
return rawValue
}
}
final class MainStylesheet: Stylesheet {
func define() {
share { (label: UILabel) in
label.textColor = .blue
label.numberOfLines = 2
label.adjustsFontSizeToFitWidth = true
}
// register("custom-button") { (button: UIButton) in
register(Style.customButton) { (button: UIButton) in
button.backgroundColor = .red
button.setTitleColor(.white, for: .normal)
}
}
}
Register a stylesheet
Fashion.register([MainStylesheet()])
Apply a style
let button = UIButton() // let button = UIButton(styles: "custom-button")
button.apply(styles: Style.customButton) // backgroundColor => .red
let label = UILabel()
addSubview(label) // textColor => .blue
Stylesheet
Stylesheet
is a protocol that helps you to organize your styles by registering
them in define
method:
Register a style
// Registers stylization closure with the specified name.
register("card-view") { (view: UIView) in
view.backgroundColor = .white
view.layer.masksToBounds = false
view.layer.shadowColor = UIColor.black.cgColor
view.layer.shadowOffset = CGSize(width: 0, height: 0.5)
view.layer.shadowOpacity = 0.2
view.layer.cornerRadius = 8
}
Unregister a style
// Unregisters stylization closure with the specified name.
unregister("card-view")
Share a style
The style will be shared across all objects of this type, considering inheritance.
// All views will have red background color.
share { (view: UIView) in
view.backgroundColor = .red
}
// All table views will have white background color, it overrides the red
// background registered above.
share { (tableView: UITableView) in
tableView.backgroundColor = .white
tableView.tableFooterView = UIView(frame: CGRect.zero)
tableView.separatorStyle = .none
tableView.separatorInset = .zero
}
Unshare a style
// Unregisters shared stylization closure for the specified type.
unshare(UITableView.self)
UIAppearance
share
is the recommended method to customize the appearance of class's
instances, but sometimes we still have to use UIAppearance
because of
default styles set on the class’s appearance proxy when a view enters a window.
shareAppearance { (barButtonItem: UIBarButtonItem) in
barButtonItem.setTitleTextAttributes([
NSFontAttributeName : UIFont(name: "HelveticaNeue-Light", size: 12)!,
NSForegroundColorAttributeName : UIColor.red],
for: .normal)
}
Stylist
When you register/share your styles in the Stylesheet
all the actual work is
done by Stylist
under the hood, so if you want more freedom it's possible
to use Stylist
class directly. You can create a new instance Stylist()
or
use the global variable Stylist.master
which is used in stylesheets.
let stylist = Stylist()
stylist.register("card-view") { (view: UIView) in
view.backgroundColor = .white
view.layer.cornerRadius = 8
}
stylist.unregister("card-view")
stylist.share { (tableView: UITableView) in
tableView.backgroundColor = .white
tableView.tableFooterView = UIView(frame: .zero)
}
stylist.unshare(UITableView.self)
Style
Use generic Style
struct if you want to have more control on when, where and
how styles are applied in your app. Then you don't need to deal with style
keys, register or share closures.
let label = UILabel()
let style = Style<UILabel> { label in
label.backgroundColor = UIColor.black
label.textColor = UIColor.white
label.numberOfLines = 10
}
// The same as style.apply(to: label)
label.apply(style: style)
It's also possible to create a style by composing multiple ones:
let label = UILabel()
let style1 = Style<UILabel> { label in
label.backgroundColor = UIColor.black
}
let style2 = Style<UILabel>{ label in
label.textColor = UIColor.white
}
let composedStyle = Style.compose(style1, style2)
// The same as composedStyle.apply(to: label)
label.apply(style: composedStyle)
UIView extensions
It's super easy to apply previously registered styles with UIView
extensions.
With convenience initializer
// A single style
let button = UIButton(styles: "custom-button")
// Multiple styles should be separated by a space
let label = UILabel(styles: "content-view cool-label")
// The initialized also accepts StringConvertible, so something other
// than magic String could also be used
enum Style: String, StringConvertible {
case customButton
case contentView
case coolLabel
var string: String {
return rawValue
}
}
// A single style
let button = UIButton(styles: Style.customButton)
// Multiple styles
let label = UILabel(styles: [Style.contentView, Style.coolLabel])
With apply
functions
let label = UILabel()
// StringConvertible
label.apply(styles: Style.contentView, Style.coolLabel)
// String
label.apply(styles: "content-view", "cool-label")
// Style structs
let style = Style<UILabel> { label in
label.backgroundColor = UIColor.black
}
label.apply(style: style)
With @IBInspectable
property styles
let button = UIButton()
// A single style
button.styles = "custom-button"
// Multiple styles
button.styles = "content-view custom-button"
Author
Vadym Markov, [email protected]
Installation
Fashion is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'Fashion'
Fashion is also available through Carthage. To install just write into your Cartfile:
github "vadymmarkov/Fashion"
Author
Vadym Markov, [email protected]
Contributing
We would love you to contribute to Fashion, check the CONTRIBUTING file for more info.
License
Fashion is available under the MIT license. See the LICENSE file for more info.
*Note that all licence references and agreements mentioned in the Fashion README section above
are relevant to that project's source code only.