Título: Qué tipo de menú utilizar para esto que quiero hacer? Android. Publicado por: @XSStringManolo en 27 Octubre 2019, 20:28 pm Quiero añadir un menú desplegable, menú de opciones... En Android Java. No sé que tipo de menú, listado, es el adecuado.
En concreto quiero que al pulsar una imagen, se abra un menú hacia abajo con un listado de opciones. De momento opté por algo sencillo. Cargo una url con un archivo html de configuración. Pero sería más cómodo, estético, ligero y eficiente para el usuario final un menú desplegable con una scrollbar. De tal forma que el usuario vea por ejemplo 4 opciones y, pueda desplazarse por el resto de opciones arrastrando. Sin desplegar: ___________________________________ |(☆) Archivo, Vista, Ayuda, Plugins | [ CONTENIDO DE LA VENTANA ] | [ CONTENIDO DE LA VENTANA ] | [ CONTENIDO DE LA VENTANA ] | [ CONTENIDO DE LA VENTANA ] | [ CONTENIDO DE LA VENTANA ] | [ CONTENIDO DE LA VENTANA ] |___________________________________ Desplegado: ____________________________________ |(☆) Archivo, Vista, Ayuda, Plugins |_______________ DE LA VENTANA ] |Configuración || DE LA VENTANA ] |Modo noche || DE LA VENTANA ] |Reciente || DE LA VENTANA ] |Buscar || DE LA VENTANA ] |______________ || DE LA VENTANA ] | [ CONTENIDO DE LA VENTANA ] |____________________________________ Desplegado Tras Desplazar Menu (arrastrar con el dedo): ____________________________________ |(☆) Archivo, Vista, Ayuda, Plugins |________________ DE LA VENTANA ] |Reciente || DE LA VENTANA ] |Buscar || DE LA VENTANA ] |Zoom || DE LA VENTANA ] |Salir || DE LA VENTANA ] |______________ || DE LA VENTANA ] | [ CONTENIDO DE LA VENTANA ] |____________________________________ No sé que tipo de menú es el adecuado para este tipo de listado de opciones con scrollbar. Tengo un método Config al que llamo al pulsar sobre la imagen. Simplemente puse la imagen en un ImageView con un Android:OnClick que llama al método Config. Hay alguna forma de mostrar un menú de la misma forma? Título: Re: Qué tipo de menú utilizar para esto que quiero hacer? Android. Publicado por: Serapis en 29 Octubre 2019, 12:17 pm Quiero añadir un menú desplegable, menú de opciones... En Android Java. No sé que tipo de menú, listado, es el adecuado. Lo entendería mejor con una imagen.... pero creo captar tu intención.En concreto quiero que al pulsar una imagen, se abra un menú hacia abajo con un listado de opciones. De momento opté por algo sencillo. Cargo una url con un archivo html de configuración. Pero sería más cómodo, estético, ligero y eficiente para el usuario final un menú desplegable con una scrollbar. De tal forma que el usuario vea por ejemplo 4 opciones y, pueda desplazarse por el resto de opciones arrastrando. ... Podrías optar por algo similar a un menú tipo pulldown, pero que en vez de desplegar una lista vertical con cada submenú, despliegue una línea y solo cuando sea terminal despliegue como lista vertical... Para ello, exige diseñar primero el menú en formato árbol... para verlo claro. Déjame que use el menú que tiene la calculadora de windows, que para ejemplos es bastante práctico. Primero los nodos raíz (nota que esto es el diseño del contenido del menú, no la interfaz gráfica) Edit View Ayuda Ahora indenta cada submenú bajo cada uno. ----------------------------- Edit Copy Paste View Standard Scientific - Hex Decimal Octal Binary - Qword Dword Word Byte - Digit Grouping Help Help Calculator - About Calculator ------------------------------- Básicamente este es el menú, hay diferencias en 'View', cuando está activo Decimal, se muestran grados, radianes, en vez del tamaño de bytes... pero para el ejemplo basta así. Lo primero es ver que cuando hay diferentes aparatados, como en 'View', con separadores, en realidad pueden reconvertirse en la forma: ------------------------ View Model Standard Scientific Base Number Hex Decimal Octal Binary Data Size Qword Dword Word Byte Digit Grouping ------------------------- Bien, pués la forma visual del menú, la interfaz grafica final podría ser: --------------------------------- |(☆) Edit, View, Help --------------------------------- Si pulsa en Edit --------------------------------- |(☆) Edit, View, Help --------------------------------- | - Copy | - Paste --------------------------------- Copy y paste son ya 'hojas' que conllevan realizar la acción... se muestran por tanto en formato vertical alineados a la izquierda. Si pulsa en View: --------------------------------- |(☆) Edit, View, Help | - |(☆) Model, Base Number, Data Size --------------------------------- | - Digit Grouping --------------------------------- Pulsar en nodos solo despliega su lista, que puede contener también hojas terminales, caso de 'Digit Grouping'. si se pulsa (por ejemplo) en el submenú Model... --------------------------------- |(☆) Edit, View, Help | - |(☆) Model, Base Number, Data Size --------------------------------- | - * Standard | - Scientific --------------------------------- Despliega su sumenú, como son terminales se colocan en lista vertical El asterisco '*' reprensenta que está marcada esa opción. si se pulsa (por ejemplo) en el submenú Base Number... --------------------------------- |(☆) Edit, View, Help | - |(☆) Model, Base Number, Data Size --------------------------------- | - * Hex | - Decimal | - Octal | - Binary --------------------------------- En fin el esquema es claro... como un teléfono tiene patalla muy pequeña, y para ser legible el texto debe ser grande, no cabe desplegar un submenú y otro y otro y otro... pero todavía puede admitir 3-4 líneas y debajo media docena de opciones o alguna más (dependerá del tamaño de fuente, etc...). Así cada rama desplegada, se muestra como una línea ligeramente indentada de su ascendiente, y subrayado el nodo del que desciende... Y los nodos terminales que ejecutan la acción en cambio se colocan alineados a la izquierda en vertical. Ambos, ramas y terminales separados (en el ejemplo una línea horizontal los separa). Habrá ramas que además de tener submenús tengan también nodos terminales como sucede con 'View' que tiene 3 submenús y el 4º es un nodo terminal... --------------------------------- |(☆) MenuA, MenuB, MenuC, MenuD | - |(☆) SubmA, SubMB, SubmC, SubmD | - | - |(☆) SSubA, SSubB, SSubC, SSubD | - | - | - |(☆) SSSA, SSSB, SSSC, SSSD --------------------------------- | - Blabla A | - Blabla B | - * Blabla C | - * Blabla D | - BlaBla E | - * Blabla F --------------------------------- En este ejemplo está seleccionado: MenuB --> SubMA --> SSubD --> SSSC y de ese último se muestran sus acciones terminales. Igual que en un PC se limita la cantidad de submenús, también habría que limitar en Android el número de submenús, 4 es un límite práctico, pero que todavía tiene flexibilidad para menús muy largos... Si la lista vertical es muy grande podrías tener un scroll vertical (peor solo mueva esos ítems, que no toque los ítems ancestros. Título: Re: Qué tipo de menú utilizar para esto que quiero hacer? Android. Publicado por: @XSStringManolo en 29 Octubre 2019, 20:18 pm Me expliqué horrible disculpa.
Aún así esa explicación me a apunto para otras actividades del programa. (Editor de texto integrado, y esas cosas). Subí una imagen. Como tengo poco velocidad de internet la subi en pésima calidad: http://stringmanolo.byethost12.com/Interfaz.jpg Lo que quiero hacer es esa interfaz. En concreto el menú desplegable (color rojo). Este menú (El recuadro rojo) lo quiero oculto para poder navegar. Y al presionar el icono (está dentro del círculo verde) es cuando este menú aparece en la ventana. Este menú muestra opciones varias. Algunas de estas opciones al clickarlas, abrirán otra ventana a parte. Algunas opciones llevan checkbox a su derecha (recuadritos blancos). Al clickar en la opción o el checkbox, sale un tick confirmando que está marcado. Por ejemplo al marcar la opción de ver el código fuente se añadaría el mismo a la página. (Ya está añadido el código fuente, pero lo hice por url, sin interfaz) Las opciones amarillo, no se verían. Pero al arrastrar el menú (rojo transparete detro de recuadro rojo) se desplazarían hacia arriba las letras amarillas haciéndose visibles esas opciones en la interfaz. Y las en blanco irían desapareciendo hacia arriba. Al volver a pulsar el icono, se ocultaría el menú con la opciones. Debería empezar por el principio, crear ese menu/contenedor. Para posteriormente meterle las opciones dentro. No tengo ni la menor idea de como hacerlo. Título: Re: Qué tipo de menú utilizar para esto que quiero hacer? Android. Publicado por: @XSStringManolo en 3 Noviembre 2019, 18:45 pm Código: Co n s e g u í h a c e r l o . C o m p a r t o e l c ód i g o p o r s i a a l g u i e n l e i n t e r e s a a ñ a d i r u n m e n ú / v e n t a n a d e e s t e t i p o a s u p r o g r a m a . |