TomatoVerticalMenuMania lets you create a vertical, scrollable menu to the left of the screen.

Overview

TomatoVerticalMenuMania Framework

Development and compatibility

Development platform: iOS
Language: Swift
Compatibility: iOS 13 or greater

Description

TomatoVerticalMenuMania lets you create a vertical, scrollable menu to the left of the screen. Each button corresponds to a specific view controller. You can hide and show the navigation item button with or without animation, which is up to you. The following is a list of features.

  1. List a number of buttons, each of which corresponds to a specific view controller.
  2. Use an image to characterize a corresponding view controller.
  3. Let the user scroll up and down on the menu to select a button.
  4. Show a pentagon or square marker to indicate which sub-menu has currently been selected.
  5. Customize the color of the selection marker.

Installation

  1. In order to use this framework, download the sample project. You will find the folder titled TomatoVerticalManiaFramework. Locate the Xcode file inside. And put this Xcode file in your Xcode project. Select your target and make sure you have TomatoVerticalManiaFramework.framework under General > Framworks, Libraries, and Embeded Content as shown below.

  1. Create a sub-class of UIViewController. Name it BasicViewController, BaseViewController, RootViewController or whatever you want such that all child view controllers can be based on. For now, let us call this base view controller BasicViewController. Import TomatoVerticalManiaFramework to the view controller.

  2. In the base view controller, create a function to set up the menu. Let us call this function setup(index: Int). Also create an override function named menuTapped.

  3. In the setup function, create an array of menu models with TomatoVerticalMenuModel. This struct takes three properties: menuName (String), menuIndex (Int), imageName (String). The menuName property is the name of a tappable view (UIView) that appears on the vertical menu. And each of them corresponds to a specific view controller through the menuTapped function. The index property determines the order of appearance. It also tells the app which view controller it should access. Moreover, the imageName* property is the name of the image used to characterize each sub-menu.

  4. Call tomatoVerticalSetup(index: index) in the setup(index: Int) function of the base view controller.

  5. Use the menuTapped function to read sender view's tag to direct the app to a specific view controller. The following is an example.

  1. In each view controller to which the app is directed to, change the class to BasicViewController. In its viewDidLoad method, call setup(index: number), where 'number' is an Int type value of a menu model from No. 4.

