beamer-column-graphics.tex

\PassOptionsToClass{hiresbb}{graphicx}
\documentclass[dvipdfmx]{beamer}\listfiles
\usepackage{graphicx}
\usepackage{pgf}
%\usetheme{Warsaw}
%\setbeamertemplate{blocks}[default]

\newcommand{\thickhrulefill}{\leavevmode\leaders\hrule depth-1.2pt height 3.2pt\hfill\kern0pt}
\newcommand{\indicatewidth}[1]{\thickhrulefill{#1}\thickhrulefill}

\newlength{\mytotalwidth}
\mytotalwidth=\dimexpr\linewidth-5mm
\newlength{\mycolumnwidth}
\mycolumnwidth=\dimexpr\mytotalwidth-5mm

\begin{document}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%% WARNING: DO NOT USE THIS EXAMPLE!!! %%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%\pgfdeclareimage[width=116pt]{declared-image-name}{pic/0inN.png}
%\begin{frame}{スライドタイトル}
%    \begin{columns}[T,onlytextwidth]
%        \begin{column}{0.6\linewidth} % 左:60%
%            \begin{itemize}
%                \item ほげ！
%                \item ふが！
%            \end{itemize}
%        \end{column}
%        \begin{column}{0.4\linewidth} % 右:40%
%            % ↓この行が正常な位置に表示させるためのオマジナイ
%            \pgfputat{\pgfxy(0,0)}{\pgfbox[left,top]{
%                % このブロックで画像を表示
%                \pgfuseimage{declared-image-name}
%            }}
%        \end{column}
%    \end{columns}
%\end{frame}

%%%%%%%%%%%%
% for qiita

\begin{frame}{columns環境のwidth指定}
  \begin{block}{columns[t], 0.5:0.5}
    \fbox{
    \begin{columns}[t]
      \begin{column}{0.5\linewidth}\indicatewidth{left column}\end{column}
      \begin{column}{0.5\linewidth}\indicatewidth{right column}\end{column}
    \end{columns}
    }
    \par\indicatewidth{outside}
  \end{block}

  \begin{block}{columns[t,onlytextwidth], 0.5:0.5}
    \fbox{
    \begin{columns}[t,onlytextwidth]
      \begin{column}{0.5\linewidth}\indicatewidth{left column}\par\end{column}
      \begin{column}{0.5\linewidth}\indicatewidth{right column}\par\end{column}
    \end{columns}
    }
  \end{block}

  \begin{block}{columns[t], 0.49:0.49}
    \fbox{
    \begin{columns}[t]
      \begin{column}{0.49\linewidth}\indicatewidth{left column}\par\end{column}
      \begin{column}{0.49\linewidth}\indicatewidth{right column}\par\end{column}
    \end{columns}
    }
  \end{block}

  \begin{block}{columns[t,onlytextwidth], 0.49:0.49}
    \fbox{
    \begin{columns}[t,onlytextwidth]
      \begin{column}{0.49\linewidth}\indicatewidth{left column}\par\end{column}
      \begin{column}{0.49\linewidth}\indicatewidth{right column}\par\end{column}
    \end{columns}
    }
  \end{block}

  \begin{block}{columns[t,totalwidth=0.96\textbackslash{}linewidth], 0.47:0.47}
    \fbox{
    \begin{columns}[t,totalwidth=0.96\linewidth]
      \begin{column}{0.47\linewidth}\indicatewidth{left column}\par\end{column}
      \begin{column}{0.47\linewidth}\indicatewidth{right column}\par\end{column}
    \end{columns}
    }
    \par\indicatewidth{outside}
  \end{block}
\end{frame}

\begin{frame}{3段組の場合}
  \begin{block}{columns[t], 0.33:0.33:0.33}
    \fbox{
    \begin{columns}[t]
      \begin{column}{0.33\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.33\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.33\linewidth}\indicatewidth{column}\end{column}
    \end{columns}
    }
    \par\indicatewidth{outside}
  \end{block}

  \begin{block}{columns[t,onlytextwidth], 0.33:0.33:0.33}
    \fbox{
    \begin{columns}[t,onlytextwidth]
      \begin{column}{0.33\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.33\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.33\linewidth}\indicatewidth{column}\end{column}
    \end{columns}
    }
  \end{block}

  \begin{block}{columns[t], 0.32:0.32:0.32}
    \fbox{
    \begin{columns}[t]
      \begin{column}{0.32\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.32\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.32\linewidth}\indicatewidth{column}\end{column}
    \end{columns}
    }
  \end{block}

  \begin{block}{columns[t,onlytextwidth], 0.32:0.32:0.32}
    \fbox{
    \begin{columns}[t,onlytextwidth]
      \begin{column}{0.32\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.32\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.32\linewidth}\indicatewidth{column}\end{column}
    \end{columns}
    }
  \end{block}

  \begin{block}{[t,totalwidth=0.96\textbackslash{}linewidth], 0.31:0.31:0.31}
    \fbox{
    \begin{columns}[t,totalwidth=0.96\linewidth]
      \begin{column}{0.31\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.31\linewidth}\indicatewidth{column}\end{column}
      \begin{column}{0.31\linewidth}\indicatewidth{column}\end{column}
    \end{columns}
    }
    \par\indicatewidth{outside}
  \end{block}
\end{frame}

\begin{frame}{悪い例}
  \begin{block}{[t], 0.8:0.2}
    \fbox{
    \begin{columns}[t]
      \begin{column}{0.8\linewidth}
        some paragraph\par some paragraph
        \par\indicatewidth{left}
      \end{column}
      \begin{column}{0.2\linewidth}
        \fbox{\includegraphics[width=1.0\linewidth]{pic/0inN.png}}
        \par\indicatewidth{right}
      \end{column}
    \end{columns}
    }
  \end{block}
\end{frame}

\begin{frame}{アラインメント[t]}
  \begin{block}{[t,totalwidth=0.96\textbackslash{}linewidth], 0.47:0.47}
    \fbox{
    \begin{columns}[t,totalwidth=0.96\linewidth]
      \begin{column}{0.47\linewidth}
        \indicatewidth{left}
        \par some paragraph\par some paragraph
        \par\indicatewidth{left}
      \end{column}
      \begin{column}{0.47\linewidth}
        \indicatewidth{\fbox{\includegraphics[width=20pt]{pic/0inN.png}}}
      \end{column}
    \end{columns}
    }
  \end{block}
\end{frame}

\begin{frame}{他のアラインメント[T],[c],[b]}
  \begin{block}{[T,totalwidth=0.96\textbackslash{}linewidth], 0.47:0.47}
    \fbox{
    \begin{columns}[T,totalwidth=0.96\linewidth]
      \begin{column}{0.47\linewidth}
        \indicatewidth{left}
        \par some paragraph\par some paragraph
        \par\indicatewidth{left}
      \end{column}
      \begin{column}{0.47\linewidth}
        \indicatewidth{\fbox{\includegraphics[width=20pt]{pic/0inN.png}}}
      \end{column}
    \end{columns}
    }
  \end{block}
  \begin{block}{[c,totalwidth=0.96\textbackslash{}linewidth], 0.47:0.47}
    \fbox{
    \begin{columns}[c,totalwidth=0.96\linewidth]
      \begin{column}{0.47\linewidth}
        \indicatewidth{left}
        \par some paragraph\par some paragraph
        \par\indicatewidth{left}
      \end{column}
      \begin{column}{0.47\linewidth}
        \indicatewidth{\fbox{\includegraphics[width=20pt]{pic/0inN.png}}}
      \end{column}
    \end{columns}
    }
  \end{block}
  \begin{block}{[b,totalwidth=0.96\textbackslash{}linewidth], 0.47:0.47}
    \fbox{
    \begin{columns}[b,totalwidth=0.96\linewidth]
      \begin{column}{0.47\linewidth}
        \indicatewidth{left}
        \par some paragraph\par some paragraph
        \par\indicatewidth{left}
      \end{column}
      \begin{column}{0.47\linewidth}
        \indicatewidth{\fbox{\includegraphics[width=20pt]{pic/0inN.png}}}
      \end{column}
    \end{columns}
    }
  \end{block}
\end{frame}

\begin{frame}{column毎のアラインメント指定}
  \begin{block}{[totalwidth=0.96\textbackslash{}linewidth], [t]+[T], 0.47:0.47}
    \fbox{
    \begin{columns}[totalwidth=0.96\linewidth]
      \begin{column}[t]{0.47\linewidth}
        \indicatewidth{left}
        \par some paragraph\par some paragraph
        \par\indicatewidth{left}
      \end{column}
      \begin{column}[T]{0.47\linewidth}
        \indicatewidth{\fbox{\includegraphics[width=20pt]{pic/0inN.png}}}
      \end{column}
    \end{columns}
    }
  \end{block}
\end{frame}

\begin{frame}{figure環境を使った悪い例}
  \begin{block}{[t], 0.8:0.2, figure}
    \fbox{
    \begin{columns}[t]
      \begin{column}{0.8\linewidth}
        some paragraph\par some paragraph
        \par\indicatewidth{left}
      \end{column}
      \begin{column}{0.2\linewidth}
        \begin{figure}
          \fbox{\includegraphics[width=1.0\linewidth]{pic/0inN.png}}
        \end{figure}
        \par\indicatewidth{right}
      \end{column}
    \end{columns}
    }
  \end{block}
\end{frame}

%\begin{frame}{分かりやすいよう上にも段落を追加}
%  \begin{block}{[t,totalwidth=0.96\textbackslash{}linewidth], 0.77:0.17}
%    \fbox{
%    \begin{columns}[t,totalwidth=0.96\linewidth]
%      \begin{column}{0.77\linewidth}
%        \indicatewidth{left}
%        \par some paragraph\par some paragraph
%        \par\indicatewidth{left}
%      \end{column}
%      \begin{column}{0.17\linewidth}
%        \indicatewidth{right}
%        \begin{figure}
%          \fbox{\includegraphics[width=1.0\linewidth]{pic/0inN.png}}
%        \end{figure}
%        \par\indicatewidth{right}
%      \end{column}
%    \end{columns}
%    }
%  \end{block}
%\end{frame}

\begin{frame}{[t]+[T]の方法とfigure環境}
  \begin{block}{[t]+[T], figure, negative vspace, centering}
  \fbox{
    \begin{columns}[totalwidth=0.96\linewidth]
      \begin{column}[t]{0.16\linewidth}
        \indicatewidth{left}
        \par\indicatewidth{left}
        \par\indicatewidth{left}
        \par\indicatewidth{left}
        \par\indicatewidth{left}
      \end{column}
      \begin{column}[T]{0.26\linewidth}
        \begin{figure}
          \fbox{\includegraphics[width=20pt]{pic/0inN.png}}
        \end{figure}
        \par\indicatewidth{figure}
      \end{column}
      \begin{column}[T]{0.26\linewidth}
        \vspace{-1em}
        \begin{figure}
          \fbox{\includegraphics[width=20pt]{pic/0inN.png}}
        \end{figure}
        \par\indicatewidth{vspace}
      \end{column}
      \begin{column}[T]{0.26\linewidth}
        \centering
        \fbox{\includegraphics[width=20pt]{pic/0inN.png}}
        \par\indicatewidth{centering}
      \end{column}
    \end{columns}
    }
  \end{block}
\end{frame}

%\newlength{\mytotalwidth}
%\mytotalwidth=\dimexpr\linewidth-5mm
%\newlength{\mycolumnwidth}
%\mycolumnwidth=\dimexpr\mytotalwidth-5mm

\begin{frame}{ベストプラクティス}
  \begin{block}{[totalwidth=\textbackslash{}mytotalwidth], [t]+[T], 0.5:0.5}
    \fbox{
    \begin{columns}[totalwidth=\mytotalwidth]
      \begin{column}[t]{0.5\mycolumnwidth}
        \indicatewidth{left}
      \end{column}
      \begin{column}[T]{0.5\mycolumnwidth}
        \centering
        \fbox{\includegraphics[width=20pt]{pic/0inN.png}}
        \par\indicatewidth{right}
      \end{column}
    \end{columns}
    }
    \par\indicatewidth{outside}
  \end{block}
\end{frame}

\end{document}