How to make overlay still work inside lstlisting environment?

Question

Problem

I want to explain C# programming language step by step using overlay in beamer.cls. But it does NOT works as shown in the following figure.

How to solve this problem?

---

Code Snippet

\documentclass[dvipsnames,cmyk]{beamer}

\usepackage{listings}

\begin{document}

\defverbatim[colored]\Lst{%
\begin{lstlisting}[language={[Sharp]C}]
using System;
public delegate void Foo(object o);
\uncover<1>{public class Foo}
\uncover<2>{\{}
\uncover<3>{public static void Main()}
\end{lstlisting}}

\begin{frame}{MyListing}
\Lst
\end{frame}

\end{document}

Answer 1

use the semiverbatim environment, it is more flexible in this case. Here is an example how I did it some time ago:

\documentclass{beamer}
\usepackage[T1]{fontenc}
\usepackage{lmodern}
\usepackage[utf8]{inputenc}

\begin{document}
\begin{frame}[fragile]{Matrixoperationen}{Benutzung von \texttt{semiverbatim}}
\setbeamercolor{alerted text}{fg=blue}
\setbeamerfont{alerted text}{series=\bfseries,family=\ttfamily}
\begin{semiverbatim} \small
\uncover<1->{\alert<0>{\alert<6>{sub \color{red}matrix_row2vector} \{}}
\uncover<2->{\alert<2>{  my $m = shift;    my($rows,$cols) = ($m->[1],$m->[2]);}}
\uncover<2->{\alert<2>{  my $r = shift;   # optional, which column from matrix}}
\uncover<2->{\alert<2>{  croak "Error: matrix hasn't 3D rows" unless ($colsRun also:>{}>3);}}
\uncover<3->{\alert<3>{  if ( defined $r ) \{}}
\uncover<3->{\alert<3>{    croak "Error: matrix hasn't that row" unless ($r < $rows);}}
\uncover<3->{\alert<3>{  \}}}
\uncover<4->{\alert<4>{  else \{}}
\uncover<4->{\alert<4>{    croak "Error: matrix is not a 3D row matrix"}}
\uncover<4->{\alert<4>{           unless ($rowsRun also: >>  1);}}
\uncover<5->{\alert<5>{    $r = 0;}}
\uncover<4->{\alert<4>{  \}}}
\uncover<6->{\alert<6>{  return Math::VectorReal->%
\alert<6>{\color{red}new(@\{$m->[0][$r]\})};}}
\uncover<1->{\alert<1>{\}}}
\end{semiverbatim}

\visible<6>{Beachte den Gebrauch von \alert{\color{red}\texttt{shift}}.}
\end{frame}
\end{document}

If you have a lot of TeX code to show then define something like

\def\Lcs#1{\textbackslash#1}

then it easier to write something like \Lcs{newpage}.

Answer 2

Even though xpert has already accepted the (frequently given) "use semiverbatim" answer by Herbert, I would like to present my listings-only solution here as well – for those like Tobi, who do not want to give up on syntax coloring and all the other cool features of the listings package.

The first thing to do (similar to Herbert's solution) is to not use beamer's \defverbatim, but to embed the listings inside the frame using the [fragile] option. (The whole point of \defverbatim is that the content is expanded before \begin{frame}, hence overlay specifications just don't work.)

The trick is then to use the moredelim style option of listings to inject the overlay-command into the listing:

\documentclass[dvipsnames,cmyk]{beamer}
\usepackage{listings}
\lstloadlanguages{[Sharp]{C}}

\lstdefinestyle{base}{
  language=[Sharp]{C},
  moredelim=**[is][\only<+>{\color{red}}]{@}{@},
}

\begin{document}

\begin{frame}[fragile]{MyListing 1}
  \begin{lstlisting}[style=base, gobble=4]
    using System;
    public delegate void Foo(object o);
    @public class Foo@
    @{@ 
    @  public static void Main()@
    @}@
  \end{lstlisting}
\end{frame}
\end{document}

Note that I'am using \only instead of \uncover, as the formatting given by \moredelim** is applied additionally to all other formattings of the current line, which means that \uncover has basically no effect here.

To achive not only highlighting of the current line, but also "dimming" of the remaining parts (as in Tobi's solution), we have to play a bit more around with listing styles. The idea is to have one style (base) that renders the listing "dimmed" and another one (highlight) that is applied on top of it in the \moredelim command (using \lstset) to remove the "dimming" for the current line. This works for all style elements, but basicstyle, so we apply the "nondimmed"-version of basicstyle (which here is \color{black}) manually in the moredelim command:

\lstdefinestyle{highlight}{
  keywordstyle=\color{red},
  commentstyle=\color{green},
}
\lstdefinestyle{base}{
  language=[Sharp]{C},
  basicstyle=\color{black!40},
  keywordstyle=\color{red!40},
  commentstyle=\color{green!40},
  moredelim=**[is][\only<+>{\color{black}\lstset{style=highlight}}]{@}{@},
}

\begin{frame}[fragile]{MyListing 2}
  \begin{lstlisting}[style=base, gobble=4]
    using System;
    public delegate void Foo(object o);
    @public class Foo@
    @{@ 
    @  public static void Main()@
    @}@
  \end{lstlisting}
\end{frame}

Answer 3

As requested my answer about using TikZ with semi transparent overlays.

\documentclass[handout]{beamer}

\usepackage[latin1]{inputenc}
\usepackage[T1]{fontenc}

\usepackage{tikz}
    \usetikzlibrary{fit,calc,decorations.pathreplacing}
    \newcommand{\tikzref}[1]{% to define an anchor
        \tikz[remember picture]{%
            \coordinate (#1) at (0,0.5ex);%
        }%
    }
    \tikzstyle{transp}=[fill opacity=0.75,fill=white, inner sep=1.5mm]
    \tikzstyle{reverseclip}=[insert path={(current page.north east) --
        (current page.south east) --
        (current page.south west) --
        (current page.north west) --
        (current page.north east)}
    ]
\usepackage{listings}
    \lstloadlanguages{[LaTeX]TeX}
    \lstset{% 
        language=[LaTeX]TeX, 
        basicstyle=\ttfamily,
        keywordstyle={},
        escapechar={§},% needed to set tikz anchors in listings
    }

\begin{document}
\begin{frame}[fragile]{Code}
    \begin{lstlisting}[basicstyle=\ttfamily\footnotesize]
        §\tikzref{z1}§\documentclass[ngerman,11pt]{scrartcl}
        \usepackage[T1]{fontenc}
        \usepackage[latin1]{inputenc}
        \usepackage{babel}
        §\tikzref{z5}§\usepa§\tikzref{pkgcmd}§ckage{list§\tikzref{pkg}§ings}§\tikzref{lst}§
        §\tikzref{z6}§    \lstset{basicstyle=\ttfamily}§\tikzref{lstset}§
        §\tikzref{z7}§    \lstMakeShortInline|§\tikzref{svrb}§
        §\tikzref{z8}§\begin{document}
        Eine \emph{Auszeichnung} und 
        §\tikzref{bvrb}§|verb§\tikzref{verb}§atim|-Text§\tikzref{evrb}§ enthält.
        \dots und eine {unbedeutende Gruppe}.
        % Kommentare erscheinen nicht in der Ausgabe§\tikzref{txt}§
        §\tikzref{z15}§\end{document}
    \end{lstlisting}
    \begin{tikzpicture}[overlay, remember picture]
        % clipping:
        \begin{scope}% [B, see Notes]
            % cut out 1
            \path [clip] let \p1=(z5), \p2=(z7), \p3=(lstset) in%
                ($(z8) + (0,1ex)$) %
                -- ++(\x3-\x1,0) %
                -- ++($(0,0) + (0,2ex) + (0,\y1-\y2)$)
                -- ++(\x1-\x3,0) %
                -- cycle [reverseclip];
            % cut out 2
            \path [clip] %
                ($(bvrb) - (0,1ex)$) %
                -- ($(evrb) - (0,1ex) $) %
                -- ($(evrb) + (0,1ex) $) %
                -- ($(bvrb) + (0,1ex)$) %
                -- cycle [reverseclip];
            % clip everything without cutted areas
            \node [transp,fit=(z1) (z15) (txt)] {};
        \end{scope}
        % some additional annotations
        \def\ddx{0.15}\def\ddy{1ex}\def\dx{0.7}
        \draw<2-> [<-] ($(lst) + (\ddx,0)$) -- +(\dx,0) node [right, anchor=mid west] {load};
        \draw<3-> [<-] ($(lstset) + (\ddx,0)$) -- +(\dx,0) node [right, anchor=mid west] {mono font};
        \draw<4-> [<-] ($(svrb) + (\ddx,0)$) -- +(\dx,0) node [right, anchor=mid west] {short verb};
        \draw<5-> [<-] ($(verb) + (0,-\ddy)$) |- +(0.3,-0.5) node [right, anchor=mid west] {example};
    \end{tikzpicture}
\end{frame}

\begin{frame}{Math}
\[
    \tikzref{bmath}f(x) =
        \left(2x^4 + \tikzref{bfrac}\frac{3x^3}{4m}\tikzref{efrac}+
        7x+\pi\right)\cdot\frac{\alpha}{2\gamma\varepsilon_0}\tikzref{emath}
\]
\begin{tikzpicture}[overlay, remember picture]
    \path [clip] % [A, see Notes]
        ($(bfrac) - (0,5mm)$) -- %
        ($(efrac) - (0,5mm)$) -- %
        ($(efrac) + (0,5mm)$) -- %
        ($(bfrac) + (0,5mm)$) --%
        cycle
         [reverseclip];
    \node [transp,fit={($(bmath)+(0,5mm)$) ($(emath)-(0,5mm)$)}] {};
\end{tikzpicture}
\end{frame}
\end{document}

Output

---

Notes

• To get a semi transparent overlay with some cut out areas, I lay a node above the whole relevant part of a frame and clip this. The needed reveseclip-Option was created by Jake at How can I invert a 'clip' selection within TikZ?.

• While designing this example I’ve found out that the direction of drawing clip path [A] is relevant so try drawing path (counter) clockwise if it doesn’t work.

• Note that TikZ needs two runs of (pdf)LaTEX to get the right positions.

• In some cases [B] it seems to be a good idea to limit the clipping to a {scope} to make other drawings which are not effected by it.

• A problem might be that we need to contaminate the original listing code with the §\tikzref{…}§. Maybe someone has an idea how to export adjusted listing automatically?