¿Alquilar o Comprar: ¿Cuál es lo Correcto para Ti?

¿Alquilar o Comprar: ¿Cuál es lo Correcto para Ti?

Decidir si alquilar o comprar una vivienda es una decisión importante. Pesar los pros y los contras para tomar una decisión informada.

Decidir si alquilar o comprar una vivienda es una decisión importante. Pesar los pros y los contras para tomar una decisión informada.

Flor amarilla
Flor amarilla
Flor amarilla
Flor amarilla

La navegación es clave dentro de cualquier interfaz digital. Los Componentes Inteligentes nos permiten crear componentes de navegación interactivos personalizados que funcionan perfectamente con el resto de su prototipo. En esta guía, cubriremos los conceptos de anidación de componentes, agregando eventos a elementos en un componente usando Variables de Evento, y pasando estos a través de sus componentes. Uno de los principales beneficios de usar componentes anidados es que proporciona un control total sobre sus estados, como estados de hover únicos de elementos dentro de otro componente.

Comenzando a un nivel atómico

Framer le permite crear componentes totalmente interactivos y animados, e incluso le permite anidar componentes dentro de otros componentes. Estamos construyendo un componente de barra de navegación para un sitio web que contendrá dos tipos diferentes de componentes anidados, con sus propias interacciones únicas. Nuestro proyecto contendrá una barra de navegación que contiene varios componentes anidados, a saber, cinco elementos de navegación y un componente de carrito de compras. El diseño de nuestros componentes anidados, el elemento de lista de navegación y el carrito de compras, impactará cómo diseñamos nuestra barra de navegación. Por esta razón, un flujo de trabajo óptimo incluye comenzar con el componente anidado más 'profundo' y construir desde allí.

Anidando componentes

Una vez que tengamos listos nuestros dos componentes, podemos comenzar a crear el componente en el que anidaremos estos. Dibuje su barra de navegación, selecciónela en el lienzo y haga clic en la herramienta Componente en la barra de herramientas. Para anidar un componente diferente en nuestro nuevo componente, simplemente arrastre cualquier otro componente al Lienzo del Componente y colóquelo dentro de su barra de navegación diseñada.

Disparando interacciones desde la barra de navegación

De vuelta en el lienzo principal, nos gustaría poder tocar 'Ropa' y navegar a una nueva pantalla completa. Si conectara el componente usando el Conector de Prototipado a una nueva pantalla, podríamos configurar una Interacción. Sin embargo, esto se activaría si tocamos en cualquier lugar dentro de nuestro componente. Esto no es lo que queremos hacer, ya que queremos activar esta transición solo desde un elemento específico. Aquí es donde entran en juego las Variables de Evento, que son tipos especiales de Variables no adjuntas a propiedades (como opacidad o relleno) sino a eventos.

Casa

Ver también

Ponerse en contacto

Ponerse en contacto

Si desea más información sobre The Bilt Foundation, por favor déjenos su correo electrónico.

Si desea más información sobre The Bilt Foundation, por favor déjenos su correo electrónico.

Las siguientes marcas comerciales utilizadas en este documento son propiedad de Bilt Technologies, Inc.: Bilt brick wall Logo. Todos los derechos reservados.

En la medida en que recopilemos información personal sensible según la ley aplicable, la Fundación Bilt recopilará y procesará esta información de acuerdo con la ley de privacidad aplicable de EE. UU. Donde lo exija dicha ley, y donde no existan otras bases legítimas para procesar dichos datos, la Fundación Bilt buscará su consentimiento antes de procesar información personal sensible.

Las siguientes marcas comerciales utilizadas en este documento son propiedad de Bilt Technologies, Inc.: Bilt brick wall Logo. Todos los derechos reservados.

En la medida en que recopilemos información personal sensible según la ley aplicable, la Fundación Bilt recopilará y procesará esta información de acuerdo con la ley de privacidad aplicable de EE. UU. Donde lo exija dicha ley, y donde no existan otras bases legítimas para procesar dichos datos, la Fundación Bilt buscará su consentimiento antes de procesar información personal sensible.

Las siguientes marcas comerciales utilizadas en este documento son propiedad de Bilt Technologies, Inc.: Bilt brick wall Logo. Todos los derechos reservados.

En la medida en que recopilemos información personal sensible según la ley aplicable, la Fundación Bilt recopilará y procesará esta información de acuerdo con la ley de privacidad aplicable de EE. UU. Donde lo exija dicha ley, y donde no existan otras bases legítimas para procesar dichos datos, la Fundación Bilt buscará su consentimiento antes de procesar información personal sensible.

Las siguientes marcas comerciales utilizadas en este documento son propiedad de Bilt Technologies, Inc.: Bilt brick wall Logo. Todos los derechos reservados.

En la medida en que recopilemos información personal sensible según la ley aplicable, la Fundación Bilt recopilará y procesará esta información de acuerdo con la ley de privacidad aplicable de EE. UU. Donde lo exija dicha ley, y donde no existan otras bases legítimas para procesar dichos datos, la Fundación Bilt buscará su consentimiento antes de procesar información personal sensible.