Logo
  • Get Started
    • Source project download
    • Description
    • Software Architecture
    • Installation
      • Install compiler
      • Install scons
      • Startup by CMD
      • Startup by VSCode
        • Install VSCode
        • Open project
        • Run project
      • Display the watchface
  • GUI Application
    • C-APP
      • Syntax
        • Define the app using a specific name
        • Define the app using specific name and entry function
      • API
    • Use LVGL Design An Application
      • What is LVGL
        • LVGL
        • LVGL Get Started
        • LVGL Document
    • Use ARM-2D Design An Application
      • What is ARM-2D
        • ARM-2D
      • ARM-2D Quick Start
        • ARM-2D Quick Start
      • ARM-2D Document
        • ARM-2D Introduction
    • Use Script Design An Application
      • Overview
      • Function Panels
        • Toolkit/Widgets
        • Design View/Canvas
        • Property View
        • Widget Tree
      • Resource Mangement
        • Image Resource Management
        • Font Resource Management
      • Menu Bar
        • File
        • Edit
        • Setting
        • Export
        • Simulate
      • Quick Start To Tutorials
        • How to Create Project
        • How to Write Javascript Code
        • How to Open Project
        • How to Open/Close Project
        • How to Export/Pack Project
        • How to Simulate
      • GUI Demo Project
      • JavaScript syntax
        • Win widget
        • Button
        • Text
        • ImageSeekbar
        • Switch
        • IMAGE
        • APP
        • PROGRESSBAR
        • TAB
      • XML syntax
        • Element
        • Nesting
        • Specifications
        • Example
      • Middleware
        • PACKAGE
        • launcher
        • XML
        • JavaScript
        • EXAMPLE
    • Application switching
      • Application switching animation sample
        • Source code
  • Widgets
    • widget_template
      • Usage
        • Add event
      • Example
      • API
    • obj
      • Usage
      • API
    • window
      • Usage
        • Create widget
        • Add event
      • API
    • img
      • Usage
        • Create widget
        • Update location
        • Set attribute
        • Get height/width
        • Refresh
        • Blend mode
        • Translation
        • Rotation
        • Zoom
        • Opacity
        • Animation
        • Quality
        • Screenshot
      • Example
      • API
    • simple img
      • Usage
        • Create widget
        • Set location
        • Set attribute
        • Get height/width
      • Example
      • API
    • stbimg
      • Usage
        • Create widget
        • Set attribute
      • Example
      • API
    • text
      • Features
      • Usage
        • Initialize the font file
        • Create text widget
        • Set text attributes
        • Text input
        • Text click
        • Text move
        • Set animate
      • Example
        • Example Multiple text widget
        • Example Animate text widget
      • API
    • tabview
      • Usage
        • Create tabview widget
        • Switch the gui_tab
        • Set tabview style
        • Set tabview loop
      • Example
      • API
    • tab
      • Usage
        • Create tab widget
        • Set tab style
      • Example
        • Example for tab
        • Example for tabview rotate
        • Example for tabview loop
      • API
    • curtainview
      • Usage
        • Create curtainview widget
        • Callback
      • Example
      • API
    • curtain
      • Usage
        • Create curtain widget
        • Orientation
      • Example
      • API
    • cardview
      • Usage
        • Create widget
        • Callback
        • Set style
        • Set center alignment
        • Set bottom space
        • Y-axis slide callback
      • Example
      • API
    • card
      • Usage
        • Create card widget
      • Example
      • API
    • page
      • Usage
        • Create page widget
      • Example
      • API
    • pagelist
      • Usage
        • Increase
        • Decrease
        • Add callback
        • Set attribute
        • Add picture
        • Create widget
      • Example
      • API
    • switch
      • Usage
        • Create widget
        • Parameters of switch widget
        • Turn on/off
        • Update on/off state
        • Change switch state
      • Example
      • API
    • grid
      • Usage
        • Create grid widget
        • Set grid style
      • Example
        • classic style
      • API
    • progressbar
      • Usage
        • Create horizontal widget
        • Create vertical widget
        • Create movie-style widget
        • Progress
        • Percentage
        • Get max number
      • Example
      • API
    • canvas
      • Usage
        • Creat a canvas
        • Add callback function
      • Example
        • Rounded Rectangle
        • Arc animation
      • API
        • Vector graphics api
        • GUI widget api
    • cube
      • Usage
        • Create a cube
        • Set size
        • Set center
        • Set image mode
        • Set cube image
        • Set rotation direction
      • Example
      • API
    • wheel list
      • Usage
        • Create a wheel list
        • Add icon
      • API
    • perspective
      • Usage
        • Create perspective widget
        • Set image
        • Set image mode
      • Example
      • API
    • svg
      • Usage
        • Creat a svg widget
        • SVG rotation
        • SVG scale
        • SVG translate
        • Opacity
      • Example
        • Creat a simple SVG
        • SVG rotation
        • SVG scale
        • SVG translate
      • API
    • watch gradient spot
      • Usage
        • Create watch_gradient_spot widget
        • Set center
      • Example
      • API
    • watchface gradient
      • Usage
        • Create watchface_gradient widget
      • Example
      • API
    • menu cellular
      • Usage
        • Create menu cellular widget
        • Config offset
      • Example
      • API
    • return
      • Usage
        • Create a return widget
      • Example
      • API
    • qbcode
      • Usage
        • create qrcode widget
        • config qrcode size and border
        • qrcode encode notes
      • Example
      • API
    • multi_level
      • Usage
        • Create widget
        • Jump to (level, index)
      • Example
      • API
    • litegfx
      • Usage
      • Example
        • Notifications
        • Energybox
        • Prism
        • Digit Clock
        • Butterfly
        • Flowerfall
        • Windmill
      • API
  • Porting
    • Acceleration
    • Display Device
      • Interface
      • Driver IC
    • Filesystem
    • Flash Translation Layer
    • Input Device
      • Touch IC
    • Operating System
    • Sleep Management
  • Samples
    • Calculator Application
      • Source File
      • Two Steps
    • 86box Application
      • Source File
      • UI design
        • RVisualDesigner
      • Javascript
        • Gestures
    • LiteGFX Application
      • LiteGFX
      • Source Code
        • Widget adaptation layer
        • Platform adaptation layer
        • Core lib
    • Status bar
      • Implementation
        • File
        • Design
    • Fruit Ninja Application
      • Source File
      • Usage Steps
      • Design ideas & Notes
  • Tool
    • Image Convert Tool
      • Image format conversion
        • Configuration
        • Color Space
      • Output Files
    • Font Convert Tool
      • Font bin generation
      • FontConfig.json Parameter description
    • Pack Tool
      • RTL87x2G
      • RTL8762D
      • RTL8763E and RTL8773DO
        • Unzip userdata.zip
        • Set configuration
        • Generate userdata bin
      • RTL8773E
        • Generate root bin
        • Generate userdata bin
    • MP Tool
      • Download to the EVB
  • Design Spec
    • RealUI system overview
      • RealUI workflow
        • System
        • GUI Server
        • GUI Application
        • GUI Server Task
    • Input sub-system
      • Touchpad
        • Touchpad hardware and driver
        • Get Touchpad Data
        • Touchpad Algorithm Processor
        • Widget Response
      • Keyboard
        • Hardware and driver
        • Get Keyboar Data
        • Keyboard Algorithm Processor
        • Response
    • Display sub-system
      • Display Workflow
        • Flash File System
        • UI Widget
        • Acceleration
        • Buffer
    • Software Accelerate
      • Overall Flow Chart
      • Overview No RLE Cover Mode
        • No RLE Cover
        • No RLE Cover Matrix
      • Overview No RLE Bypass Mode
        • No RLE Bypass Mode
        • No RLE Bypass Matrix
      • Overview No RLE Filter
        • No RLE Filter
        • No RLE Filter Matrix
      • Overview No RLE Source_over
        • No RLE Alpha No Matrix
        • No RLE Alpha Matrix
      • Overview RLE Cover Mode
        • RLE Cover No Matrix
        • RLE Cover Matrix
      • Overview RLE Bypass Mode
        • RLE Bypass No Matrix
        • RLE Bypass Matrix
      • Overview RLE Filter
        • RLE Filter
        • RLE Filter Matrix
      • Overview RLE Source_over
        • RLE Source_over No Matrix
        • RLE Source_over Matrix
      • Flowchart download
      • Support Input type and Output type
  • FAQ
    • Development environment FAQ
      • Simulator in VSCode
        • Installing the appropriate version of the toolchain
        • Adding toolchain to system environment variables
    • Porting FAQ
      • User data
      • JS malloc heap
      • Feed watch dog
      • Not support FPU
      • File system
      • Realloc function
      • Flash setting
      • CPU frequence
      • SCONS Version
    • Specification FAQ
      • Graphics
      • Memory usage
        • 8772F demo
        • Widget memory usage
    • How to Increase FPS FAQ
      • Pixel format
      • Hardware Acceleration
      • Data transmission speed
      • UI design
      • Image Compression
      • Font
        • Custom Binary Files
        • Standard TTF Files
    • Display FAQ
      • Font Anti-Aliasing
  • Get PDF
  • Glossary
