Qfyilyi

I have that issue when try to fill a split node with two different colors. After using rectangle split part fill={red,blue} as an node argument the drop shadow overlap the node because I don't use the fill=color argument.

How can I avoid this issue?

Full code:

%USER INTERFACE CLASS DIAGRAMM

documentclass{minimal}

usepackage[a4paper,margin=1cm,landscape]{geometry}

usepackage{tikz}

usepackage{xcolor}



%%%<

usepackage{verbatim}

usepackage[active,tightpage]{preview}

PreviewEnvironment{tikzpicture}

setlengthPreviewBorder{5pt}%

%%%>



begin{comment}

:Title: User Interface Class diagram

end{comment}



%COLORS

definecolor{Recessive}{RGB}{77, 87, 98}    %BLUE

definecolor{Dominant}{RGB}{229, 126, 49}   %ORANGE



%WRITE CODE

deftitle#1{Klassendiagramm:smallbreak fontsize{14}{14}textbf{texttt{#1}}}

defcode#1{texttt{#1}newline}

defcodeEnd#1{texttt{#1}}



usetikzlibrary{positioning,shapes,shadows,arrows}



begin{document}

tikzstyle{abstract}=[rectangle, draw=black, rounded corners, fill=Recessive, drop shadow,

    text centered, anchor=north, text=white, text width=3cm]

tikzstyle{comment}=[rectangle, draw=black, rounded corners,

    text centered, anchor=north, text=white, text width=3cm]

tikzstyle{myarrow}=[->, >=open triangle 90, thick]

tikzstyle{line}=[-, thick]



begin{center}

begin{tikzpicture}[node distance=3.8cm]

node [text width=4cm] at (-7,0) {title{Interface}};



node (Client) [abstract, rectangle split, rectangle split parts=2]

    {

        textbf{Client}

        nodepart{second}Schnittstellen

    };



%NODE LEVEL 01

node (Level01) [text width=4cm, below=2.5cm of Client] {}; %LEVEL 01



%CONSOLE    

node (Console) [abstract, rectangle split, rectangle split parts=2, left=of Level01]

    {

        textbf{Console}

        nodepart{second}Benutzereingaben

    };   

node (Console_Comment) [comment, rectangle split, rectangle split parts=2, rectangle split part fill={red,blue}, drop shadow, below=0.2cm of Console, text justified]

    {

        textbf{Funktionen}

        nodepart{second}code{Scripts} code{Format} code{getScripts} codeEnd{getCode}

    };

end{tikzpicture}

end{center}

end{document}

There must certainly be a better solution, but here's a quick hack:
Draw the node twice, the first time with the shadow and the second time without.

%USER INTERFACE CLASS DIAGRAMM

documentclass{minimal}

usepackage[a4paper,margin=1cm,landscape]{geometry}

usepackage{tikz}

usepackage{xcolor}



%%%<

usepackage{verbatim}

usepackage[active,tightpage]{preview}

PreviewEnvironment{tikzpicture}

setlengthPreviewBorder{5pt}%

%%%>



begin{comment}

:Title: User Interface Class diagram

end{comment}



%COLORS

definecolor{Recessive}{RGB}{77, 87, 98}    %BLUE

definecolor{Dominant}{RGB}{229, 126, 49}   %ORANGE



%WRITE CODE

deftitle#1{Klassendiagramm:smallbreak fontsize{14}{14}textbf{texttt{#1}}}

defcode#1{texttt{#1}newline}

defcodeEnd#1{texttt{#1}}



usetikzlibrary{positioning,shapes,shadows,arrows}



begin{document}

tikzstyle{abstract}=[rectangle, draw=black, rounded corners, fill=Recessive, drop shadow,text centered, anchor=north, text=white, text width=3cm]

tikzstyle{comment}=[rectangle, draw=black, rounded corners, text centered, anchor=north, text=white, text width=3cm]

tikzstyle{myarrow}=[->, >=open triangle 90, thick]

tikzstyle{line}=[-, thick]



begin{center}

begin{tikzpicture}[node distance=3.8cm]

node [text width=4cm] at (-7,0) {title{Interface}};



node (Client) [abstract, rectangle split, rectangle split parts=2]

    {

        textbf{Client}

        nodepart{second}Schnittstellen

    };



%NODE LEVEL 01

node (Level01) [text width=4cm, below=2.5cm of Client] {}; %LEVEL 01



%CONSOLE    

node (Console) [abstract, rectangle split, rectangle split parts=2, left=of Level01]

    {

        textbf{Console}

        nodepart{second}Benutzereingaben

    };  

begin{scope}



end{scope}     

node (Console_Comment) [comment, rectangle split, rectangle split parts=2, drop shadow, below=0.2cm of Console, text justified]

    {

        textbf{Funktionen}

        nodepart{second}code{Scripts} code{Format} code{getScripts} codeEnd{getCode}

    };

    node (Console_Comment) [comment, rectangle split, rectangle split parts=2, rectangle split part fill={red,blue}, below=0.2cm of Console, text justified]

    {

        textbf{Funktionen}

        nodepart{second}code{Scripts} code{Format} code{getScripts} codeEnd{getCode}

    };

