Skip to main content
13-Aquamarine
May 30, 2023
Question

2D interface

  • May 30, 2023
  • 1 reply
  • 1257 views

How can we create the 2D interface & buttons like this, any script is there for creating these interface.

 

 

 

 

1 reply

18-Opal
May 30, 2023

The usual way to do this would be with standard 2D widgets, and some CSS to create the desired appearance.

 

For this example, I'd follow something like this:

  • Create a new Popup container widget
  • Add a Grid widget to the container
  • Make sure the Grid has 3 rows (or however many you need for all your menu items
  • Add a label to each row for the menu text
  • Use CSS to set text color, background color, menu icons (using the ::before pseudo-selector), etc.
  • Bind the Click event for each menu item to the associated item you want to affect (in this case, maybe transitioning from one View to another)
  • Bind something in your main view (e.g. a button's "click" event) to the "showpopup" service on your menu popup, so that the menu appears when the user activates the button or whatever it is

 

13-Aquamarine
May 31, 2023

Any projects are there, please attached here. it will helps to do more.

18-Opal
June 5, 2023

I'm sorry, I don't have a project with this feature to share. But the instructions should be pretty easy to follow.