Saltar al contenido

¿Qué es AppBar vs ToolBar?

Esta es la respuesta más acertada que te podemos compartir, pero primero estúdiala detenidamente y valora si se puede adaptar a tu trabajo.

Solución:

Estaba mirando las propiedades CSS predeterminadas producidas por cada componente. El propósito principal de Barra de herramientas es mostrar a sus hijos con una pantalla en línea (los elementos se colocan uno al lado del otro), algo barra de aplicaciones no lo hace El barra de aplicaciones usos de los componentes pantalla: flexionar y dirección de flexión: columna, eso significa que los descendientes directos se apilan uno encima del otro. Por otro lado Barra de herramientas usos pantalla: flexionar también, pero no establece dirección de flexión, lo que significa que utiliza su valor predeterminado: hilera. Dicho esto, el Botón usos de los componentes pantalla: bloque en línea. Esa es la razón por la cual los elementos se colocan uno al lado del otro dentro Barra de herramientas componentes

Digamos, por ejemplo, que tenemos un barra de aplicaciones con un Barra de herramientas con dos Botóns como niños:


    
        
        
    

El resultado de este código es:

aquí

Pero, si quitamos el Barra de herramientas y coloque el Botóns directamente debajo de la barra de aplicaciones componente:


    
    

el resultado será muy diferente como se muestra a continuación, porque ahora los botones son descendientes directos del barra de aplicaciones componente y, por lo tanto, se apilarán uno encima del otro.

aquí

Como ves, barra de aplicaciones y Barra de herramientas tener diferentes propósitos. por eso pienso Barra de herramientas nunca se irá

El barra de aplicaciones se utiliza para estructurar su documento. Pones en el contenido lo que normalmente colocarías dentro de una etiqueta, por ejemplo, el título de tu página y los enlaces de navegación. Si examina su página presionando F12, notará que AppBar creó un

etiqueta. -> Entonces, AppBar se usa para darle a su página un lugar para colocar contenido introductorio y de navegación

ingrese la descripción de la imagen aquí

Puedes visualizar el Barra de herramientas como un cinturón de herramientas de la vida real. En el mundo virtual, en lugar de herramientas, colocamos iconos y botones en él. También puede agregar el nombre de su marca dentro de la barra de herramientas al igual que los fabricantes lo hacen en sus cinturones. -> La barra de herramientas es un contenedor donde puede colocar elementos en una línea horizontal.

AppBar se puede usar sin una barra de herramientas y no es necesario colocar una barra de herramientas dentro de una barra de aplicaciones. Si desea que su encabezado se vea como una barra de herramientas, tiene sentido hacerlo .... Si desea una barra en el centro de la página solo para mostrar iconos, una barra de herramientas sin una AppBar tendría sentido.

Recuerda comunicar esta sección si te ayudó.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *