Giter VIP home page Giter VIP logo

lcslidemenu's Introduction

language Swift  4.0 xcode version CocoaPods compatible download build platform https://github.com/ChinaHackers/LCSlideMenu/blob/master/LICENSE GitHub starts GitHub fork Twitter Follow


What is LCSlideMenu?

LCSlideMenu It's a powerful and easy to use slider menu.

δΈ­ζ–‡ | English

Screencast from our Demo

indicatorType = .stretch titleStyle = .gradient indicatorType = .cover titleStyle = .gradient indicatorType = .stretch titleStyle = .transfrom indicatorType = .normal titleStyle = .transfrom
indicatorType = .cover titleStyle = .gradient isShowIndicatorView = false titleStyle = .transfrom indicatorType = .cover titleStyle = .transfrom isShowIndicatorView = false titleStyle = .gradient

Menu indicator and title style

  • Using enumerations to define LCSlideMenuTitleStyle and LCSlideMenuTitleStyle types
/// Select the menu header style
///
/// - normal: normal
/// - gradient: The gradient color
/// - transfrom: zoom
public enum LCSlideMenuTitleStyle {
    case normal
    case gradient
    case transfrom
}

/// Select the menu indicator style
///
/// - normal: normal
/// - stretch: stretch
/// - followText: Following text length
/// - cover: mask
public enum LCSlideMenuIndicatorStyle {
    case normal
    case stretch
    case followText
    case cover
}

Attribute

Attribute name Specific introduction of attributes
coverView Mask the view
indicatorType LCSlideMenu of indicator type
titleStyle Heading styles
itemFont The font size of the heading
isShowIndicatorView Whether to display the indicator view
isNeedMask Do you need a mask?
coverHeight The height of the mask view
coverColor The background color of the mask view
selectedColor The color in the currently selected state
unSelectedColor The color of the unchecked state
bottomPadding The indicator is at the bottom
indicatorHeight Height of indicator

Requirements

  • iOS 11.2
  • Xcode 9.2
  • Swift 4.0.3+

Installation

CocoaPods is a dependency manager for Cocoa projects. You can install it with the following command:

$ gem install cocoapods
  • Just add the LCSlideMenu folder to your project.

  • or add them to your Podfile file to use CocoaPods install LCSlideMenu

platform :ios, '11.2'
target '<Your Target Name>' do
use_frameworks!
pod 'LCSlideMenu'
end

Then, run the following command:

$ pod install

Example:

import UIKit
import LCSlideMenu

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        example()
    }
    fileprivate func example() {
        
        let titles = ["Apple", "Banana", "Watermelon", "Orange", "Lemon", "Pear","Strawberry", "Sapodilla", "Haw", "Grape","Mango", "Plum", "Persimmon", "Fig", "Betelnut"]
        var controllers: [UIViewController] = []
        
        for _ in 0 ..< titles.count {
            let vc = UIViewController()
            vc.view.backgroundColor = UIColor(red: CGFloat(arc4random() % 256) / 255, green: CGFloat(arc4random() % 256) / 255, blue: CGFloat(arc4random() % 256) / 255, alpha: 1)
            addChildViewController(vc)
            controllers.append(vc)
        }
      	/* -- LCSlideMenu -- */
        let slideMenu = LCSlideMenu(frame: CGRect(x: 0, y: 64, width: view.frame.width, height: 40), titles: titles, childControllers: controllers)
        slideMenu.indicatorType = .cover
        slideMenu.titleStyle = .gradient
        slideMenu.isShowIndicatorView = false
        slideMenu.isNeedMask = true
        slideMenu.coverView.layer.cornerRadius = slideMenu.coverHeight * 0.2
        slideMenu.coverColor = .black
        slideMenu.selectedColor = .white
        slideMenu.unSelectedColor = .black
        slideMenu.indicatorView.backgroundColor = .red
        view.addSubview(slideMenu)
    }
}

lcslidemenu's People

Contributors

devliusir avatar

Stargazers

MohsinAli avatar

Watchers

James Cloos avatar MohsinAli avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.