Custom Menu Showcase

[meeeeeeeep1]

Hello! I want to share with you something I found to make creating custom menus easier. This piece of code uses the menu button.
scene.systemMenu.addEntry(() => string, () => handler, image)

How to use:

1. Replace string with the name
2. Replace handler with the code
3. Replace image with the icon

Here is how you can use it as an extension:

//% color="#e6ac00" icon="" block="Menu"
namespace menu {

    //% block="Add system menu option $name icon $image function:"
    //% handlerStatement=1
    //% image.shadow=screen_image_picker
    export function addmenuoption(name: string, image: Image, handler: () => void): void {
        scene.systemMenu.addEntry(() => name, handler, image);

    }
}

[PixelDoodle]

Woah! This Is Cool! I never knew you could add Stuff to The System Menu!

[randomuser]

Wow thanks for the tutorial! Is there any way to export the extension?

[meeeeeeeep1]

Yeah! All you have to do to create an extention is to go to javascript, then press the plus button:

Name your extention whatever you want, then import the code below.

@meeeeeeeep1

//% color=“#e6ac00” icon=“” block=“Menu”
namespace menu {


//% block="Add system menu option $name icon $image function:"
//% handlerStatement=1
//% image.shadow=screen_image_picker
export function addmenuoption(name: string, image: Image, handler: () => void): void {
    scene.systemMenu.addEntry(() => name, handler, image);

}

To export it so you can turn it into a sharable extension is to press the github icon in the bottom of the screen next to the project title, then follow the directions it gives you.

[Lucas_M]

cool I did this back with three brave cats 2 Three Brave Cats 2: Return to the Sea
but the way you did it prevents you form just coding in Js to do it

[randomuser]

Wow amazing, I thought making extensions was much more complicated :0 I could totally use the samples you gave, learn a bit, and make my text to speech into an extension !!

[SoftTalker]

sorry you had missed one string of code:)

namespace menu {

//% block="Add system menu option $name icon $image function:"
//% handlerStatement=1
//% image.shadow=screen_image_picker
export function addmenuoption(name: string, image: Image, handler: () => void): void {
    scene.systemMenu.addEntry(() => name, handler, image);

}
}

[SoftTalker]

Agreed

[Maketendo]

This is Cool. Good Job @meeeeeeeep1

[Sonicblaston]

I did it! I am going to have so much fun with this

[Sarge]

Have you considered putting this on GitHub so people can import it easier into their projects? If you don’t know how, I can show you- but anyways very good extension, I can see myself using this