WPF学习笔记-第二周【基本笔刷】

VaryTheBackgroud P38

1     #region VaryTheBackgroud P38
2
3     /// <summary>
4     /// 改变背景的示例
5     /// 通过鼠标移动事件，根据鼠标对应的窗口中心位置的距离计算并改变窗口的背景颜色
6     /// </summary>
7     public class VaryTheBackgroud : Window
8     {
9         /// <summary>
10         /// 定义一个 Brush,存放窗口的背景颜色
11         /// </summary>
12         SolidColorBrush brush = new SolidColorBrush(Colors.Black);
13         /// <summary>
14         /// 构造窗口
15         /// </summary>
16         public VaryTheBackgroud()
17         {
18             //指定标题\高\宽和背景颜色
19             this.Title = "Vary The Backgroud";
20             this.Width = 384;
21             this.Height = 384;
22             Background = brush;
23         }
24
25         [STAThread]
26         static void Main()
27         {
28             //定义并运行程序
29             Application app = new Application();
30             app.Run(new VaryTheBackgroud());
31         }
32
33         /// <summary>
34         /// 重写鼠标移动事件
35         /// </summary>
36         /// <param name="e"></param>
37         protected override void OnMouseMove(MouseEventArgs e)
38         {
39             //base.OnMouseMove(e);
40             //获得窗口的工作区的宽和高(减去加框和标题栏后的高宽度)
41             double width = ActualWidth - 2 * SystemParameters.ResizeFrameVerticalBorderWidth;
42             double height = ActualHeight - 2 * SystemParameters.ResizeFrameHorizontalBorderHeight - SystemParameters.CaptionHeight;
43             //当前鼠标的位置
44             Point ptMouse=e.GetPosition(this);
45             //窗口工作区中心点
46             Point ptCenter=new Point(width/2,height/2);
47             //鼠标相对工作区中心的偏移量
48             Vector vectMouse = ptMouse - ptCenter;
49             //计算角度
50             double angle = Math.Atan2(vectMouse.Y, vectMouse.X);
51             //计算一个圆形的区域
52             Vector vectEllipse = new Vector(width / 2 * Math.Cos(angle), height / 2 * Math.Sin(angle));
53             //计算鼠标的位置与圆形区域的比例,并*255 以转换成颜色值
54             Byte byLevel = (byte)(255 * (1 - Math.Min(1, vectMouse.Length / vectEllipse.Length)));
55             //修改brush 的颜色
56             Color clr=brush.Color;
57
58             clr.R=clr.G=clr.B=byLevel;
59
60             brush.Color=clr;
61         }
62     }
63
64     //相关知识:
65     //1、Brush 的改变后会自动重画窗口，
66     //原因是因继承自Freezable类，该类实现了一个名为Changed的事件，会在发生改变后被触发。
67     //2、Colors 定义了141种颜色，Brushs也同样的定义了同名的141种画刷
68     //3、如果直接 SolidColorBrush brush =Brushs.Black 后再来指定颜色则会报错，因由 Brushs 所得的画刷对象是处于冻结状态的，不能再被改变
69     //4、被冻结的Freezable对象可以在不同的线程之间共享，未被冻结的则不行。
70
71     #endregion

FlipTroughTheBrushes P41

