☰

將控制項動畫化為圖像的一部分

tag-icon • tag-icon animate
將控制項動畫化為圖像的一部分

我想這是一個「很高興有」的問題：

我正在使用該animate包來顯示一系列軟體對話框螢幕截圖。在完成系列的過程中，我添加了有用但外觀醜陋的控制面板（是的，我嘗試過不同的 fg/bg 顏色......它並沒有讓事情變得更好）。螢幕截圖是這些常見的<BACK/NEXT>對話框。

是否可以在螢幕截圖中的這些區域NEXT>和<BACK按鈕區域中獲取動畫命令向前/向後，以便與真實軟體類似，讀者必須單擊螢幕截圖中的“下一步”才能獲取下一張圖片，然後單擊“ BACK'顯示上一個螢幕截圖？

希望我能表達得可以理解......

答案1

這是使用 的 JavaScript APIanimate和\mediabutton的命令的一個很好的範例media9。

用戶 Caramdir 非常好影像上包用於將按鈕放置到動畫上。但是，我們必須修補onimage.sty才能不使用\includegraphics.

為了編譯下面的程式碼，請將範例圖像檔案從套件複製mwe到目前目錄中，如下所示

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

因為我們需要 的編號圖像\animategraphics。

在此輸入影像描述

\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}

相關內容