RTKIOT GUI
  • widgets
  • Menu cellular
  • EN/中文

Menu cellular

The menu cellular widget display a icons set as a honeycomb shape menu.

Usage

Create menu cellular widget

Creating function is gui_menu_cellular_create(void *parent, int icon_size, uint32_t *icon_array[],int array_size). Users need to enter icons set’s image file array.

Config offset

Function is void gui_menu_cellular_offset(gui_obj_t *menu_cellular, int offset_x, int offset_y). Users are able to adjust horizontal and vertical offset for better dispaly.

Example



#include "gui_menu_cellular.h"
static void app_menu(gui_app_t *app)
{
    /**
     * @link https://docs.realmcu.com/Honeygui/latest/widgets/gui_menu_cellular.html#example
    */
    uint32_t *array[] =
    {
        I4500009_BIN, 
        I4500011_BIN, 
        I4500015_BIN, 
        I4500020_BIN, 
        I4500028_BIN, 
        I4500034_BIN, 
        I4500035_BIN, 
        I4500037_BIN, 
        I4500040_BIN, 
        I4500042_BIN, 
        I4500047_BIN, 
        I4500049_BIN, 
        I4500052_BIN, 
        I4500064_BIN, 
        I4500009_BIN, 
        I4500011_BIN, 
        I4500015_BIN, 
        I4500020_BIN, 
        I4500028_BIN, 
        I4500034_BIN, 
        I4500035_BIN, 
        I4500037_BIN, 
        I4500040_BIN, 
        I4500042_BIN, 
        I4500047_BIN, 
        I4500049_BIN, 
        I4500052_BIN, 
        I4500064_BIN, 
        I4500009_BIN, 
        I4500011_BIN, 
        I4500015_BIN, 
        I4500020_BIN, 
        I4500028_BIN, 
        I4500034_BIN, 
        I4500035_BIN, 
        I4500037_BIN, 
        I4500040_BIN, 
        I4500042_BIN, 
        I4500047_BIN, 
        I4500049_BIN, 
        I4500052_BIN, 
        I4500064_BIN, 
        I4500009_BIN, 
        I4500011_BIN, 
        I4500015_BIN, 
        I4500020_BIN, 

    };
    gui_menu_cellular_t *cell = gui_menu_cellular_create(GUI_APP_ROOT_SCREEN, 100, array,
                                                         sizeof(array) / sizeof(uint32_t *));
    gui_menu_cellular_offset((void *)cell, -36, -216);
}