1     #region FlipTroughTheBrushes P41
2
3     /// <summary>
4     /// 使用 Brushes 类定义的 141 种颜色笔刷填充窗口
5     /// 通过重写 OnKeyDown 事件按一下下方向键，就使用一种颜色的笔刷填充窗口
6     /// </summary>
7     public class FlipThroughTheBushes:Window
8     {
9         //定义计数器和笔刷组
10         int index = 0;
11         PropertyInfo[] props;
12
13         [STAThread]
14         public static void Main()
15         {
16             Application app = new Application();
17             app.Run(new FlipThroughTheBushes());
18         }
19
20         public FlipThroughTheBushes()
21         {
22             //通过反射获取 Brushes 类定义的所有公有成员和静态成员
23             //BindingFlags 标识成员的类型，Brushes 只有Public 和 static 所以可以不用限制
24             props = typeof(Brushes).GetProperties(BindingFlags.Public | BindingFlags.Static);
25             //设置窗口标题和背景颜色
26             setTitleAndBackground();
27         }
28
29         /// <summary>
30         /// 重写 OnKeyDown 事件
31         /// </summary>
32         /// <param name="e"></param>
33         protected override void OnKeyDown(KeyEventArgs e)
34         {
35             //根据上下方向键的动作来设定计数
36             if (e.Key == Key.Down || e.Key == Key.Up)
37             {
38                 index += e.Key == Key.Up ? 1 : props.Length - 1;
39
40                 index %= props.Length;
41                 //设置窗口标题和背景颜色
42                 setTitleAndBackground();
43             }
44             base.OnKeyDown(e);
45         }
46         /// <summary>
47         /// 设置窗口标题和背景颜色
48         /// </summary>
49         void setTitleAndBackground()
50         {
51             //在标题显示当前使用的颜色
52             Title = "Flip Through the Brushes -" + props[index].Name;
53             //设置背景色
54             //PropertyInfo[].GetValue(null,null) 在这里实际返回是的 SolidColorBrush 对象
55             Background = (Brush)props[index].GetValue(null, null);
56         }
57     }
58
59     //知识：
60     //1、System.Window 命名空间有 SystemColors 类其作用相似于 Colors 和 Brushes 只具有静态的只读property,返回Color值和SolidColorBrush对象。
61     //2、这些值存储在Windows的注册表中，可以由SystemColors.WindowColor 和 SystemColors.WindowTextBrush 获得用户对窗口工作区背景和文字颜色的喜好
62     //3、SystemColors返回的画刷是冻结的可以 Brush brush=new SystemColorBrush(SystemColors.WindowColor); 但不能改变 Brush brush=SystemColors.WindowBrush; 这样的画刷
63     //4、继承自Freezable 的类对象有冻结的问题，但Color 是结构体，没有冻结的问题。
64     //5、SolidColorBrush 是单色画刷，渐变画刷是： LinearGradientBrush
65
66     #endregion

GradilteTheBrush P43

1     #region GradilteTheBrush P43
2
3     /// <summary>
4     /// 以渐变色填充窗口工作区
5     /// </summary>
6     public class GradialteTheBrush : Window
7     {
8         [STAThread]
9         public static void Main()
10         {
11             Application app = new Application();
12             app.Run(new GradialteTheBrush());
13         }
14         public GradialteTheBrush()
15         {
16             Title = "Gradiate The Brush";
17             // 定义一个渐变色的画刷，LinearGradientBrush中从 Point(0, 0)到 Point(1, 1)就是指从窗口工作区的右上角到左下角
18             //LinearGradientBrush brush = new LinearGradientBrush(Colors.Red, Colors.Blue, new Point(0, 0), new Point(1, 1));
19
20
21             LinearGradientBrush brush = new LinearGradientBrush(Colors.Red, Colors.Blue, new Point(0, 0), new Point(0.25, 0.25));
22             brush.SpreadMethod = GradientSpreadMethod.Reflect;
23
24             //指定为背景色
25             Background = brush;
26         }
27
28     }
29
30     //知识：
31     //1、WPF中的点是与设备无关的，WPF渐变画刷有特性是让你不用基于窗口尺寸来调整的点，默认情况下你指定的点是相对于表面的，这里的表面被视为一个单位宽一个单位高，即左上角为（0，0），右下角为（1，1）,左下角为（0，1）右下角为（1，0）
32     //2、LinearGradientBrush 设置的渐变色效果是以两点进行连线，连线中点的颜色就是两点颜色的平均值，垂直与连线的线上的点颜色是相同的
33     //3、LinearGradientBrush 的重载版本中可以设置360度角度（angle）进行渐变填充如 new LinearGradientBrush(Color1, Color2, angle）
34     //4、LinearGradientBrush 的重载版本中垂直渐变填充如 new LinearGradientBrush(Color1, Color2, new Point(0, 0), new Point(1, 1)）
35     //5、LinearGradientBrush 的重载版本中任意角度渐变填充如 new LinearGradientBrush(Color1, Color2, new Point(0, 0), new Point(cos(angle),sin(angle)));
36
37     #endregion