end{tikzpicture}

end{center}

end{document}

in year 2010 Mark Wibrow suggested me (for the similar problem) the hack which enable correct dropping show at custom fill of multi part node shape. using it in your (now really) mwe is:

documentclass[tikz, margin=3mm]{standalone}

usetikzlibrary{positioning,

                shadows,

                shapes.multipart}

pgfdeclarelayer{foreground}

pgfdeclarelayer{background}

pgfsetlayers{background,main,foreground}

makeatletter

deftikz@extra@preaction#1{% suggested Mark Wibrow on c.t.t. (2010)

  {%

    pgfsys@beginscope%

      setboxtikz@figbox=boxvoidb@x%

      begingrouptikzset{#1}expandafterendgroup%

      expandafterdefexpandaftertikz@preaction@layer

expandafter{tikz@preaction@layer}%

      ifxtikz@preaction@layerpgfutil@empty%

      path[#1];% do extra path

      else%

      begin{pgfonlayer}{tikz@preaction@layer}%

      path[#1];%

      end{pgfonlayer}

      fi%

      pgfsyssoftpath@setcurrentpathtikz@actions@path% restore

      tikz@restorepathsize%

    pgfsys@endscope%

  }%

}

lettikz@preaction@layer=pgfutil@empty

tikzset{preaction layer/.store in=tikz@preaction@layer}

makeatother



tikzset{

mpv/.style = {% multi part vertical (node)

    rectangle split,

    rectangle split parts=2,

    rectangle split part fill={#1},

    draw, rounded corners, text width=3cm,

    align=center, text=white,

    dsl},

dsl/.style = {preaction layer=background, drop shadow}, % <-- this put drop shadow on background layer

        }



begin{document}

 begin{tikzpicture}[node distance = 2mm]

%CONSOLE

node (n1) [mpv=black!70]

    {

        textbf{Console}

        nodepart{two}  Benutzereingaben

    };

node (n2) [mpv={red,blue}, below=of n1]

    {

        textbf{Funktionen}

        nodepart[align=left]{two}  verb+Scripts+ \

                                    verb+Format+ \

                                    verb+getScripts+ \

                                    verb+getCode+

    };

end{tikzpicture}

end{document}

How does casting shadows work? A path gets stored and reused (while shifted). You could just do the same on the background layer. My answer uses the use path trick.

%USER INTERFACE CLASS DIAGRAMM

documentclass{minimal}

usepackage[a4paper,margin=1cm,landscape]{geometry}

usepackage{tikz}

usepackage{xcolor}



%%%<

usepackage{verbatim}

usepackage[active,tightpage]{preview}

PreviewEnvironment{tikzpicture}

setlengthPreviewBorder{5pt}%

%%%>



begin{comment}

:Title: User Interface Class diagram

end{comment}



%COLORS

definecolor{Recessive}{RGB}{77, 87, 98}    %BLUE

definecolor{Dominant}{RGB}{229, 126, 49}   %ORANGE



%WRITE CODE

deftitle#1{Klassendiagramm:smallbreak fontsize{14}{14}textbf{texttt{#1}}}

defcode#1{texttt{#1}newline}

defcodeEnd#1{texttt{#1}}



usetikzlibrary{positioning,shapes,shadows,arrows,backgrounds}

makeatletter % https://tex.stackexchange.com/a/38995/121799

tikzset{

  use path/.code={pgfsyssoftpath@setcurrentpath{#1}}

}

makeatother



begin{document}

tikzset{abstract/.style={rectangle, draw=black, rounded corners, fill=Recessive, drop shadow,

    text centered, anchor=north, text=white, text width=3cm},

comment/.style={rectangle, draw=black, rounded corners,

    text centered, anchor=north, text=white, text width=3cm},

myarrow/.style={->, >=open triangle 90, thick},

line/.style={-, thick}}



begin{center}

begin{tikzpicture}[node distance=3.8cm]

node [text width=4cm] at (-7,0) {title{Interface}};



node (Client) [abstract, rectangle split, rectangle split parts=2]

    {

        textbf{Client}

        nodepart{second}Schnittstellen

    };



%NODE LEVEL 01

node (Level01) [text width=4cm, below=2.5cm of Client] {}; %LEVEL 01



%CONSOLE    

node (Console) [abstract, rectangle split, rectangle split parts=2, left=of Level01]

    {

        textbf{Console}

        nodepart{second}Benutzereingaben

    };   

node (Console_Comment) 

[comment, rectangle split, rectangle split parts=2, rectangle split part fill={red,blue}, 

save path=tmpath, below=0.2cm of Console, text justified]

    {

        textbf{Funktionen}

        nodepart{second}code{Scripts} code{Format} code{getScripts} codeEnd{getCode}

    };

begin{scope}[on background layer]  

fill[black!50,opacity=0.5,

use path=tmpath,transform canvas={xshift=0.5ex,yshift=-0.5ex}];

end{scope}

end{tikzpicture}

end{center}

end{document}