{"id":31003,"date":"2024-10-28T10:44:12","date_gmt":"2024-10-28T10:44:12","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=31003"},"modified":"2024-11-26T06:46:44","modified_gmt":"2024-11-26T06:46:44","slug":"uwp-%ea%b0%9c%eb%b0%9c-pen%ea%b3%bc-shape","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/31003\/","title":{"rendered":"UWP \uac1c\ubc1c, Pen\uacfc Shape"},"content":{"rendered":"
\n
\n

UWP(Universal Windows Platform)\ub294 Microsoft\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ud50c\ub7ab\ud3fc\uc73c\ub85c, Windows 10\uc5d0\uc11c \uc2e4\ud589\ub418\ub294 \ub2e4\uc591\ud55c \ub514\ubc14\uc774\uc2a4\uc5d0\uc11c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc90d\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 UWP\uc5d0\uc11c Pen\uacfc Shape\ub97c \ud65c\uc6a9\ud558\uc5ec \uadf8\ub798\ud53d\uc744 \uadf8\ub9ac\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<\/header>\n

\n

UWP\uc5d0\uc11c\uc758 \uadf8\ub798\ud53d \ucc98\ub9ac\uc758 \uac1c\uc694<\/h2>\n

UWP\uc5d0\uc11c\ub294 \uadf8\ub798\ud53d\uc744 \ucc98\ub9ac\ud558\uae30 \uc704\ud574 XAML\uacfc C#\uc744 \uc0ac\uc6a9\ud558\ub294\ub370, \uc774\ub85c \uc778\ud574 \uac1c\ubc1c\uc790\ub294 UI\ub97c \uc27d\uace0 \ube60\ub974\uac8c \ub9cc\ub4e4\uace0 \uc0ac\uc6a9\uc790\uc640\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Pen\uacfc Shape\ub294 \uc774\ub7ec\ud55c \uadf8\ub798\ud53d \uad6c\ud604\uc5d0\uc11c \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud558\ub294 \uc694\uc18c\uc785\ub2c8\ub2e4.<\/p>\n<\/section>\n

\n

Pen \uc18c\uac1c<\/h2>\n

Pen \uac1d\uccb4\ub294 \uc120, \uace1\uc120 \ub610\ub294 \uae30\ud0c0 \uacbd\ub85c\ub97c \uadf8\ub9b4 \ub54c \uc0ac\uc6a9\ub418\ub294 \ub3c4\uad6c\uc785\ub2c8\ub2e4. Pen\uc740 \uc120\uc758 \uad75\uae30, \uc0c9\uc0c1, \uc2a4\ud0c0\uc77c \ub4f1\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

using Windows.UI.Xaml.Media;\n\/\/ Pen \uac1d\uccb4 \ub9cc\ub4e4\uae30\nvar myPen = new Pen\n{\n    Brush = new SolidColorBrush(Windows.UI.Colors.Blue),\n    Thickness = 2\n};<\/code><\/pre>\n<\/section>\n
\n
Shape \uc18c\uac1c<\/h2>\n
Shape\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \ub3c4\ud615\uc744 \uadf8\ub9ac\uae30 \uc704\ud55c \ud074\ub798\uc2a4\uc785\ub2c8\ub2e4. UWP\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uc5ec\ub7ec \uac00\uc9c0 Shape \ud074\ub798\uc2a4\uac00 \uc788\uc73c\uba70, Rectange, Ellipse, Line, Polygon, Path\uac00 \ud3ec\ud568\ub429\ub2c8\ub2e4. \uac01 \ud074\ub798\uc2a4\ub294 \ub2e4\uc591\ud55c \ud615\uc0c1\uc744 \ud45c\ud604\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n<\/section>\n
\n
\uae30\ubcf8\uc801\uc778 Pen \uc0ac\uc6a9 \uc608\uc81c<\/h2>\n
\uc544\ub798\uc758 \ucf54\ub4dc\ub294 UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c Pen\uc744 \uc0ac\uc6a9\ud558\uc5ec Canvas\uc5d0 \uc120\uc744 \uadf8\ub9ac\ub294 \uac04\ub2e8\ud55c \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n
<Canvas x:Name=\"myCanvas\">\n    <Path Stroke=\"{StaticResource MyPen}\" Data=\"M 20,20 L 200,200\" \/>\n<\/Canvas>\n\nprivate void DrawLine()\n{\n    var myPen = new Pen\n    {\n        Brush = new SolidColorBrush(Windows.UI.Colors.Red),\n        Thickness = 3\n    };\n    \n    var line = new Line\n    {\n        X1 = 20,\n        Y1 = 20,\n        X2 = 200,\n        Y2 = 200,\n        Stroke = myPen.Brush,\n        StrokeThickness = myPen.Thickness\n    };\n\n    myCanvas.Children.Add(line);\n}<\/code><\/pre>\n<\/section>\n
\n
\ub2e4\uc591\ud55c Shape \uc0ac\uc6a9 \uc608\uc81c<\/h2>\n
UWP\uc5d0\uc11c\ub294 \ub2e4\uc591\ud55c Shape\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\ub294 Rectangle\uacfc Ellipse\ub97c \uadf8\ub9ac\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n
<Canvas x:Name=\"myCanvas\">\n    <Rectangle Width=\"100\" Height=\"50\" Fill=\"Green\" \/>\n    <Ellipse Width=\"100\" Height=\"50\" Fill=\"Blue\" \/>\n<\/Canvas>\n\nprivate void DrawShapes()\n{\n    var rectangle = new Rectangle\n    {\n        Width = 100,\n        Height = 50,\n        Fill = new SolidColorBrush(Windows.UI.Colors.Green)\n    };\n\n    var ellipse = new Ellipse\n    {\n        Width = 100,\n        Height = 50,\n        Fill = new SolidColorBrush(Windows.UI.Colors.Blue)\n    };\n\n    myCanvas.Children.Add(rectangle);\n    myCanvas.Children.Add(ellipse);\n}<\/code><\/pre>\n<\/section>\n
\n
\uc0c1\ud638\uc791\uc6a9 \ucd94\uac00\ud558\uae30<\/h2>\n
Pen\uacfc Shape\ub97c \uc0ac\uc6a9\ud558\uc5ec \uadf8\ub798\ud53d\uc744 \uadf8\ub9b0 \ud6c4, \uc0ac\uc6a9\uc790\uc640\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ub9c8\uc6b0\uc2a4 \ud074\ub9ad \uc2dc \ub3c4\ud615\uc758 \uc0c9\uc0c1\uc744 \ubcc0\uacbd\ud558\ub294 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n
private void myCanvas_PointerPressed(object sender, PointerRoutedEventArgs e)\n{\n    var point = e.GetCurrentPoint(myCanvas).Position;\n    var ellipse = new Ellipse\n    {\n        Width = 50,\n        Height = 50,\n        Fill = new SolidColorBrush(Windows.UI.Colors.Red),\n        Margin = new Thickness(point.X, point.Y, 0, 0)\n    };\n    myCanvas.Children.Add(ellipse);\n}<\/code><\/pre>\n<\/section>\n
\n
UWP\uc5d0\uc11c Pen\uacfc Shape\uc758 \uc870\ud569 \ud65c\uc6a9<\/h2>\n
Pen\uacfc Shape\uc740 \ud568\uaed8 \uc0ac\uc6a9\ud558\uc5ec \ubcf5\uc7a1\ud55c \uadf8\ub798\ud53d\uc744 \uc27d\uac8c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc5ec\ub7ec \uac00\uc9c0 Shape\uc744 \uc870\ud569\ud558\uc5ec \ubcf5\uc7a1\ud55c \ub3c4\ud615\uc744 \ub9cc\ub4dc\ub294 \uac83\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \ub610\ud55c, Shape\uc758 \uacbd\ub85c\ub97c Pen\uc744 \uc0ac\uc6a9\ud558\uc5ec \uadf8\ub9b4 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
private void DrawComplexShape()\n{\n    var myPath = new Path\n    {\n        Stroke = new SolidColorBrush(Windows.UI.Colors.Black),\n        StrokeThickness = 1,\n        Data = Geometry.Parse(\"M 10,100 C 20,10, 40,10, 50,100\")\n    };\n\n    myCanvas.Children.Add(myPath);\n}<\/code><\/pre>\n<\/section>\n
\n
\uc131\ub2a5 \ucd5c\uc801\ud654<\/h2>\n
UWP\uc5d0\uc11c Pen\uacfc Shape\uc744 \uc0ac\uc6a9\ud558\uba74\uc11c \uc131\ub2a5\uc744 \ucd5c\uc801\ud654\ud558\ub294 \uac83\uc740 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4. \ud2b9\ud788 \ub9ce\uc740 \ub3c4\ud615\uc744 \uadf8\ub9b4 \ub54c\uc5d0\ub294 \uc131\ub2a5 \uc800\ud558\uac00 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c, \ubc30\uce58 \ubc0f \uc624\ud504\uc2a4\ud06c\ub9b0 \ub80c\ub354\ub9c1\uc744 \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
private void OptimizeRendering()\n{\n    var visualLayer = new DrawingVisual();\n    using (var dc = visualLayer.RenderOpen())\n    {\n        for (int i = 0; i < 1000; i++)\n        {\n            dc.DrawEllipse(new SolidColorBrush(Colors.Blue), null, new Point(i * 10, i * 10), 5, 5);\n        }\n    }\n}<\/code><\/pre>\n<\/section>\n