AdjustTheBrush P47

1     #region AdjustTheBrush P47
2
3     /// <summary>
4     /// 对角线为渐变中线的渐变画刷填充
5     /// </summary>
6     public class AdjustTheGradient : Window
7     {
8         LinearGradientBrush brush;
9
10         [STAThread]
11         static void Main()
12         {
13             Application app = new Application();
14             app.Run(new AdjustTheGradient());
15         }
16
17         public AdjustTheGradient()
18         {
19             Title = "Adjust The Gradient";
20             SizeChanged += WindowOnSizeSizeChanged;
21             brush = new LinearGradientBrush(Colors.Red, Colors.Blue, 0);
22             brush.MappingMode = BrushMappingMode.Absolute;
23             Background = brush;
24         }
25
26         void WindowOnSizeSizeChanged(object sender, SizeChangedEventArgs e)
27         {
28             double width = ActualWidth - 2 * SystemParameters.ResizeFrameVerticalBorderWidth;
29             double height = ActualHeight - 2 * SystemParameters.ResizeFrameHorizontalBorderHeight - SystemParameters.CaptionHeight;
30
31             Point ptCenter = new Point(width / 2, height / 2);
32             Vector vectDiag = new Vector(width, -height);
33             Vector vectperp = new Vector(vectDiag.Y, -vectDiag.X);
34
35             vectperp.Normalize();
36             vectperp *= width * height / vectDiag.Length;
37
38             brush.StartPoint = ptCenter + vectperp;
39             brush.EndPoint = ptCenter - vectperp;
40         }
41
42     }
43     //知识：
44     //1、  StartPoint 和是LinearGradientBrush仅有的两个 property
45     //2、  LinearGradientBrush 可以使用 GradientBrush 定义的GradinetStops property 设置更多的颜色
46     //3、 new GradientStop(color1,offset);
47
48     #endregion

FollowTheRainbow P48

1     #region FollowTheRainbow P48
2
3     /// <summary>
4     /// 彩虹颜色的窗体
5     /// </summary>
6     class FollowTheRainbow:Window
7     {
8         [STAThread]
9         static void Main()
10         {
11             Application app = new Application();
12             app.Run(new FollowTheRainbow());
13         }
14
15         public FollowTheRainbow()
16         {
17             Title = "Follow The Rainbow";
18             LinearGradientBrush brush = new LinearGradientBrush();
19             brush.StartPoint = new Point(0, 0);
20             brush.EndPoint = new Point(1, 0);
21
22             Background = brush;
23
24             // 采用Rey G.Biv 的彩虹记住系统
25             brush.GradientStops.Add(new GradientStop(Colors.Red, 0));
26             brush.GradientStops.Add(new GradientStop(Colors.Orange, .17));
27             brush.GradientStops.Add(new GradientStop(Colors.Yellow,.33));
28             brush.GradientStops.Add(new GradientStop(Colors.Green, .5));
29             brush.GradientStops.Add(new GradientStop(Colors.Blue, .67));
30             brush.GradientStops.Add(new GradientStop(Colors.Indigo, .84));
31             brush.GradientStops.Add(new GradientStop(Colors.Violet, 1));
32         }
33
34     }
35
36     #endregion

FollowTheRainbow P49

1     #region FollowTheRainbow P49
2
3     /// <summary>
4     /// 由内向处的彩虹颜色的窗体
5     /// </summary>
6     class ClrcleTheRainbow : Window
7     {
8         [STAThread]
9         static void Main()
10         {
11             Application app = new Application();
12             app.Run(new ClrcleTheRainbow());
13         }
14
15         public ClrcleTheRainbow()
16         {
17             Title = "Follow The Rainbow";
18             RadialGradientBrush brush = new RadialGradientBrush();
19             Background = brush;
20
21             // 采用Rey G.Biv 的彩虹记住系统
22             brush.GradientStops.Add(new GradientStop(Colors.Red, 0));
23             brush.GradientStops.Add(new GradientStop(Colors.Orange, .17));
24             brush.GradientStops.Add(new GradientStop(Colors.Yellow, .33));
25             brush.GradientStops.Add(new GradientStop(Colors.Green, .5));
26             brush.GradientStops.Add(new GradientStop(Colors.Blue, .67));
27             brush.GradientStops.Add(new GradientStop(Colors.Indigo, .84));
28             brush.GradientStops.Add(new GradientStop(Colors.Violet, 1));
29         }
30
31     }
32
33     #endregion

