Latest 1.0.0
Homepage https://github.com/mukeshthawani/TriLabelView
License MIT
Platforms ios 11.0, requires ARC
Frameworks UIKit
Authors

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.

<img
src=’https://raw.githubusercontent.com/mukeshthawani/TriLabelView/master/graphics/first_example.png‘ width=’450′ alt=’TriLabelView’>
<img
src=’https://raw.githubusercontent.com/mukeshthawani/TriLabelView/master/graphics/second_example.png‘ width=’450′ alt=’TriLabelView’>

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 from 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 from 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.

<img
src=’https://raw.githubusercontent.com/mukeshthawani/TriLabelView/master/graphics/add_to_storyboard.png‘ width=’260′ alt=’Add TriLabelView to storyboard’>

  • Customize the view properties in the attributes inspector.

<img
src=’https://raw.githubusercontent.com/mukeshthawani/TriLabelView/master/graphics/attributes_inspector.png‘ width=’360′ alt=’Attributes inspector’>

Requirements

  • Swift 3 / Xcode 8
  • iOS 9.3

Author

Mukesh Thawani

Contributing

Feature requests, bug reports, and pull requests are all welcome.

License

Copyright (c) 2016 Mukesh Thawani. Release under the MIT License.

Latest podspec

{
    "name": "TriLabelView",
    "platforms": {
        "ios": "11.0"
    },
    "version": "1.0.0",
    "summary": "A triangle shaped corner label view for iOS written in Swift.",
    "homepage": "https://github.com/mukeshthawani/TriLabelView",
    "license": {
        "type": "MIT",
        "file": "LICENSE"
    },
    "authors": {
        "Mukesh Thawani": "[email protected]"
    },
    "social_media_url": "http://twitter.com/MukeshThawani",
    "source": {
        "git": "https://github.com/mukeshthawani/TriLabelView.git",
        "tag": "1.0.0"
    },
    "frameworks": "UIKit",
    "source_files": "TriLabelView/**/*.{swift}",
    "requires_arc": true,
    "pushed_with_swift_version": "4.0"
}

Pin It on Pinterest

Share This