API

Functions

gui_menu_cellular_t *gui_menu_cellular_create(void *parent, int icon_size, uint32_t *icon_array[], int array_size)

Create a honeycomb effect widget,.

Parameters:
  • parent – the father widget nested in

  • icon_size – icon’s width(px)

  • icon_array – icons set’s file address array

  • array_size – the array’s size

Returns:

gui_menu_cellular_t*

void gui_menu_cellular_offset(gui_obj_t *menu_cellular, int offset_x, int offset_y)

config offset

Parameters:
  • menu_cellular – the menu_cellular pointer

  • offset_x – offset_x

  • offset_y – offset_y

void gui_menu_cellular_on_click(gui_menu_cellular_t *menu_cellular, struct gui_menu_cellular_gesture_parameter *para_array, int array_length)
struct gui_menu_cellular_t
#include <gui_menu_cellular.h>

menu_cellular structure

Public Members

gui_win_t base

base structure

void *overwrite
int x
int y
int16_t speed[2]
int16_t left
int16_t right
int16_t top
int16_t bottom
int16_t left_offset
int16_t right_offset
int16_t top_offset
int16_t bottom_offset
int16_t touch_y
bool render
struct gui_menu_cellular_gesture_parameter
#include <gui_menu_cellular.h>

Public Members

gui_event_cb_t callback_function
void *parameter
Previous Next

Copyrights ©瑞晟微电子有限公司 2024. All rights reserved. 苏ICP备10062199号-8