TriLabelView
  • November 24, 2023

A triangle shaped corner label view for iOS written in Swift.


  • This view is a subclass of UIView.
  • It can be created and customized from the Storyboard or from the code

Setup with CocoaPods


If you are using CocoaPods add this text to your Podfile and run pod install.

use_frameworks!
target ‘Your target name’
pod ‘TriLabelView’

Or Add source


Simply add TriLabelView.swift file to you project.

Usage


Creating a view form the code

let triLabelView = TriLabelView(frame:CGRect)
view.addSubview(triLabelView)

Customization

// Change Text
triLabelView.labelText = “NEW”

// Adjust Length Percentage
// You can update this to set percentage value of this
// view to that of the superview.
// Default value is 50.0
triLabelView.lengthPercentage = 60.0

You can set the position of view with .TopLeft being the default. The following positions are available

public enum Position:String {
case TopLeft
case TopRight
case BottomRight
case BottomLeft
}

You can update text color, font and background color

triLabelView.textColor = UIColor.yellowColor()

triLabelView.labelFont = UIFont.systemFont(ofSize: 15)

triLabelView.viewColor = UIColor.brownColor()

Creating a view form the storyboard

  • If you already have a view where you want to use then set it’s class to TriLabelView in identity inspector.

  • Or drag a View from object library and then change it’s class to TriLabelView in identity inspector.

  • Set the module property to TriLabelView.

  • Customize the view properties in the attributes inspector.

Requirements


  • Swift 3 / Xcode 8
  • iOS 9.3

GitHub


View Github

#cocoapods #ios #swift #uicomponents
YOU MIGHT ALSO LIKE...
🧭 NavigationKit

NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...

swiftui-navigation-stack

An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...

Stinsen

Simple, powerful and elegant implementation of the Coordinator pattern in SwiftUI. Stinsen is written using 100% SwiftUI which makes it ...

SwiftUI Router

With SwiftUI Router you can power your SwiftUI app with path-based routing. By utilizing a path-based system, navigation in your app becomes ...

FlowStacks

This package takes SwiftUI's familiar and powerful NavigationStack API and gives it superpowers, allowing you to use the same API not just ...