Canvas und ClipToBounds
Ein sehr schöner Effekt wie ich finde, um z.B. eine Art von TAB Menu zu erstellen. Hier verwende ich normale Buttons welche ich in ein Stackpanel packe und dieses widerum liegt in einem Canvas Panel und bekommt einen Canvas.Top Wert von -10 und ganz wichtig die Eigenschaft “ClipToBounds”. Etwas Farbe zur Veranschaulichung, Fertig : )
1 2 3 4 5 6 7 8 9 10 11 | <StackPanel Background="LightGreen"> <Canvas Background="DarkMagenta" Height="30" /> <Canvas Height="50" ClipToBounds="True"> <StackPanel Orientation="Horizontal" Canvas.Top="-10" Canvas.Left="10"> <Button Width="100" Height="50" Background="DarkMagenta" Foreground="White">menu 1</Button> <Button Width="100" Background="DarkMagenta" Foreground="White">menu 2</Button> <Button Width="100" Background="DarkMagenta" Foreground="White">menu 3</Button> <Button Width="100" Background="DarkMagenta" Foreground="White">menu 4</Button> </StackPanel> </Canvas> </StackPanel> |
ClipToBounds schneidet quasi den Rest der übersteht einfach ab…
