Cómo convertirse en ilustrador basado en la inserción dinámica en línea: cero conceptos básicos
Módulo de imagen grande negro de espacio Qq: humor de monstruo negro:
Espacio Qq Módulo de imagen grande negro: romance sangriento: QQ módulo de imagen grande negro espacial:
Módulo de imagen de fondo negro espacial MM de ojos grandes: módulo de imagen grande negro qq espacio:
Qq espacio negro genial Módulo flash: Lost Space: QQ Space Black Big Picture Módulo:
Qq Space Black Cool Módulo flash: Lost Space: QQ Space Black Big Picture Módulo:
Plantilla Qq Space Big Picture - Profundidad Apasionada Tentación Negra: Módulo QQ Space Black Big Picture:
Módulo Black Big Picture-Memorial: Módulo QQ Space Black Big Picture:
Black Poison Beauty Edition Plantilla QQ Space Big Picture: Módulo de imagen grande negro de QQ space:
Material de imagen de espacio Qq-ilustraciones de la serie de melancolía negra: Módulo de imagen grande de negro de QQ space:
Material de imagen de espacio Qq-ilustraciones de la serie de melancolía negra: Espacio QQ Módulo de imagen grande negro:
Material de imagen del espacio QQ-Ilustraciones de la serie Black Melancholy: Módulo de imagen grande del espacio QQ:
Módulo de animación: Black Dream: Módulo de animación FLASH del espacio QQ;
p> p>
La tentación del negro: módulo de imagen grande qq space black
La plantilla negra es mi más real: módulo de imagen grande qq space black
Negro triste; plantilla de imagen grande ~ Renunciar: módulo de imagen grande de qq space black:
Imagen de magia negra: módulo de imagen grande de qq space black:
Plantilla de flash de qq space black: espacio de personalidad de Wilber Pan: Módulo QQ space black con imagen grande:
(módulo qq space black y cool big image): QQ space black y módulo cool big image:
Plantilla de imagen grande para mostrar negro ~ ~Jacky Cheung: qq space black y módulo de imagen grande:
Módulo de imagen grande clásico alternativo de QQ space black: Módulo de imagen grande de QQ space black:
Aún queremos mantener la imagen grande en negro: Módulo de imagen grande en negro de QQ Space:
Módulo de flash dinámico QQ Space Black: Crea perfección: Módulo de imagen grande en negro de QQ Space:
Módulo de flash QQ Space Black: Chico genial: QQ Space Black módulo de imagen grande:
Veneno negro: módulo de animación FLASH de QQ space;
Material de imagen de Qq space-ilustraciones de la serie melancolía negra: módulo de imagen grande de QQ space black:
Material de imagen del espacio QQ-Ilustraciones de la serie Black Melancholy: Módulo de imagen grande en negro QQ Space:
Material de imagen del espacio QQ-Ilustraciones de la serie Black Melancholy: Módulo de imagen grande en negro QQ Space:
Animación módulo: Black Dream: módulo de animación FLASH de QQ space
La plantilla negra es mi más real: módulo de imagen grande negro de qq space
Plantilla de imagen grande negra y triste ~ darse por vencido: qq; Módulo de imagen grande del espacio negro:
Imagen de magia negra: qq Módulo de imagen grande del espacio negro:
Plantilla de flash negro del espacio Qq: Espacio de personalidad de Wilber Pan: Módulo de imagen grande del espacio negro QQ:
(Módulo de imagen grande y genial de QQ Space Black): Módulo de imagen grande y genial de QQ Space Black:
Plantilla de imagen grande para mostrar en negro ~ ~Jacky Cheung: Módulo de imagen grande de QQ Space Black:
Módulo de imagen grande clásico alternativo de Qq space black: Módulo de imagen grande de QQ space black:
Aún tenemos que conservar la imagen grande en negro: módulo de imagen grande de qq space black:
Módulo de flash dinámico Qq space black: crea la perfección: Módulo de imagen grande QQ space black:
Módulo de flash Qq space black: Ku Ge: Módulo de imagen grande QQ space black:
Memoria negra: módulo de imagen grande qq space black
Versión convencional en negro y genial: módulo de imagen grande qq space black
Módulo de imagen grande qq space black <; /p>
Lo último en negro: módulo de imagen grande de qq space black:
Imagen de espada doble clásica negra: módulo de imagen grande de qq space black:
Nueva versión del grupo de baile negro : módulo de imagen grande qq space black
Cráneo negro: módulo de imagen grande QQ space black;
Negro clásico: módulo de imagen grande QQ space black:
<p>ltEstilo negro>Módulo de imagen grande (Lobo): módulo de imagen grande negro qq space;
Ilustraciones de la serie Black melancholy: módulo de imagen grande negro qq space:
Hermoso espacio qq negro grande módulo de imagen: QQ space black módulo de imagen grande:
Módulo de imagen súper grande negro versión de la serie clásica: qq space black módulo de imagen grande:
Black big image black world-cool Está arriba para usted: módulo de imagen grande de qq space black:
Imagen grande negra dinámica genial y rápida: módulo de imagen grande de qq space black:
Exquisito módulo de imagen grande serie negra personalizada: qq space Black big Módulo de imagen:
Módulo de imagen grande de Qq space black: El amor está varado: Módulo de imagen grande de QQ space black:
Módulo de imagen grande de Qq space black: Te amo pero estoy destinado: Módulo de imagen grande negro QQ Space:
Módulo de imagen grande negro Qq space: Memoria negra: Módulo de imagen grande negro qq space:
Borde negro: módulo de imagen grande negro qq space:
p >
Módulo de imagen grande de Jay Chou versión de estilo negro: módulo de imagen grande negro qq space:
Curso básico de Axure9.0: la descripción de componentes más detallada de la historia. Se recomienda leerlo atentamente. (1) Los componentes son elementos básicos esenciales en el proceso de dibujo de estructuras alámbricas. Las estructuras alámbricas se componen de algunos componentes en columnas. Por lo tanto, conocer y dominar las características de cada componente es muy importante a la hora de dibujar wireframes o prototipos. Este capítulo explica en detalle el propósito y las características de aplicación de cada componente.
Los cuadros, elipses, marcadores de posición, botones, títulos, etiquetas y texto son esencialmente elementos de forma. Seleccione un componente y edítelo a través del panel de estilo correspondiente a la derecha.
Agregar texto: seleccione un componente, haga doble clic o haga clic derecho en el componente y luego seleccione "Editar texto" en el menú emergente para agregar y editar texto.
Seleccione una forma: los elementos de forma pueden cambiar a varias formas, incluyendo rectángulo, triángulo, círculo, arco, estrella de cinco puntas, corazón, gota de agua, etc. Seleccione el componente, haga clic derecho y elija "Seleccionar forma" en el menú emergente.
Convertir a imagen: después de convertir el componente de forma en una imagen, se pueden conservar las interacciones y anotaciones agregadas al componente de forma. Seleccione el componente, haga clic derecho y seleccione "Convertir a imagen" en el menú emergente.
Relleno: el componente de forma admite relleno de color y relleno de imagen. El relleno de color se puede realizar a través de la barra de herramientas en la parte superior o del panel de estilo a la derecha. El tamaño y la posición de las imágenes importadas a través del componente de forma se fijan dentro de la forma, a diferencia de las importaciones de imágenes normales. Seleccione el componente de forma, haga clic derecho en el menú desplegable y seleccione "Importar imagen" o seleccione una imagen local en el panel de estilo derecho para completar la importación.
Borde: el componente de forma puede establecer el color del borde, el grosor de la línea del borde (grosor), el estilo de la línea (recta y discontinua) y la visibilidad de cada línea del borde (ocultando parte de la estructura alámbrica). Esto se puede configurar a través de la barra de herramientas superior o el panel de estilo a la derecha.
Editar controladores: arrastrando la posición de los controladores, puede cambiar el componente a cualquier forma deseada. Normalmente, este componente tiene cuatro asas. Seleccione un componente de forma, haga clic derecho en el menú desplegable y seleccione "Editar controlador" o haga clic en el punto en la barra de herramientas superior y arrastre la posición del pequeño diamante en el borde del componente para cambiar el estado actual del componente.
Transformar formas: puedes voltear elementos de forma horizontal y verticalmente, realizar operaciones booleanas en múltiples elementos de forma y cambiar la forma en que se conectan los puntos (en línea recta o curva). Seleccione el componente de forma, haga clic derecho en el menú desplegable y seleccione "Transformar forma" y seleccione el método de transformación en el menú emergente de la derecha.
Especifique un grupo de selección: similar al efecto de un grupo de botones de opción. Cuando se selecciona un componente del grupo, otros componentes del grupo cambiarán automáticamente a un estado no seleccionado. A menudo se usa para cambiar de tabla o. navegación por etiquetas. Si está agregando un componente a un grupo asignado, primero seleccione el componente de forma, haga clic derecho en el menú desplegable y seleccione Asignar grupo de selección para editar el nombre del grupo de selección.
Consejos sobre herramientas: se utilizan comúnmente para algunos consejos de operación, como la barra de herramientas de Axure, página y esquema, biblioteca y maestro, etc. Pase el mouse sobre el botón para mostrar información sobre herramientas. Seleccione el componente de forma, haga clic derecho en el menú desplegable y seleccione Información sobre herramientas para editar la información de información sobre herramientas.
Efecto de esquinas redondeadas: los componentes de forma pueden convertir ángulos rectos en esquinas redondeadas. Seleccione el componente y arrastre el controlador de triángulo invertido en la esquina superior izquierda para controlar el radio del empalme, o ingrese un ángulo a través del panel de estilo a la derecha para ajustar el efecto de empalme. En el panel Estilos, también puedes configurar la visibilidad de cada esquina redondeada para que algunos vértices aparezcan como esquinas redondeadas y otros como esquinas rectas.
Sombras: puedes agregar sombras exteriores, sombras interiores y sombras de texto a las formas para aumentar la fidelidad de tu prototipo. Seleccione el componente y agregue varias sombras al componente de forma a través de la barra de herramientas en la parte superior o el panel de estilos a la derecha. Puede establecer libremente la posición, el tamaño, el color y el nivel de desenfoque de la proyección de la sombra.
Opacidad: arrastrando el control deslizante en el panel de estilo de la derecha, puedes establecer de manera flexible la opacidad del componente de forma.
Márgenes: controlan la distancia entre el texto en el componente de forma y las cuatro líneas del borde. Después de seleccionar el componente de forma, ajuste la distancia entre el texto y las líneas del borde en cuatro direcciones a través del panel de estilo a la derecha.
Ancho y alto adaptables: según el contenido del texto en el elemento de forma, el ancho y el alto pueden ser adaptables, lo que reduce el ajuste manual del tamaño del elemento y el ajuste del texto. Seleccione el componente y haga clic en Ajustar ancho de texto o Ajustar altura de texto en el panel Estilos de la derecha. Si selecciona un ancho de texto adecuado, todo el texto se mostrará en una línea y el ancho del elemento de forma se ajustará automáticamente con el ancho del texto (un poco más grande que el ancho del texto, seleccione una altura adecuada para el texto); texto, y la altura del elemento de forma se ajustará con la altura del texto. Se ajusta automáticamente (ligeramente más alto que la altura del texto).
Estilos interactivos: los componentes de formas admiten agregar estilos interactivos al pasar el cursor, presionar, seleccionar, deshabilitar y enfocar. Seleccione el componente de forma, haga clic en el panel "Interacción" a la derecha y luego haga clic en "Nueva interacción" para establecer el efecto de estilo del componente.
El componente Imagen se puede utilizar para agregar imágenes e ilustraciones para expresar sus conceptos de diseño, innovaciones de productos, fotografías y más.
Importar imágenes: arrastre el símbolo de la imagen al área de diseño, haga doble clic o haga clic derecho en el menú, seleccione Importar imagen e importe la imagen. Los formatos de imagen admitidos por Axure incluyen: JPG, GIF, PNG y BMP.
Pegar imágenes: Puedes pegar imágenes en Axure desde cualquier lugar. Cuando la imagen copiada es grande, el sistema le indicará "La imagen es demasiado grande, lo que puede hacer que la aplicación se ejecute lentamente. ¿Desea optimizarla? Se recomienda hacer clic en Sí y el sistema comprimirá el tamaño de la imagen sin pérdidas". . Generalmente, al copiar contenido de Excel o CSV, se recomienda hacer clic derecho y seleccionar Pegado especial y Pegar como imagen. Direct Ctrl + V generalmente pegará en formato de texto.
Agregar/editar texto de imagen: después de importar la imagen, haga clic derecho en la imagen y seleccione Editar texto. También se puede aplicar estilo al texto de las imágenes, como color, tamaño y fuente.
Voltear horizontal y verticalmente: después de importar la imagen, selecciónela, haga clic derecho en el menú emergente y seleccione "Voltear horizontal" o "Voltear vertical" para voltear la imagen horizontal y verticalmente.
Segmentación de imágenes: La segmentación y el recorte se conocen comúnmente como corte de imágenes en el campo del diseño. La diferencia entre los dos es si se mantiene la integridad de la imagen. El primero conserva el contenido de la imagen por completo, mientras que el segundo conserva la parte seleccionada de forma predeterminada. Seleccione una imagen, haga clic derecho en el menú o seleccione la imagen dividida en el panel de estilo de la derecha y aparecerá una línea de puntos en forma de cruz. El punto de intersección de la cruz es el punto tangente. Haga clic en , - y | en la esquina superior derecha del área de diseño para seleccionar la línea de corte. - significa corte horizontal y significa corte vertical.
Recortar una imagen: Hay tres formas: recortar, copiar y cortar. Al recortar la imagen solo se conserva el área seleccionada y la copia no tendrá ningún impacto en la imagen original. Recortar para eliminar un área seleccionada de la imagen original. Seleccione una imagen, haga clic derecho en el menú o seleccione "Recortar imagen" en el panel de estilo de la derecha, ajuste el rango de recorte arrastrando las posiciones de los cuatro vértices del cuadro rectangular punteado y mueva el cuadro rectangular para determinar el recorte. área. Haga clic en Recortar, Copiar y Cortar en la esquina superior derecha del área de diseño para seleccionar un método de recorte. El valor predeterminado es recortar.
Bordes de imágenes y esquinas redondeadas: puedes agregar bordes a las imágenes a través de la barra de herramientas y el panel de estilo.
Establezca el color del borde, el grosor de la línea del borde (grosor) y el estilo de la línea del borde (línea recta, línea de puntos). Arrastre el triángulo invertido en la esquina superior izquierda de la imagen o establezca el radio de empalme directamente en el panel de estilo para lograr el propósito de establecer esquinas redondeadas. (La interfaz de configuración es similar al componente de forma y las capturas de pantalla no se repiten).
Opacidad y sombra: puede configurar la opacidad de la imagen arrastrando el control deslizante en el panel "Estilo". El componente de imagen solo puede establecer sombras externas y el método de diseño es similar al componente de forma. (La interfaz de configuración es similar al componente de forma y las capturas de pantalla no se repiten).
Optimizar imágenes: a través de la función de imágenes, básicamente no afecta la calidad de la exploración de imágenes (reduzca los píxeles por pulgada de la imagen, que generalmente no se nota a simple vista), básicamente se puede ignorar), la imagen ocupa menos espacio de almacenamiento y, al mismo tiempo, puede mejorar la velocidad de carga del prototipo y mejorar la experiencia de navegación. Por lo general, al importar una imagen grande, Axure le preguntará automáticamente si es necesaria una optimización o puede optimizarla manualmente. Seleccione una imagen, haga clic derecho en el menú y seleccione "Optimizar imagen".
Escala: Mantenga presionada la tecla Mayús y arrastre los vértices en las esquinas de la imagen para escalar la imagen proporcionalmente. Seleccione una imagen, bloquee la relación de aspecto en la barra de herramientas o en el panel Estilos y cambie los valores de ancho o alto para lograr una escala proporcional.
Estilos interactivos de imágenes: las imágenes también pueden agregar estilos interactivos, como componentes de forma, que se pueden agregar cuando el mouse está sobre el cursor, se presiona, se selecciona, se desactiva o se enfoca. (La interfaz de configuración es similar al componente de forma y las capturas de pantalla no se repiten).
En el diseño de prototipos, generalmente es necesario separar varias partes o contenidos del prototipo. Es más conveniente utilizar líneas horizontales y verticales.
Flechas: Puedes establecer el estilo de flecha de las líneas horizontales o verticales a través de la barra de herramientas o el panel "Estilo". Seleccione la línea, haga clic en Estilos de flecha en la barra de herramientas o en el panel Estilos y seleccione cualquier estilo de flecha que desee en la lista desplegable.
Color, grosor y estilo: Puedes agregar color a la línea, establecer el grosor y el estilo (línea recta, línea de puntos) y configurarlo en la barra de herramientas y el panel de estilo. Mantenga presionada la tecla Mayús y arrastre la línea para cambiar la longitud de la línea.
Girar una línea: Mantenga presionada la tecla Ctrl en Windows o cmd en Mac y coloque el mouse sobre el final de la línea para arrastrarla, o ingrese directamente el ángulo de rotación en el panel de estilo. Tenga en cuenta que los ángulos de rotación aquí son todos en el sentido de las agujas del reloj.
La zona caliente es una capa transparente que flota encima. Las zonas calientes se pueden colocar en cualquier componente. Configurar interacciones para un punto de acceso es en realidad equivalente a configurar interacciones para los componentes debajo del punto de acceso.
Establezca la misma interacción para múltiples componentes: por ejemplo, la página de lista de información necesita configurar eventos de salto de clic del mouse tanto para imágenes como para títulos de artículos. En este punto, puede cubrir directamente la imagen y el título con la zona activa y configurar el evento de clic del mouse para la zona activa.
Establezca la interacción en un área determinada de un solo componente: use puntos de acceso para cubrir el área local del componente y configure eventos de clic del mouse para los puntos de acceso para que se pueda hacer clic en el área local del componente. .
Visibilidad de la zona activa: Al obtener una vista previa del efecto prototipo, la zona activa es transparente e invisible, pero se mostrará como una capa de máscara transparente de forma predeterminada en el archivo fuente de Axure, a través de la barra de menú > Ver; Versión de máscara > Hotspot, puede ocultar la máscara, el efecto es el mismo que el de la vista previa.
Un panel dinámico puede crear múltiples estados y se pueden instalar varios componentes en cada estado. Cada estado puede considerarse como una página completamente nueva, y los componentes se pueden colocar, diseñar e incluso interactuar arbitrariamente, por lo que es más como un contenedor enorme. Los paneles dinámicos son los componentes más avanzados utilizados en la creación de prototipos y muchos efectos interactivos dependen de ellos.
Estado del panel dinámico: el panel dinámico consta de uno o más estados, y cada estado puede contener múltiples componentes. Al mismo tiempo, el panel dinámico solo puede mostrar un estado y puede usar la configuración de interacción para mostrar u ocultar el panel dinámico y la visibilidad de cada estado. Hay dos formas de agregar paneles dinámicos. Primero, arrastre el panel dinámico directamente desde la Galería de componentes al área de diseño. En segundo lugar, haga clic derecho en el componente que desea configurar como panel dinámico y seleccione "Convertir a panel dinámico". El segundo método puede ajustar directamente el tamaño del panel dinámico al tamaño apropiado.
En el primer método, si el tamaño del componente en el estado es mayor que el panel dinámico, la parte sobrante no será visible en el panel dinámico. En el panel Estilos, puede configurar "Cambiar tamaño para ajustar el contenido" para garantizar la visibilidad del componente en el estado.
Editar estado del panel dinámico: Haga doble clic en el panel dinámico para seleccionar el estado a editar. Al ingresar al estado, veremos un área rectangular blanca en el medio. El área rectangular es el lienzo del panel dinámico y la parte más allá no se puede ver en el panel dinámico. Si el rectángulo blanco no es visible, debe tener marcada "Cambiar tamaño para ajustar al contenido" en el panel Estilos, y luego el rectángulo blanco será visible en el estado. Editar un componente en el estado es como editar un componente en la página. El estado de aislamiento se puede cambiar en la esquina superior derecha del área de diseño y el valor predeterminado es aislamiento. El estado de aislamiento se refiere a si se incluyen componentes distintos de los paneles dinámicos. Haga clic en el botón cerrar en la esquina superior derecha del área de diseño para salir del estado del panel dinámico y regresar a la página.
Administre el estado del panel dinámico: haga doble clic en el panel dinámico para ingresar al estado de edición, haga clic en la esquina superior izquierda del área de diseño para administrar el estado del panel dinámico, puede agregar estado, estado de copia y estado de eliminación.
Estilo propietario del panel dinámico
Barra de desplazamiento: cuando el tamaño del panel dinámico es menor que el tamaño del contenido de estado, debe configurar barras de desplazamiento para que el panel dinámico pueda ver más en el contenido de estado. Las barras de desplazamiento vienen en cuatro estilos: innecesarias, desplazamiento bajo demanda, desplazamiento vertical y desplazamiento horizontal. Seleccione el panel Dinámica y configure el estilo de la barra de desplazamiento en el panel Estilos a la derecha.
Ancho 100: cuando está marcado, se puede mostrar el ancho completo después de abrir cada estado del panel dinámico en el navegador, independientemente del ancho del panel dinámico en sí.
Fijado en el navegador: siempre fijado en una ubicación específica de la página, como la navegación inferior de una aplicación o la navegación de la pestaña superior de productos de información, puede utilizar el efecto de estilo "fijado en el navegador". . Seleccione el panel dinámico, haga clic en "Fijar en el navegador" en el panel de estilo de la derecha, marque "Fijar en la ventana del navegador", seleccione la dirección de la posición fija, establezca los márgenes y marque "Mantener al frente" (para mover el capa de imagen del panel dinámico en la parte superior).
Otros estilos comunes
La posición y el tamaño, el relleno, el borde, la sombra y las esquinas redondeadas del panel dinámico son los mismos que los del componente de forma. Consulte la descripción anterior.
Establecer el estado del panel dinámico (operación interactiva)
Cambio de panel: para paneles dinámicos de múltiples estados, puede usar la acción de configurar el estado del panel dinámico para cambiar al estado especificado, lo que También es dinámico Las acciones interactivas más utilizadas del panel. Seleccione "Establecer estado del panel dinámico" en la interacción del caso de uso y seleccione el estado cambiado del elemento de estado. El estado de alternancia seleccionado en la lista desplegable incluye los siguientes cuatro modos de alternancia: estado especificado (estado 1/estado 2...), estado anterior, estado siguiente, parada de alternancia y valor.
Anterior/Siguiente: cuando seleccionas el estado anterior y el siguiente, puedes repetir el ciclo de ese estado (el estado es limitado) y "Desde el último estado" se marca automáticamente en la configuración. al primer bucle automático". Entre más opciones, también puedes configurar el intervalo de tiempo para el primer bucle. De esta manera, el panel dinámico puede realizar bucles infinitos según las reglas, y el cambio de bucle se utiliza a menudo para reproducir carruseles automáticamente.
Dejar de cambiar: Cuando necesitemos detener el bucle infinito del panel dinámico, como detener el carrusel de imágenes o la reproducción de contenido, podemos optar por dejar de cambiar en la lista de estado.
Valor: cuando se utiliza un valor para establecer el estado de un panel dinámico, se debe tener en cuenta que el valor debe ser coherente con el nombre del estado del panel dinámico para que tenga efecto. Utilice el evento "Cuando se carga la página" en esta página cuando necesite configurar un panel dinámico en un estado específico según el valor de una variable global almacenada en la página. En este punto, sólo necesita configurar un caso de uso de interacción simple.
Animación de cambio de panel dinámico: puede configurar la animación de transición para la entrada y salida, y puede seleccionar el efecto de animación en la configuración de la acción al configurar el caso de uso. Los efectos de animación admitidos para entrar y salir incluyen: deslizarse hacia arriba, deslizarse hacia abajo, deslizarse hacia la izquierda, deslizarse hacia la derecha, voltear hacia arriba, voltear hacia abajo, voltear hacia la izquierda, voltear hacia la derecha.
Después de configurar el efecto de animación, debemos configurar el tiempo de cada animación de transición. Tenga en cuenta que la unidad de tiempo aquí es milisegundos.
Más opciones: si el panel dinámico original está oculto, puedes marcarlo aquí para mostrarlo, o puedes configurar los estados expandido y contraído.
Cuando necesitamos hacer referencia a una página o parte de una página, podemos usar marcos internos para lograr el efecto de referencia. Los marcos internos pueden hacer referencia a páginas en archivos Axure y páginas externas.
Arrastre el marco interno desde la biblioteca de componentes al área de diseño, haga doble clic en el marco interno, seleccione la página interna vinculada en la ventana emergente o complete la dirección URL de la página externa. haga clic en Aceptar para completar la configuración de la página de referencia. El panel de estilo de la derecha puede configurar el borde oculto y desplegarse para seleccionar el modo de visualización y el tipo de vista previa de la barra de desplazamiento. Los modos de visualización de la barra de desplazamiento incluyen: desplazamiento según demanda, desplazamiento siempre y nunca desplazamiento. La configuración de la barra de desplazamiento aquí incluye desplazamiento vertical y desplazamiento horizontal. Los tipos de vista previa incluyen: Ninguno, Vídeo, Mapa y Vista previa personalizada. La vista previa personalizada admite la importación de imágenes desde local. Las configuraciones de vista previa aquí son solo vistas previas internas de Axure y los efectos de configuración no se pueden ver en la vista previa del navegador.
El elemento Repetidor consta de un conjunto de datos de repetidor y un elemento de repetidor. El repetidor se puede utilizar para componentes que requieren configuraciones repetidas, como páginas de lista de productos, páginas de lista de información, listas de contactos, tablas, etc.
Editar repetidor: arrastre el repetidor desde la biblioteca de componentes al área de diseño, haga doble clic en el repetidor para ingresar a la página de edición del repetidor. El área blanca en el medio es el lienzo del repetidor. El tamaño del lienzo del repetidor se puede ajustar manual o automáticamente según el contenido de la página. Durante el proceso de diseño, no es necesario arrastrar manualmente los vértices para controlar el tamaño del lienzo. Los componentes fuera del lienzo se sincronizarán a la izquierda o encima del repetidor. Hay un interruptor de aislamiento y un botón de apagado en la esquina superior derecha del lienzo del repetidor. La función del interruptor de aislamiento es la misma que la del panel dinámico. De forma predeterminada, está desactivado (aislado). Cuando se hace clic para abrir, contendrá otros componentes que rodean al repetidor, como una bolsa seca de gran tamaño. La página de edición del repetidor le permite colocar componentes a voluntad, al igual que el diseño de estructura alámbrica en una página nueva.
Conjunto de datos del repetidor: el elemento Repetidor se llena con elementos de datos del conjunto de datos del Repetidor, que pueden ser texto, imágenes o incluso enlaces. En Axure 9.0, los conjuntos de datos se pueden editar tanto dentro como fuera del repetidor. En el panel de estilo de la derecha, podemos ver que el conjunto de datos es similar a la forma de una tabla y las celdas se pueden llenar con datos a voluntad. Las filas y columnas de datos del conjunto de datos se pueden editar arbitrariamente. Vale la pena señalar que los nombres de las columnas del conjunto de datos deben estar en inglés; de lo contrario, cuando el elemento repetidor cargue datos, el contenido del conjunto de datos no se asociará.
Elementos repetidores: los elementos de diseño repetidos en el repetidor se denominan aquí elementos. Haga doble clic en el elemento repetidor para ingresar al repetidor para editarlo. Los elementos en la página del repetidor se cargarán varias veces (el repetidor se cargará varias veces si hay varias líneas de información).
Complemento: utilice eventos interactivos para completar el área de diseño con datos del conjunto de datos en cada carga.
Insertar texto: Haz doble clic en el evento de interacción para agregar la acción de configurar texto. Al configurar el valor, haga clic en fx a la derecha, haga clic para insertar una variable, atributo, función u operador, busque la variable en repetidor/conjunto de datos en la lista desplegable y haga clic en Aceptar para completar la carga del texto (móvil número de teléfono). Después de completar esta configuración, cuando el repetidor cargue cada elemento, el contenido del teléfono en el conjunto de datos se insertará automáticamente en el elemento de texto que acaba de configurar.
Importar imagen: importe la imagen al conjunto de datos mediante la operación "Establecer imagen" e inserte la imagen en el proyecto del repetidor. Antes de configurar esta interacción, debe preparar un elemento de imagen en el repetidor con anticipación para asociar y mostrar la imagen del conjunto de datos del repetidor.
Haga clic derecho en el elemento del conjunto de datos donde desea insertar una imagen, seleccione Importar imagen y luego seleccione Insertar imagen local. En el panel interactivo de la derecha, haga clic en el evento Cuando se carga cada elemento. Agregue la acción "Establecer imagen" y seleccione el elemento de destino (el contenido de la columna donde está preestablecido el elemento de imagen en el conjunto de datos del repetidor). Al configurar la imagen (SETDEFAULTIMAGE), seleccione un valor, haga clic en fx a la derecha, haga clic para insertar una variable, atributo, función u operador, busque el retrato de la variable en repetidor/conjunto de datos en la lista desplegable, haga clic en Aceptar para completar cargando la imagen (número de teléfono móvil). Después de completar esta configuración, cuando el repetidor carga cada elemento, el contenido de la columna principal del conjunto de datos se insertará automáticamente en el elemento de imagen que acaba de configurar.
Insertar enlace de página: la página de referencia (enlace de salto) se puede agregar al elemento en el conjunto de datos del repetidor. Cuando el usuario hace clic en el componente especificado, se activa el salto del enlace. Haga clic derecho en un elemento vacío en el conjunto de datos y seleccione "Página de referencia" para seleccionar una página local. Seleccione un componente que desencadene la acción de salto en el repetidor, agréguele un evento de clic, agregue la acción "abrir en la página actual", luego seleccione un enlace a un sitio web externo o una página local, haga clic en fx y haga clic en la ventana emergente. arriba ventana de edición Inserte variables, atributos, funciones u operadores, busque las variables en repetidor/conjunto de datos en la lista desplegable (agregue elementos de datos de enlace) y haga clic en Aceptar para completar la configuración de salto de enlace.
Interacciones de componentes dentro de un repetidor: Cualquier interacción se puede agregar a los elementos de datos de un repetidor, como un componente normal.
Estilos específicos del repetidor
Diseño: el contenido del repetidor admite la visualización de contenido tanto en estilos verticales como horizontales. En el diseño vertical, se pueden configurar varios elementos para cada columna de datos; en el diseño horizontal, se pueden configurar varios elementos para cada fila. Seleccione elementos duplicados, elija vertical u horizontal en el estilo de diseño, verifique el ajuste y complete la cantidad de elementos en cada columna o fila. Si no se selecciona ajustar, todos los elementos aparecerán vertical u horizontalmente.
Fondo del elemento: El fondo del elemento se puede configurar en un solo color o en dos colores diferentes que se alternen. Marque Colores alternativos en el panel Estilos para establecer el color de fondo y el color alternativo. De forma predeterminada, el contenido del repetidor no tiene color de fondo y la página se ve blanca porque el fondo de toda la página es blanco de forma predeterminada, no el fondo del elemento repetidor.
Buscapersonas: El repetidor nos proporciona la función de buscapersonas. La paginación se puede configurar cuando hay muchos duplicados. Seleccione el control de repetición y, en el panel Estilo, marque Varias páginas para establecer el número de elementos por página y la página de inicio.
Conclusión: La siguiente sección se centrará en las instrucciones y técnicas para usar cuadros de entrada de texto, cuadros de lista desplegables, cuadros de selección de listas, casillas de verificación y botones de opción. Intente controlar la longitud de cada capítulo posterior. La descripción de los componentes básicos en este artículo es un poco larga. Los aspectos básicos son los más importantes y merecen una explicación detallada, espero que todos puedan tener una comprensión más profunda.
Cómo convertirte en ilustrador desde cero Si quieres convertirte en ilustrador, debes practicar mucho. El método específico es el siguiente:
1. Primero, necesitas un bolígrafo y una hoja de papel blanco para dibujar el contorno en el papel blanco. Usa un lápiz para dibujar la forma de línea que deseas, asegurándote de que sea suave, simétrica y consistente.
2. Luego comienza a dibujar la parte de la sombra, primero dibuja un contorno circular (círculo). Dibuja un pequeño semicírculo para la sombra.
3. Luego dibuja dos triángulos del mismo tamaño que el color de fondo de la parte de la sombra (consejo: primero puedes ampliar el diámetro del círculo).
4. El último paso es agregar detalles: agregue algunos patrones como puntos y círculos. Este boceto simple está completo (consejo: puede usar algunas herramientas para ayudar a completarlo).