Migliorare un diagramma TikZ
Domanda
Ho appena finito il mio primo schema in TikZ. Sembra come volevo, ma sono soddisfatto di come ho 'codificato' esso:
\begin{tikzpicture}
[node distance=14mm,
item/.style={rounded corners,rectangle,
thick,
minimum width=20mm, minimum height=10mm}]
\node[item,draw=blue!50,fill=blue!20] (stack) {1394 Stack};
\node[item,left=of stack,draw=green!50,fill=green!20,yshift=-9mm] (app1) {Application};
\node[item,left=of stack,draw=green!50,fill=green!20,yshift=9mm] (app2) {Application};
\node[item,right=of stack,draw=orange!50,fill=orange!20] (ohci) {OHCI};
\node[item,right=of ohci,yshift=-15mm,draw=yellow!70,fill=yellow!35] (dev1) {Device};
\node[item,right=of ohci,yshift=0mm,draw=yellow!70,fill=yellow!35] (dev2) {Device};
\node[item,right=of ohci,yshift=15mm,draw=yellow!70,fill=yellow!35] (dev3) {Device};
\draw[thick] (app1) -- (stack)
(app2) -- (stack)
(stack) -- (ohci)
(ohci) -- (dev1)
(ohci) -- (dev2)
(ohci) -- (dev3);
\node[xshift=7mm,yshift=1mm] (topUser) at (app1.east |- dev3.north) {};
\node[xshift=7mm,yshift=-1mm,label=above left:User space] (botUser) at (app1.east |- dev1.south) {};
\draw[dashed] (topUser) -- (botUser);
\node[xshift=7mm,yshift=1mm] (topKern) at (stack.east |- dev3.north) {};
\node[xshift=7mm,yshift=-1mm,label=above left:Kernel space,
label=above right:Hardware\phantom{p}] (botKern) at (stack.east |- dev1.south) {};
\draw[dashed] (topKern) -- (botKern);
\end{tikzpicture}
Le cose che io sono a disagio con sono:
Come mi sono mosso manualmente la "Applicazione" e nodi "dispositivo" che utilizzano yshift
allo spazio loro distanti l'una dall'altra; Sono sicuro che ci deve essere un modo più elegante di produrre un semplice albero-come la struttura
Le linee (topKern -- botKern
e topUser -- botUser
) che vanno dalla parte superiore della foto per il fondo; questi sono allineate manualmente sul asse x per essere tra due nodi mediante xshift=7mm
.
Il mio uso di \phantom{p}
per garantire l'etichetta "Hardware" ha la stessa linea di base come le altre due etichette.
Soluzione
Per costruire una struttura ad albero, consultare pgfmanual.pdf
, Fare alberi crescono .
Per le linee, che creerebbe i nodi che rappresentano nel bel mezzo di due nodi, e quindi utilizzare il sistema di coordinate ortogonali come hai fatto tu. Inoltre è possibile utilizzare current bounding box
per identificare il "confine".
Per linee di base allineare correttamente, specificare text height
e text depth
. Nel tuo caso, ad esempio nel every label
stile. Ma come vedete, ho fatto le etichette come nodi al di sotto ...
\begin{tikzpicture}[level distance=35mm,node distance=15mm,text height=1.5ex,text depth=0.25ex] \begin{scope}[every node/.style={rounded corners,rectangle,thick,minimum width=20mm, minimum height=10mm}] \begin{scope}[level 1/.style={sibling distance=19mm,nodes={fill=green!20,draw=green!50}}] \node[draw=blue!50,fill=blue!20] (stack) {1394 Stack} [grow=left] child {node (app2) {Application}} child {node (app1) {Application}}; \end{scope} \begin{scope}[level 1/.style={sibling distance=15mm,nodes={fill=yellow!70,draw=yellow!35}}] \node[right= of stack,draw=orange!50,fill=orange!20] (ohci) {OHCI} [grow=right] child {node {Device}} child {node {Device}} child {node {Device}}; \end{scope} \end{scope} \node[below=0mm of app1] (userspace) {User space}; \node at (userspace -| stack) (kernel) {Kernel}; \node at (userspace -| ohci) (hardware) {Hardware}; \path (app1) -- (stack) node[coordinate,midway] (between1) {}; \draw (ohci) -- (stack) node[coordinate,midway] (between2) {}; \draw[dashed] (current bounding box.north -| between1) -- (current bounding box.south -| between1); \draw[dashed] (current bounding box.north -| between2) -- (current bounding box.south -| between2); \end{tikzpicture}