FollowTheRainbow P51

1     #region FollowTheRainbow P51
2
3     /// <summary>
4     /// 同心圆的渐变
5     /// </summary>
6     class ClickTheGradientCenter : Window
7     {
8         [STAThread]
9         static void Main()
10         {
11             Application app = new Application();
12             app.Run(new ClickTheGradientCenter());
13         }
14         RadialGradientBrush brush;
15         public ClickTheGradientCenter()
16         {
17             Title = "Click The Gradient Center";
18             brush = new RadialGradientBrush(Colors.White,Colors.Red);
19             brush.RadiusX = brush.RadiusY = .10;
20             brush.SpreadMethod = GradientSpreadMethod.Repeat;
21             Background = brush;
22         }
23
24         protected override void OnMouseDown(MouseButtonEventArgs e)
25         {
26             double width = ActualWidth - 2 * SystemParameters.ResizeFrameVerticalBorderWidth;
27             double height = ActualHeight - 2 * SystemParameters.ResizeFrameHorizontalBorderHeight - SystemParameters.CaptionHeight;
28
29             Point ptMouse = e.GetPosition(this);
30             ptMouse.X /= width;
31             ptMouse.Y /= height;
32
33             if (e.ChangedButton == MouseButton.Left)
34             {
35                 brush.Center = ptMouse;
36                 brush.GradientOrigin = ptMouse;
37             }
38             else if (e.ChangedButton==MouseButton.Right)
39             {
40                 brush.GradientOrigin = ptMouse;
41             }
42         }
43
44     }
45
46     #endregion

FollowTheRainbow P52

1     #region FollowTheRainbow P52
2
3     /// <summary>
4     /// 同心圆的渐变
5     /// </summary>
6     class RotateTheGradientOrigin : Window
7     {
8         [STAThread]
9         static void Main()
10         {
11             Application app = new Application();
12             app.Run(new RotateTheGradientOrigin());
13         }
14         RadialGradientBrush brush;
15         double angle;
16
17         public RotateTheGradientOrigin()
18         {
19             Title = "Rotate The Gradient Origin";
20             this.WindowStartupLocation = WindowStartupLocation.CenterScreen;
21             Width = 384;
22             Height = 384;
23             brush = new RadialGradientBrush(Colors.White, Colors.Blue);
24             brush.RadiusX = brush.RadiusY = .10;
25             brush.SpreadMethod = GradientSpreadMethod.Repeat;
26             //Background = brush;
27             Background = new LinearGradientBrush(Colors.Red, Colors.Blue, new Point(0, 0), new Point(1, 1));
28
29             //BorderBrush = Brushes.SaddleBrown;
30             //BorderThickness = new Thickness(25, 50, 75, 100);
31             BorderBrush = new LinearGradientBrush(Colors.Red, Colors.Blue, new Point(0, 0), new Point(1, 1));
32             BorderThickness = new Thickness(50);
33
34             DispatcherTimer timer = new DispatcherTimer();
35             timer.Interval = TimeSpan.FromMilliseconds(100); ;
36             timer.Tick += timerOnTick;
37             timer.Start();
38         }
39
40
41
42         void timerOnTick(object sender, EventArgs e)
43         {
44
45             Point pt = new Point(.5 + .05 * Math.Cos(angle), .5 + .05 * Math.Sin(angle));
46             brush.GradientOrigin = pt;
47             angle += Math.PI / 6;//ie ,30 degrees
48         }
49     }
50
51     #endregion

第一部份代码

第二章基本笔刷

第一个示例

第二个示例

第三个示例

第四个示例

第五个示例

第六个示例

第七个示例

第八个示例

公告