
Estoy intentando dibujar una "tabla" tikz
y, en términos más generales, elaborarla para que sea fácil escribir muchas de ellas.
La matrix
biblioteca hace que sea mucho más fácil colocar nodos alineados. El siguiente paso sería poder dibujar líneas verticales y horizontales.
He probado varios enfoques (algunos de ellos "sólo para estar seguro"):
- utilizando anclajes de nodos como se describe, por ejemplo, en la respuesta aesta pregunta(no funciona si los nodos tienen altura o ancho variable, vea las líneas azul y roja a continuación)
- usando nodos para las columnas o filas, usando la
fit
biblioteca como se describe en las respuestas aesta pregunta(mejor que el anterior, vea la línea naranja, pero todavía hay algunos problemas si la fila (resp. columna) no es tan ancha (resp. alta) como la matriz [vea la línea verde].
Vale la pena señalar que se pueden dibujar líneas horizontales \hline
(pero carece de la personalización de los trazados tikz).
Entonces la pregunta: ¿cómo dibujar este tipo de líneas de manera consistente?
Editar (más información después de la primera respuesta)
Entiendo que es posible forzar la alineación de los anclajes especificando la altura, profundidad y ancho de cada celda. Sin embargo, ¿no es eso exactamente lo que pgf
hizo al dibujar la matriz?
Entonces, el objetivo de la pregunta sería (si es posible) acceder a esta información (la posición de las intersecciones del cuadro delimitador de la matriz y los límites de las áreas entre filas y columnas), tal como lo calcula pgf
, después de la Se dibuja la matriz.
MWE:
\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{matrix,fit}
\begin{document}
\begin{tikzpicture}%[every node/.style={draw=black!30}]
\node[%
matrix of nodes,%
every node/.append style={%
inner xsep=5pt,
inner ysep=5pt,
outer sep=0pt
},
row sep=0pt,
column sep=0pt
] (M) {
{} & 1 & 2 \\
1 & 1 & 2 \\
2 & 2 & 4 \\
3 & 3 & 6 \\
1000000 & 1000000 & 2000000 \\
};
\draw[red] (M-1-2.north west) -- (M-5-1.south east);
\draw[blue] (M-1-1.north east) -- (M-5-1.south east);
\node[fit=(M-1-3) (M-5-3),inner sep=0pt] (C3) {};
\draw[orange!80!black] (C3.north west) -- (C3.south west);
\node[fit=(M-2-1) (M-2-3),inner sep=0pt] (R2) {};
\draw[green!50!black] (R2.north west) -- (R2.north east);
\end{tikzpicture}
\end{document}
Producción:
Salida con bordes de celda:
Preguntas relacionadas:
Respuesta1
Debido a que todos los nodos están centrados horizontalmente en las columnas, puede cargar la calc
biblioteca y usar
\draw[blue]({$(M-1-1)!.5!(M-1-2)$} |- M.north) -- ({$(M-1-1)!.5!(M-1-2)$} |- M.south);
para dibujar la línea azul entre la primera y la segunda columna.
Para obtener la línea verde tienes que usartodonodos de la segunda fila dentro de la fit
opción:
\node[fit=(M-2-1) (M-2-2) (M-2-3),inner sep=0pt] (R2) {};
\draw[green!50!black] (R2.north -| M.west) -- (R2.north -| M.east);
\documentclass[tikz,margin=10pt]{standalone}
\usetikzlibrary{matrix,fit,calc}
\begin{document}
\begin{tikzpicture}%
\node[%
matrix of nodes,%
inner xsep=0pt,% <- code added
every node/.append style={%
draw=lightgray,
inner xsep=5pt,
inner ysep=5pt,
outer sep=0pt,
},
row sep=0pt,
column sep=0pt
] (M) {
{}& 1 & 20 \\
{}& 1 & {} \\
2 & 2 & 4 \\
3 & 3 & 6 \\
1000000 & 1000000 & 2000000 \\
};
% horizontal lines
\draw[blue]({$(M-1-1)!.5!(M-1-2)$} |- M.north) -- ({$(M-1-1)!.5!(M-1-2)$} |- M.south);
\draw[orange!80!black]({$(M-1-2)!.5!(M-1-3)$} |- M.north) --({$(M-1-2)!.5!(M-1-3)$} |- M.south);
% vertical lines
\node[fit=(M-2-1) (M-2-2) (M-2-3),inner sep=0pt] (R2) {};
\draw[green!50!black] (R2.north -| M.west) -- (R2.north -| M.east);
\end{tikzpicture}
\end{document}
Es posible definir macros:
\documentclass[tikz,margin=10pt]{standalone}
\usetikzlibrary{matrix,fit,calc}
% \mvline[<style>]{<matrix name>}{<row number on the right hand side of the line>}
\newcommand\mvline[3][]{%
\pgfmathtruncatemacro\hc{#3-1}
\draw[#1]({$(#2-1-#3)!.5!(#2-1-\hc)$} |- #2.north) -- ({$(#2-1-#3)!.5!(#2-1-\hc)$} |- #2.south);
}
% \mhline[<style>]{<matrix name>}{<column number below of the line>}{<number of columns in a row>}
\newcommand\mhline[4][]{%
\node[fit=(#2-#3-1),inner sep=0pt,outer sep=0pt](R){};
\foreach \i in {1,...,#4}\node[fit=(R) (#2-#3-\i),inner sep=0pt,outer sep=0pt](R){};
\draw[#1] (R.north -| #2.west) -- (R.north -| #2.east);
}
\begin{document}
\begin{tikzpicture}%
\node[%
matrix of nodes,%
inner xsep=0pt,% <- code added
nodes in empty cells,% <- code added, nodes also in empty cells
every node/.append style={%
%draw=lightgray,
inner xsep=5pt,
inner ysep=5pt,
outer sep=0pt,
},
row sep=0pt,
column sep=0pt
] (M) {
& 1 & 20 \\
& & \huge T \\
2 & 2 & 4 \\
3 & 3 & 6 \\
1000000 & 1000000 & 2000000 \\
};
% border of the table
\draw[purple](M.south west) rectangle (M.north east);
% horizontal lines
\mvline[blue]{M}{2}
\mvline[orange]{M}{3}
% vertical lines
\foreach \r in {2,...,5} {\mhline[green!50!black]{M}{\r}{3}}
\end{tikzpicture}
\end{document}
Respuesta2
Puede forzar que todos los nodos de la matriz tengan el mismo tamaño usando text height
, text width
y text depth
. Luego ajuste column sep
y row sep
para que los nodos queden más compactos.
MWE
\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{matrix,fit}
\usepackage{calc}
\begin{document}
\begin{tikzpicture}%[every node/.style={draw=black!30}]
\node[%
matrix of nodes,%
every node/.append style={%
inner xsep=5pt,
inner ysep=5pt,
draw=lightgray, % just to show node borders
text height=\heightof{0},
text width=\widthof{2000000},
align=center
},
row sep=-\pgflinewidth,
column sep=-.5\pgflinewidth,
] (M) {
{} & 1 & 2 \\
1 & 1 & 2 \\
2 & 2 & 4 \\
3 & 3 & 6 \\
1000000 & 1000000 & 2000000 \\
};
\draw[red] (M-1-2.north west) -- (M-5-1.south east);
\draw[blue] (M-1-1.north east) -- (M-5-1.south east);
% \node[fit=(M-1-3) (M-5-3),inner sep=0pt] (C3) {};
\draw[orange!80!black] (M-1-3.north west) -- (M-5-3.south west);
% \node[fit=(M-2-1) (M-2-3),inner sep=0pt] (R2) {};
\draw[green!50!black] (M-2-1.north west) -- (M-2-3.north east);
\end{tikzpicture}
\end{document}