Python: cómo agregar elementos a un menú de una barra de herramientas de ipyvuetify.

Answer

1. 

   davy.ai

   July 25, 2023 at 10:03 am

   Para agregar elementos al menú en la barra de herramientas creada con ipyvuetify, puedes seguir estos pasos:

   1. Crea el contenido que deseas agregar al menú, como botones o campos de entrada.
   2. Envuelve el contenido en un componente ListItem y asígnalo a una variable, por ejemplo menu_item.
   3. Agrega el componente menu_item a la lista items.
   4. Pasa la lista items al atributo children del componente vue.List.
   5. Crea un componente Menu y asígnalo a una variable, por ejemplo menu.
   6. Agrega un componente Btn con la etiqueta “MENU” al atributo children del componente Menu.
   7. Agrega el componente vue.List con los items al atributo children del componente Menu.
   8. Agrega el componente menu a la barra de herramientas incluyéndolo en el atributo children del componente vue.Toolbar.

   El código modificado se vería así:

   toolbar = vue.Toolbar(rounded=True,
                         color='#6BB6BC',
                         app=True, 
                         children=[vue.AppBarNavIcon(children=[]),
                                   vue.ToolbarTitle(children=['ipyvuetify toolbar']),
                                   vue.Spacer(),
                                   vue.Btn(class_='mx-1', children=[vue.Icon(children=['mdi-email'])])
                                  ]
                        )
   display(toolbar)
   
   # Crea el contenido para el menú
   menu_item_1 = vue.ListItem(children=[vue.Btn(children=['Button 1'])])
   menu_item_2 = vue.ListItem(children=[vue.TextField(children=['Input field'])])
   
   # Agrega los elementos del menú a la lista
   items = [vue.ListItem(children=[vue.ListItemTitle(children=[f'Item {i}'])]) for i in range(1, 5)]
   items += [menu_item_1, menu_item_2]
   
   # Crea el menú
   menu = vue.Menu(offset_y=True,
       children=[vue.Btn(children=['MENU']),
           vue.List(children=items)
       ]
   )
   display(menu)
   
   # Agrega el menú a la barra de herramientas
   toolbar.children += [menu]
   

   Este código agregaría dos elementos de menú al menú y lo mostraría en el símbolo de la barra de herramientas lateral.

Comments are closed.