Я пытаюсь нарисовать «таблицу» в tikz, и, в более общем плане, разработать ее так, чтобы было легко писать многие из них.
Библиотека matrixзначительно упрощает размещение выровненных узлов. Следующим шагом будет возможность рисовать вертикальные и горизонтальные линии.
Я перепробовал несколько подходов (некоторые из них «просто для уверенности»):
- используя якоря узлов, как описано, например, в ответе наэтот вопрос(не работает, если узлы имеют переменную высоту или ширину, см. синие и красные линии ниже)
- используя узлы для столбцов или строк, используя
fitбиблиотеку, как описано в ответах наэтот вопрос(лучше, чем предыдущий, см. оранжевую линию, но все еще есть некоторые проблемы, если строка (соответственно столбец) не такая широкая (соответственно высокая), как матрица [см. зеленую линию].
Стоит отметить, что с помощью можно рисовать горизонтальные линии \hline(но в нем отсутствует возможность настройки путей tikz).
Итак, вопрос: как рисовать такие линии последовательно?
Редактировать (подробнее после первого ответа)
Я понимаю, что можно принудительно выровнять якоря, указав высоту, глубину и ширину каждой ячейки. Однако разве не это же самое pgfбыло сделано при рисовании матрицы?
Таким образом, суть вопроса заключается в том (если это вообще возможно) чтобы получить доступ к этой информации (положению пересечений ограничивающего прямоугольника матрицы и границам областей между строками и столбцами), вычисленной с помощью pgf, после того как матрица нарисована.
МВЭ:
\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}
Выход:
Вывод с границами ячеек:
Похожие вопросы:
решение1
Поскольку все узлы горизонтально отцентрированы в столбцах, вы можете загрузить библиотеку calcи использовать
\draw[blue]({$(M-1-1)!.5!(M-1-2)$} |- M.north) -- ({$(M-1-1)!.5!(M-1-2)$} |- M.south);
провести синюю линию между первым и вторым столбцом.
Чтобы попасть на зеленую линию, вам нужно использоватьвсеузлы второго ряда внутри fitопции:
\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}
Можно определить макросы:
\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}
решение2
Вы можете принудительно сделать все узлы в матрице одинакового размера text height, используя , text widthи text depth. Затем отрегулируйте column sepи row sepтак, чтобы узлы стали более компактными.
МВЭ
\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}
Выход