Variables

  • verticalBackColor: It's the background color of the entire vertical menu.
  • menuWidth: It's the width of each sub-menu.
  • menuHeight: It's the height of each sub-menu.
  • imageSide: It's the width and the height of an image characterizing each sub-menu.
  • hasInset: Set it true to have a pentagon-shaped marker. Set it to false to have a square-shaped marker.
  • insetColor: It's the color of the marker indicating which menu has been currently seleced.
  • insetSize: It determines the inset size of the marker.
  • nameLabelFontSize: It determines the font size of the label name of each sub-menu.
  • nameLabelHeight: It determines the height of the label of each sub-menu.
  • nameLabelFromBottom: It determines how far the name label goes away from the bottom of each sub-menu.
  • labelTextColor: It's the text color of the name label.
  • labelBackColor: It's the background color of the name label.
  • showVerticalScroll: By default, it's set to false. And the vertical scroller doesn't appear. Or set it to true.
  • You might also like...
    Library provides easy to implement variation of Android (Material Design) Floating Action Button for iOS. You can use it as your app small side menu. 🌶
    Library provides easy to implement variation of Android (Material Design) Floating Action Button for iOS. You can use it as your app small side menu. 🌶

    RHSideButtons 🌶 Library provides easy to implement variation of Android (Material Design) Floating Action Button for iOS. You can use it as your app

    Slide Menu (Drawer) in Swift
    Slide Menu (Drawer) in Swift

    AKSwiftSlideMenu Slide Menu (Drawer) in Swift 5.0 Why to use a library everytime? Let's create our own Slide Menu in Swift 5.0 I have uploaded a video

    ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Swift UI library made by @Ramotion
    ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Swift UI library made by @Ramotion

    CIRCLE MENU Simple, elegant UI menu with a circular layout and material design animations We specialize in the designing and coding of custom UI for M

    A simple side menu for iOS written in Swift.
    A simple side menu for iOS written in Swift.

    ENSwiftSideMenu A lightweight flyover side menu component for iOS with the UIDynamic's bouncing animation, UIGestures and UIBlurEffect. Allows you to

    Menu with a circular layout based on Macaw
    Menu with a circular layout based on Macaw

    FanMenu Easily customizable floating circle menu created with Macaw We are a development agency building phenomenal apps. Usage Create UIView in your

    Our Guillotine Menu Transitioning Animation implemented in Swift reminds a bit of a notorious killing machine.
    Our Guillotine Menu Transitioning Animation implemented in Swift reminds a bit of a notorious killing machine.

    GuillotineMenu.swift Inspired by this project on Dribbble Also, read how it was done in our blog Requirements iOS 8.0+ Xcode 10 Swift 5.0 (v 4.1+) Swi

    iOS Interactive Side Menu written in Swift.
    iOS Interactive Side Menu written in Swift.

    Interactive Side Menu A customizable, interactive, auto expanding and collapsing side menu for iOS written in Swift. Here are some of the ways Interac

    A menu based on Medium iOS app.
    A menu based on Medium iOS app.

    Medium 1.8.168 menu in Swift. That is still one of my favorite menus because that is easy to use and looks beautiful.

    A paging menu controller built from other view controllers placed inside a scroll view (like Spotify, Windows Phone, Instagram)
    A paging menu controller built from other view controllers placed inside a scroll view (like Spotify, Windows Phone, Instagram)

    Unfortunately, life gets in the way sometimes and I won't be able to maintain this library any longer and upgrade this library to where it needs to be

    Owner
    Tomato Software
    Me llamo Sr. Tomato de Japon. No, I don't necessarily like tomatoes. I'm not a Spanish-speaking person, either. I only speak English and Japan.
    Tomato Software
    Left Side Menu \ Side Bar with modern interface for iOS

    SideMenu A customizable, interactive, auto expanding and collapsing side menu fo

    Mohammed Albahal 0 Dec 18, 2021
    Swift-sidebar-menu-example - Create amazing sidebar menu with animation using swift

     SWIFT SIDEBAR MENU EXAMPLE In this project I create a awesome side bar menu fo

    Paolo Prodossimo Lopes 4 Jul 25, 2022
    BottomSheet lets you add custom bottom sheets to your SwiftUI apps.

    BottomSheet lets you add custom bottom sheets to your SwiftUI apps.

    Daniel Saidi 174 Jan 2, 2023
    A Slide Menu, written in Swift, inspired by Slide Menu Material Design

    Swift-Slide-Menu (Material Design Inspired) A Slide Menu, written in Swift 2, inspired by Navigation Drawer on Material Design (inspired by Google Mat

    Boisney Philippe 90 Oct 17, 2020
    Slide-Menu - A Simple Slide Menu With Swift

    Slide Menu!! Весь интерфейс создан через код

    Kirill 0 Jan 8, 2022
    EasyMenu - SwiftUI Menu but not only button (similar to the native Menu)

    EasyMenu SwiftUI Menu but not only button (similar to the native Menu) You can c

    null 10 Oct 7, 2022
    Hamburger Menu Button - A hamburger menu button with full customization

    Hamburger Menu Button A hamburger menu button with full customization. Inspired by VinhLe's idea on the Dribble How to use it You can config the looks

    Toan Nguyen 114 Jun 12, 2022
    Easily create dragabble menu with SwiftUI

    SwiftUIDragMenu Easily create dragabble menu The gifs are not very good quality. Content is fluid. Sorry for this :( How to install this package Open

    Mehmet ateş 1 Dec 5, 2022
    a simple macOS menu bar application that shows you the lyrics of current playing spotify track.

    lyricsify a simple macOS menu bar application that shows you the lyrics of current playing spotify track.

    Krisna Pranav 4 Sep 16, 2021
    You can easily add awesome animated context menu to your app.

    Context-Menu.iOS You can easily add awesome animated context menu to your app. Made in Check this [project on dribbble] (https://dribbble.com/shots/17

    Yalantis 1.8k Nov 17, 2022