☰

animar controles como parte de la imagen

tag-icon • tag-icon animate
animar controles como parte de la imagen

Esta es una pregunta que "es bueno tener", supongo:

Estoy usando el animatepaquete para mostrar una secuencia de capturas de pantalla del cuadro de diálogo del software. Al avanzar en la serie, agregué ese panel de controles útil pero de aspecto feo (sí, he probado diferentes colores fg/bg... no mejoró la cosa). Las capturas de pantalla son estos <BACK/NEXT>cuadros de diálogo habituales.

¿Es posible obtener el comando de animación ADELANTE/ATRÁS en estas áreas NEXT>y <BACKbotones en las capturas de pantalla, de modo que, similar al software real, el lector deba hacer clic en 'SIGUIENTE' en la captura de pantalla para obtener la siguiente imagen y hacer clic en ' ¿BACK' muestra la captura de pantalla anterior?

Espero poder expresarlo de manera comprensible...

Respuesta1

Este es un buen ejemplo del uso de la API de JavaScript animatey el \mediabuttoncomando de media9.

El usuario Caramdir es excelente.en imagenEl paquete se utiliza para colocar los botones en la animación. Sin embargo, tenemos que parchear onimage.stypara no utilizar \includegraphics.

Para compilar el siguiente código, copie los archivos de imagen de ejemplo del paquete mweal directorio actual como

cp $TEXMF/tex/latex/mwe/imagen-ejemplo-a.png ./imagen-ejemplo-1.png
cp $TEXMF/tex/latex/mwe/imagen-ejemplo-b.png ./imagen-ejemplo-2.png
cp $TEXMF/tex/latex/mwe/imagen-ejemplo-c.png ./imagen-ejemplo-3.png

ya que necesitamos imágenes numeradas para \animategraphics.

ingrese la descripción de la imagen aquí

\documentclass{beamer}

\usepackage{animate}
\usepackage{media9} % buttons via \mediabutton

%get it from http://bazaar.launchpad.net/~tex-sx/tex-sx/development/view/head:/onimage.dtx
\usepackage{onimage}

%patch onimage.sty not to use \includegraphics
\makeatletter
\def\tikzonimage@opt[#1]#2{%
    \begin{tikzpicture}
        %\node[inner sep=0] (image) {\includegraphics[#1]{#2}};
        \node[inner sep=0] (image) {#2};
        \begin{tikzonnode}{image}%
}
\makeatother

\begin{document}
\begin{frame}

  \begin{tikzonimage}{%
    \animategraphics[method=ocg,label=myGUI,step,nomouse,width=0.8\linewidth]{1}{example-image-}{1}{3}
  }[tsx/show help lines]
    \node at (0.8 , 0.8) [anchor=south east, inner sep=0pt, outer sep=0pt] {
      \mediabutton[
        jsaction={try{anim.myGUI.frameNum--}catch(e){}}
      ]{\fbox{\small\strut back}}};
    \node at (0.8 , 0.8) [anchor=south west, inner sep=0pt, outer sep=0pt] {
      \mediabutton[
        jsaction={try{anim.myGUI.frameNum++}catch(e){}}
      ]{\fbox{\small\strut next}}};
  \end{tikzonimage}  

\end{frame}
\end{document}

información relacionada