【WIN10】WIN2D——基本圖形的繪製

DEMO下載地址：http://yunpan.cn/c3iNuHFFAcr8h （提取码：8e48）

 

先看一個截圖：

 

繪製了一些基本形狀。

DEMO的繪製代碼都非常簡單，不想在博客裡細說了，看代碼更為清晰些。

 

可能繪製扇形的代碼有些麻煩些。

微軟是使用鐘錶的轉動方向（順時針）作為弧度運轉方向的，所以角度30度，是會在x座標下的，而不是通常的在x座標上面。

 

帖一下畫鐘錶的代碼，是非常簡單的：

        private void clock_Draw(CanvasControl sender, CanvasDrawEventArgs args)
        {
            float radius = (float)sender.ActualWidth / 2 - 4;
            Vector2 center = new Vector2((float)sender.ActualWidth / 2, (float)sender.ActualWidth / 2);

            for (int i = 0; i < 60; ++i)
            {
                int borderSize = 1;
                Vector2 begin = new Vector2(radius  + center.X - 3, center.Y);
                Vector2 end = new Vector2(radius + center.X, center.Y);

                if (i % 15 == 0)
                {
                    borderSize = 4;
                    begin = new Vector2(center.X + radius - 15, center.Y);                    
                }
                else if (i % 5 == 0)
                {
                    borderSize = 2;
                    begin = new Vector2(radius + center.X - 10, center.Y);
                }

                args.DrawingSession.Transform = Matrix3x2.CreateRotation(TimeValue2Radion(i, 60), center);
                args.DrawingSession.DrawLine(begin, end, Color.FromArgb(255, 255, 255, 255), borderSize);
            }

            args.DrawingSession.DrawCircle(center, radius, Color.FromArgb(255, 255, 255, 255), 2);

            // 結點處是圓，指向處為三角
            CanvasStrokeStyle lineStyle = new CanvasStrokeStyle();
            lineStyle.StartCap = CanvasCapStyle.Round;
            lineStyle.EndCap = CanvasCapStyle.Triangle;

            // 時針
            float hours = DateTime.Now.Hour % 12 + DateTime.Now.Minute / 60.0f + DateTime.Now.Second / 60.0f / 24.0f; // 12小時制
            float intervalHours = hours - 3.0f; // 3點是0度
            float hourRadian = TimeValue2Radion(intervalHours, 12);
            args.DrawingSession.Transform = Matrix3x2.CreateRotation(hourRadian, center);
            args.DrawingSession.DrawLine(center, new Vector2(center.X + 80, center.Y), Color.FromArgb(255, 255, 255, 255), 5, lineStyle);

            // 分針
            float minutes = DateTime.Now.Minute+ DateTime.Now.Second / 60.0f;
            float intervalMinutes = minutes - 15; // 15分钟是0度
            float minuteRadian = TimeValue2Radion(intervalMinutes, 60);
            args.DrawingSession.Transform = Matrix3x2.CreateRotation(minuteRadian, center);
            args.DrawingSession.DrawLine(center, new Vector2(center.X + 100, center.Y), Color.FromArgb(255, 255, 255, 255), 2, lineStyle);

            // 秒針
            float seconds = DateTime.Now.Second;
            float intervalSeconds = seconds - 15; // 15秒是0度
            float secondRadian = TimeValue2Radion(intervalSeconds, 60);
            args.DrawingSession.Transform = Matrix3x2.CreateRotation(secondRadian, center);
            args.DrawingSession.DrawLine(center, new Vector2(center.X + 120, center.Y), Color.FromArgb(255, 255, 255, 255));
        }

        private float TimeValue2Radion(float intervalTime, int total)
        {
            return intervalTime / total * 360 * (float)Math.PI / 180;
        }

 

 

因為今天只寫了這麼一個例子，就先發一個了。

後面再一一補上。