☰

控制 tikz 矩阵中的节点边缘绘制

tag-icon • tag-icon tikz-matrix
控制 tikz 矩阵中的节点边缘绘制

我正在尝试绘制一个特定大小的节点网格。此外，我还试图将单元格（特别是其内边框）设为白色，从而在这个网格上打洞。为了具体说明，请考虑以下内容：

\documentclass[tikz]{standalone}
\usetikzlibrary{fit, matrix}

\begin{document}

\begin{tikzpicture}
\matrix [
    matrix of nodes,
    inner sep=0pt,                % no padding around the cells
    row sep=-\pgflinewidth,
    column sep=-\pgflinewidth,
    nodes={
        rectangle, draw=black, minimum height=11mm, minimum width=11mm,
        anchor=center, inner sep=0pt, outer sep=0pt
    },
    nodes in empty cells,
    name=table
] {
& & & & \\
& & |[white]| & & \\
& |[white]| & |[white]| & & \\
& & |[white]| & |[white]| & \\
& & & & \\
};

\end{tikzpicture}
\end{document}

一般来说，假设矩阵中有任意的白色单元格“岛”；在这种情况下，我们只有一个岛（大小为 5），这意味着白色单元格跨越主网格的连通子图，但可能会有多个这样的岛屿。

我们希望不绘制内边框，但应保留外边框。实际上，外边框只显示其边缘，使其看起来呈灰色。请参见下面的非预期输出：

在此处输入图片描述

我们如何才能更好地控制节点及其边缘的绘制方式？我也看到了这个问题这可能有助于我以更好的方式绘制这些：我正在以编程方式执行此操作，因此能够以列表式方式指定岛屿坐标似乎很好。

答案1

不要画白色边框，直接不画边框就行。这样就不会出现灰线（实际上是黑色上面的白色）。

在下面的代码中，matrix of grid nodes = <rows> x <columns>设置一个具有指定行数和列数的 TikZ 矩阵，其中每个单元格都包含\node{};一个。默认情况下，每个节点都是一个grid node。

通过使用键，可以指定应使用 的island(s)单元格。A很简单（即），但可以是任何东西，可能只是一个坐标（但这需要您执行或，否则如果整行或整列都包含岛屿，您将得到零大小的行或列。grid island nodegrid island nodepath onlydraw = none, fill = node, …row sepcolumn sepbetween origins

相反，\node{};我们可以\tikzgridnode在每个单元格中放置\node[grid node]{};通常的东西，但如果它是一个岛屿（甚至不是一个坐标），那么就可以在单元格中放置任何东西。

代码

\documentclass[tikz]{standalone}
\makeatletter
\newcommand*\utilrepeat[2]{%
  \ifnum#1=1 \expandafter\@firstoftwo\else\expandafter\@secondoftwo\fi
    {#2}{#2\expandafter\utilrepeat\expandafter{\the\numexpr#1-1\relax}{#2}}}
\makeatother
\tikzset{
  grid node/.style={
    shape=rectangle, draw=black, fill=lightgray, anchor=center,
    minimum size=+11mm, inner sep=+0pt, outer sep=+0pt},
%  grid island node/.style={shape=coordinate}, % no node, just a coordinate
  grid island node/.style=path only,         % node but no output
  tight matrices/.style={every outer matrix/.append style={inner sep=+0pt}},
  matrix of grid nodes/.style args={#1x#2}{
    matrix, tight matrices, nodes=grid node,
    row sep=+-\pgflinewidth, column sep=+-\pgflinewidth,
    execute at empty cell=\node{};,
    node contents=%
      \utilrepeat{#1}{%
        \utilrepeat{\pgfinteval{#2-1}}{\pgfmatrixnextcell}\pgfmatrixendrow}},
  island/.style args={#1-#2}{
    row #1 column #2/.append style={nodes=grid island node}},
  islands/.style={island/.list={#1}}}
\begin{document}
\tikz\node[matrix of grid nodes = 5 x 5, islands = {2-3, 3-2, 3-3, 4-3, 4-4}];
\end{document}

输出

在此处输入图片描述

答案2

一个简单的，也许有点粗鲁的解决方案，通过定义没有边框的单元格样式：

\documentclass[border=6pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{matrix}

\begin{document}
    \begin{tikzpicture}
\newcommand\nx{|[draw=none]|}
\matrix (m) [matrix of nodes,
             row sep=-\pgflinewidth,
             column sep=-\pgflinewidth,
             nodes = {draw,
                      minimum size=11mm, anchor=center,
                      inner sep=0pt, outer sep=0pt}
             ] 
{
a & b & c & d & e\\
f & g & \nx
        h & i & j\\
k & \nx l 
      & \nx m
          & n & o\\
p & q & \nx r 
          &  \nx s 
              & t\\
u & v & w & x & y\\
};
    \end{tikzpicture}
\end{document}

在此处输入图片描述

答案3

下面的命令\islands有 3 个参数。第一个参数是行数，第二个参数是列数，第三个参数是表单中的单元格列表(<row>,<column>)。

此命令绘制水平线和垂直线。如果上方和下方的单元格包含在第三个参数的列表中，则不会绘制水平线。垂直线也类似。

在此处输入图片描述

\documentclass[border=6pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{matrix}
\ExplSyntaxOn
\cs_generate_variant:Nn \str_if_in:nnT { neT }
\bool_new:N \l__islands_bool
\NewDocumentCommand { \islands } { mmm }
% #1 number of rows
% #2 number of columns
% #3 list of cells in the form (<row>,<column>)
  {
    \begin { scope }
      [
        shift = { ( mymatrix-1-1.north~west ) } ,
        x = 11 mm ,
        y = -11 mm
      ]
      \int_step_inline:nnn { 0 } {#1}
        {
          \int_step_inline:nn {#2}
            {
              \bool_set_true:N \l__islands_bool
              \str_if_in:neT {#3} { ( ##1 , ####1 ) }
                {
                  \str_if_in:neT {#3} { ( \int_eval:n { ##1 + 1 } , ####1 ) }
                    {
                      \bool_set_false:N \l__islands_bool
                    }
                }
              \bool_if:NT \l__islands_bool
                { \draw ( { ####1 - 1 } , ##1 ) --++ ( 1 , 0 ) ; }
            }
        }
      \int_step_inline:nnn { 0 } {#2}
        {
          \int_step_inline:nn {#1}
            {
              \bool_set_true:N \l__islands_bool
              \str_if_in:neT {#3} { ( ####1 , ##1 ) }
                {
                  \str_if_in:neT {#3} { ( ####1 , \int_eval:n { ##1 + 1 } ) }
                    {
                      \bool_set_false:N \l__islands_bool
                    }
                }
              \bool_if:NT \l__islands_bool
                { \draw ( ##1 , { ####1 - 1 } ) --++ ( 0 , 1 ) ; }
            }
        }
    \end { scope }
  }
\ExplSyntaxOff
\begin{document}
\begin{tikzpicture}
\matrix (mymatrix) [
  matrix of nodes,
  inner sep=0pt,
  row sep=-\pgflinewidth,
  column sep=-\pgflinewidth,
  nodes={
    rectangle,
    minimum height=11mm,
    minimum width=11mm,
    anchor=center,
    inner sep=0pt,
    outer sep=0pt
  }
]
  {
    a & b & c & d & e\\
    f & g & h & i & j\\
    k & l & m & n & o\\
    p & q & r & s & t\\
    u & v & w & x & y\\
  };
\islands{5}{5}{(2,3),(3,2),(3,3),(4,3),(4,4)}
\end{tikzpicture}
\end{document}

相关内容