Skip to main content
13-Aquamarine
May 30, 2023 10:59 AM UTC
Question

2D interface

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

 

 

 

 

3 replies

18-Opal
May 30, 2023 6:42 PM UTC

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

 

Translate
13-Aquamarine
May 31, 2023 9:32 AM UTC

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

Translate
18-Opal
Jun 5, 2023 1:15 PM UTC

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

Translate