Gradient Button by Rectangle : Button « Windows Presentation Foundation « C# / C Sharp

Home C# / C Sharp 1. 2D Graphics 2. Class Interface 3. Collections Data Structure 4. Components 5. Data Types 6. Database ADO.net 7. Design Patterns 8. Development Class 9. Event 10. File Stream 11. Generics 12. GUI Windows Form 13. Language Basics 14. LINQ 15. Network 16. Office 17. Reflection 18. Regular Expressions 19. Security 20. Services Event 21. Thread 22. Web Services 23. Windows 24. Windows Presentation Foundation 25. XML 26. XML LINQ C# / C Sharp by API C# / CSharp Tutorial C# / CSharp Open Source

C# / C Sharp » Windows Presentation Foundation » Button Screenshots  Gradient Button by Rectangle         <Window x:Class="Workspace.DockExample"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     Title="Workspace" Width="640" Height="480">     <Grid x:Name="LayoutRoot">         <DockPanel RenderTransformOrigin="0.5,0.5" Margin="98,116,231,80" LastChildFill="False">             <DockPanel.RenderTransform>                 <TransformGroup>                     <ScaleTransform ScaleX="1" ScaleY="1"/>                     <SkewTransform AngleX="0" AngleY="0"/>                     <RotateTransform Angle="0"/>                     <TranslateTransform X="0" Y="0"/>                 </TransformGroup>             </DockPanel.RenderTransform>             <Rectangle Stroke="sc#1, 0.3, 0.3, 0.9" RadiusX="14.5" RadiusY="14.5" Height="110"                   x:Name="Rectangle" RenderTransformOrigin="0.5,0.5" MinHeight="0" Width="110"                   DockPanel.Dock="Bottom">                 <Rectangle.Fill>                     <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">                         <LinearGradientBrush.RelativeTransform>                             <TransformGroup>                                 <TranslateTransform X="-0.5" Y="-0.5"/>                                 <ScaleTransform ScaleX="1" ScaleY="1"/>                                 <SkewTransform AngleX="0" AngleY="0"/>                                 <RotateTransform Angle="-90"/>                                 <TranslateTransform X="0.5" Y="0.5"/>                                 <TranslateTransform X="0" Y="0"/>                             </TransformGroup>                         </LinearGradientBrush.RelativeTransform>                         <LinearGradientBrush.GradientStops>                             <GradientStopCollection>                                 <GradientStop Color="Red" Offset="0"/>                                 <GradientStop Color="sc#0, 1, 1, 1" Offset="1"/>                                 <GradientStop Color="sc#0, 0, 0, 0.2" Offset="0.4"/>                                 <GradientStop Color="sc#1, 0, 0, 0" Offset="0.8"/>                                 <GradientStop Color="sc#1, 0, 0, 0.6" Offset="0.1"/>                                 <GradientStop Color="Red" Offset="0.3"/>                                 <GradientStop Color="Yellow" Offset="0.9"/>                             </GradientStopCollection>                         </LinearGradientBrush.GradientStops>                     </LinearGradientBrush>                 </Rectangle.Fill>                 <Rectangle.RenderTransform>                     <TransformGroup>                         <TranslateTransform X="0" Y="0"/>                         <ScaleTransform ScaleX="1" ScaleY="1"/>                         <SkewTransform AngleX="0" AngleY="0"/>                         <RotateTransform Angle="0"/>                         <TranslateTransform X="0" Y="0"/>                         <TranslateTransform X="0" Y="0"/>                     </TransformGroup>                 </Rectangle.RenderTransform>             </Rectangle>         </DockPanel>     </Grid> </Window>                                      Related examples in the same category 1. Gradient background button 2. Shaking Button 3. Default Button 4. Button with Image source 5. Button with OpacityMask 6. The button and text block are up-side down in the custom coordinate system. 7. TextBox as Button Content 8. Button IsMouseOver 9. Using common TextElement attached properties 10. Button HorizontalAlignment="Center" 11. Fish Eye Buttons 12. Enlarge Button In Xaml 13. Click to rotate a Button 14. Click to scale a Button 15. Change Button Alignment, Margin, FontSize and Padding in Style Setting 16. Rotated 35 degrees 17. Set VerticalAlignment/HorizontalAlignment for Button 18. Button with Inline Property Trigger 19. The implementation of our button's Click event handler in Xaml 20. To add a button control and a text block to the canvas 21. Button mouse down event 22. Button mouse down preview 23. Simple Custom Button 24. Custom Shaped Button 25. Set Delay and Interval for RepeatButton 26. A simple template for a round button 27. Load style defined in Xaml and apply to the Button 28. Nested Button content 29. Button PreviewMouseLeftButtonDown action and MouseLeftButtonDown action 30. Button PreviewMouseDown action and MouseDown action 31. Button click action 32. Dynamically add Button to a Grid and add Action listener 33. Do event based on button name 34. Button Click event handler 35. Put Button onto a Grid 36. Add buttons to a Canvas with code