{"id":15322,"date":"2024-01-26T11:34:05","date_gmt":"2024-01-26T11:34:05","guid":{"rendered":"https:\/\/bestkora.com\/IosDeveloper\/?p=15322"},"modified":"2024-08-30T10:59:52","modified_gmt":"2024-08-30T10:59:52","slug":"lektsiya-7-shape-viewmodifier-constants-cs193p-spring-2023","status":"publish","type":"post","link":"https:\/\/bestkora.com\/IosDeveloper\/lektsiya-7-shape-viewmodifier-constants-cs193p-spring-2023\/","title":{"rendered":"\u041b\u0435\u043a\u0446\u0438\u044f 7. Shape, ViewModifier, Constants. CS193P Spring 2023."},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n

\u041d\u0438\u0436\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u041b\u0435\u043a\u0446\u0438\u0438 7 \u0421\u0442\u044d\u043d\u0444\u043e\u0440\u0434\u0441\u043a\u043e\u0433\u043e \u043a\u0443\u0440\u0441\u0430 CS193P \u0412\u0435\u0441\u043d\u0430 2023<\/a> <\/strong>«\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SwiftUI<\/strong>«.
\u041f\u043e\u043b\u043d\u044b\u0439 \u0440\u0443\u0441\u0441\u043a\u043e\u044f\u0437\u044b\u0447\u043d\u044b\u0439 \u043d\u0435\u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0441\u043f\u0435\u043a\u0442 \u041b\u0435\u043a\u0446\u0438\u0438 7 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435\u00a0Google Doc<\/strong>\u00a0\u0438 \u0432 \u0432\u0438\u0434\u0435 PDF<\/strong>-\u0444\u0430\u0439\u043b\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c offline, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0437\u0434\u0435\u0441\u044c<\/strong><\/a>.<\/span>
\u041a\u043e\u0434 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 GitHub<\/strong><\/a>.<\/span><\/p>\n\n\n\n

\u0421 \u043f\u043e\u043b\u043d\u044b\u043c \u043f\u0435\u0440\u0435\u0447\u043d\u0435\u043c \u041b\u0435\u043a\u0446\u0438\u0439 \u0438 \u0414\u043e\u043c\u0430\u0448\u043d\u0438\u0445 \u0417\u0430\u0434\u0430\u043d\u0438\u0439 \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0437\u0434\u0435\u0441\u044c<\/strong><\/a>.<\/span><\/p>\n\n\n\n

\u0427\u0442\u043e \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c \u0441\u0435\u0433\u043e\u0434\u043d\u044f? <\/span><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

. . . . . . . . . .<\/strong><\/span><\/p>\n\n\n\n

\u041e\u0434\u043d\u0430 \u0438\u0437 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f, \u044d\u0442\u043e \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0442\u0430\u0439\u043c\u0435\u0440 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u043e\u0442\u0441\u0447\u0435\u0442\u0430.
\u0418 \u044d\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u043e\u043e\u0434\u0443\u0448\u0435\u0432\u043b\u044f\u0435\u0442 \u0432\u0430\u0441 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0432\u044b\u0431\u0438\u0440\u0430\u043b \u043a\u0430\u0440\u0442\u044b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u043e\u0447\u043a\u043e\u0432. \u0427\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u043e\u0442\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0434\u043e \u0432\u044b\u0431\u043e\u0440\u0430 \u0432\u0430\u043c\u0438 \u043a\u0430\u0440\u0442\u044b, \u0442\u0435\u043c \u043c\u0435\u043d\u044c\u0448\u0435 \u043e\u0447\u043a\u043e\u0432 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043a \u043c\u043e\u043c\u0435\u043d\u0442\u0443 \u0441\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u044f \u043a\u0430\u0440\u0442.
\u0418\u0442\u0430\u043a, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0442\u0430\u0439\u043c\u0435\u0440 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u043e\u0442\u0441\u0447\u0435\u0442\u0430. \u0415\u0441\u043b\u0438 \u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044e \u044d\u0442\u043e\u043c\u0443 \u0442\u0430\u0439\u043c\u0435\u0440\u0443 \u0438\u0434\u0442\u0438 \u0434\u043e \u043a\u043e\u043d\u0446\u0430, \u0442\u043e \u044f \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0443 \u043c\u043d\u043e\u0433\u043e \u0431\u0430\u043b\u043b\u043e\u0432, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 \u0441\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0442.
\u0415\u0441\u043b\u0438 \u044f \u043f\u0435\u0440\u0435\u0432\u0435\u0440\u043d\u0443 \u043a\u0430\u0440\u0442\u0443 \u043e\u0431\u0440\u0430\u0442\u043d\u043e, \u0442\u043e \u0442\u0430\u0439\u043c\u0435\u0440 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f.<\/span><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0412\u044b \u0432\u0438\u0434\u0435\u043b\u0438, \u043a\u0430\u043a \u0432\u0437\u043b\u0435\u0442\u0435\u043b\u0430 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0430\u044f \u0446\u0438\u0444\u0440\u0430 +2<\/span><\/strong>? \u042d\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043e \u0442\u043e\u043c, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u0431\u0430\u043b\u043b\u043e\u0432.
\u041f\u043e\u0437\u0432\u043e\u043b\u044c\u0442\u0435 \u043c\u043d\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437 \u043f\u043e\u043f\u044b\u0442\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043e\u0447\u043a\u043e\u0432. \u0422\u0435\u043f\u0435\u0440\u044c \u0445\u043e\u0440\u043e\u0448\u043e, \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043e\u0447\u043a\u043e\u0432 +13<\/span><\/strong>.<\/span><\/p>\n\n\n\n

\u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 Shape<\/span><\/strong><\/h2>\n\n\n\n

\u0418\u0442\u0430\u043a, \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0439 \u043a\u0440\u0443\u0433\u043b\u044b\u0439 \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0435\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u043e\u0442\u0441\u0447\u0435\u0442. \u041c\u044b \u043d\u0435 \u0431\u0443\u0434\u0435\u043c \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u0435\u0433\u043e\u0434\u043d\u044f, \u043d\u043e \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0441\u0432\u043e\u044e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u0438\u0433\u0443\u0440\u0443 Shape<\/span> \u0432 \u0432\u0438\u0434\u0435 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u043e\u0433\u043e \u201c\u043f\u0438\u0440\u043e\u0433\u0430\u201d.<\/span><\/p>\n\n\n\n

\u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442, \u044f \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0441\u044c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c\u0441\u044f \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u0430\u0440\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0432 \u0438\u0433\u0440\u0435, \u0434\u043e \u0447\u0435\u0442\u044b\u0440\u0435\u0445 \u043a\u0430\u0440\u0442:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0418 \u043c\u044b \u043f\u043e\u043b\u043e\u0436\u0438\u043c \u0432\u0441\u0435 \u043d\u0430\u0448\u0438 \u043a\u0430\u0440\u0442\u044b \u201c\u043b\u0438\u0446\u043e\u043c\u201d \u0432\u0432\u0435\u0440\u0445,  \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0442\u0430\u043c \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0447\u043d\u0435\u043c \u0441 \u043d\u0430\u0448\u0435\u0433\u043e CardView<\/span>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b \u0432\u0438\u0434\u0438\u0442\u0435 \u0437\u0434\u0435\u0441\u044c \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435.
\u042f \u0440\u0430\u0437\u043c\u0435\u0449\u0443 \u0442\u0430\u043c \u043a\u0440\u0443\u0433 Circle ( )<\/span> \u0432\u043c\u0435\u0441\u0442\u043e \u201c\u043f\u0438\u0440\u043e\u0433\u0430\u201d Pie<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0418 \u044d\u0442\u043e ZStack<\/span>. \u041e\u043d\u0438 \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Group<\/span>, \u043d\u043e \u044d\u0442\u043e \u0432\u0441\u0435 \u0435\u0449\u0435 ZStack<\/span>
\u0418 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043c\u0435\u0449\u0430\u044e Circle()<\/span> \u043f\u043e\u0437\u0430\u0434\u0438 \u0442\u0435\u043a\u0441\u0442\u0430 Text<\/span>. \u041c\u044b \u043f\u043e\u0447\u0442\u0438 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438, \u043f\u0440\u0430\u0432\u0434\u0430?
\u042d\u0442\u043e \u043d\u0435 \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span>, \u0430 \u043a\u0440\u0443\u0433 Circle()<\/span>, \u0438 \u043e\u043d \u0438\u043c\u0435\u0435\u0442 \u044f\u0440\u043a\u043e-\u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 \u0446\u0432\u0435\u0442, \u043f\u043e\u0436\u0430\u043b\u0443\u0439, \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u044f\u0440\u043a\u0438\u0439, \u0432\u0435\u0434\u044c \u0442\u0430\u0439\u043c\u0435\u0440 \u043d\u0435 \u0442\u0430\u043a \u0443\u0436 \u0438 \u0432\u0430\u0436\u0435\u043d. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043a \u043d\u0430\u0448\u0435\u043c\u0443 \u043a\u0440\u0443\u0433\u0443 Circle()<\/span> \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043d\u0435\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u0438
.opacity ( 0.5<\/span> )<\/span><\/strong>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u041c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0441\u043d\u0438\u0437\u0438\u0442\u044c \u0434\u043e .opacity ( 0.4<\/span> )<\/span><\/strong>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412\u0438\u0434\u0438\u0442\u0435, \u043a\u0440\u0443\u0433 \u0441\u0442\u0430\u043b \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u043c.
\u0415\u0449\u0435 \u043e\u0434\u043d\u0430 \u0432\u0435\u0449\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043c\u043d\u0435 \u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f, \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u043c\u043e\u0439 \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span> \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043f\u0440\u044f\u043c\u043e \u043a \u043a\u0440\u0430\u044e \u043a\u0430\u0440\u0442\u044b. \u042d\u0442\u043e \u043d\u0435 \u0442\u0430\u043a \u0443\u0436 \u0445\u043e\u0440\u043e\u0448\u043e.<\/span><\/p>\n\n\n\n\n\n\n\n

\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u043c \u044d\u0442\u043e \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u0443 Circle ()<\/span> \u0431\u044b\u043b\u0438 \u043e\u0442\u0441\u0442\u0443\u043f\u044b .padding (Constants.inset)<\/span>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443 \u043d\u0430\u0441 \u0431\u044b\u043b\u0438 \u0440\u0430\u043d\u044c\u0448\u0435. \u0412\u044b \u0432\u0438\u0434\u0438\u0442\u0435 \u044d\u0442\u0438 \u043e\u0442\u0441\u0442\u0443\u043f\u044b .padding (Constants.inset)<\/span> \u0437\u0434\u0435\u0441\u044c \u0432\u043d\u0438\u0437\u0443? \u042f \u0445\u043e\u0447\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e.
\u042f \u043c\u043e\u0433 \u0431\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 Text<\/span> \u0438 \u043a\u0440\u0443\u0433 Circle ()<\/span> \u0432 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 ZStack<\/span>, \u043d\u043e \u043c\u044b \u0443\u0436\u0435 \u0438\u0437\u0443\u0447\u0438\u043b\u0438 .background<\/span> \u0438 .overlay<\/span>, \u043f\u043e\u043c\u043d\u0438\u0442\u0435? \u0422\u0430\u043a \u0447\u0442\u043e \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044f \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0441\u044c \u043d\u0430\u043b\u043e\u0436\u0438\u0442\u044c .overlay<\/span> \u043d\u0430\u0448 \u0442\u0435\u043a\u0441\u0442 Text<\/span> \u043f\u043e\u0432\u0435\u0440\u0445 \u043a\u0440\u0443\u0433\u0430 Circle ()<\/span>.<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u042d\u0442\u043e \u0442\u0430\u043a\u0436\u0435 \u043f\u0440\u0438\u0434\u0430\u0435\u0442 \u043d\u0430\u0448\u0435\u043c\u0443 \u043a\u043e\u0434\u0443 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u0432\u0438\u0434.
\u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435, \u043c\u0438\u0441\u0442\u0435\u0440 \u201c\u041f\u0440\u0438\u0437\u0440\u0430\u043a\u201d \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0431\u043b\u0438\u0437\u043a\u043e \u043a  \u043a\u0440\u0430\u044e?
\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043c\u043d\u0435 \u0442\u043e\u0436\u0435 \u043d\u0443\u0436\u043d\u044b \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 Text<\/span>, \u0441\u043a\u0430\u0436\u0435\u043c: .padding(5)<\/span>:<\/span><\/p>\n\n\n\n

<\/p>\n\n\n\n

\u042d\u0442\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e? \u0414\u0430, \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0430 \u0441\u0430\u043c\u044b\u0439 \u043a\u0440\u0430\u0439. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044d\u043c\u043e\u0434\u0437\u0438 (\u0441\u043c\u0430\u0439\u043b\u0438\u043a\u0438) \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0442\u0430\u043a\u0438\u043c\u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0435, \u0447\u0442\u043e \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u043b\u0435\u0437\u0430\u0442\u044c \u0437\u0430 \u043a\u0440\u0430\u0439, \u043d\u043e \u044d\u0442\u043e, \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0440\u0430\u0437\u043c\u0435\u0440. \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0438\u0433\u0440\u0430\u0442\u044c \u0441 \u043e\u0442\u0441\u0442\u0443\u043f\u0430\u043c\u0438 .padding \u043f\u043e\u0437\u0436\u0435. \u041d\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430\u043c\u0438.
\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0438\u0445 \u043a \u043d\u0430\u0448\u0438\u043c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430\u043c Constants<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 struct<\/span> Pie<\/span> \u0443 \u0435\u0441\u0442\u044c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430 \u0434\u043b\u044f \u043d\u0435\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u0438 opacity<\/span> \u0438 \u0434\u043b\u044f \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u0432 inset<\/span>. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0438\u0445 \u0432 CardView<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0413\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0444\u0438\u0433\u0443\u0440\u0430 Pie<\/span><\/strong><\/h2>\n\n\n\n

\u042f \u0434\u0443\u043c\u0430\u044e, \u0447\u0442\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u0433\u043e\u0442\u043e\u0432\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span> \u0432\u043c\u0435\u0441\u0442\u043e \u043a\u0440\u0443\u0433\u0430 Circle ( )<\/span>. \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0432 SwiftUI<\/code> \u043d\u0435\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0439 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0444\u0438\u0433\u0443\u0440\u044b Pie<\/span>, \u0442\u0430\u043a \u0447\u0442\u043e \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u0438\u0433\u0443\u0440\u0443 Shape<\/span>.
\u041a\u0430\u043a \u043c\u044b \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u043c \u0434\u0435\u043b\u0430\u0442\u044c?
File<\/strong> -> New<\/strong> -> File<\/strong><\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u041c\u044b \u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e Shape<\/span> \u2014 \u044d\u0442\u043e SwiftUI<\/code> View<\/span>. \u041d\u043e \u0435\u0441\u043b\u0438 \u044f \u0432\u044b\u0431\u0435\u0440\u0443 \u044d\u0442\u043e\u0442 \u0448\u0430\u0431\u043b\u043e\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043b\u0435\u0432\u043e\u043c \u043d\u0438\u0436\u043d\u0435\u043c \u0443\u0433\u043b\u0443, \u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0443 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e var<\/span> body<\/span>, a \u043c\u044b \u0437\u043d\u0430\u0435\u043c, xnj \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b Shape<\/span> \u0441\u0430\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442 var<\/span> body<\/span> \u0434\u043b\u044f \u043d\u0430\u0441 \u0447\u0435\u0440\u0435\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 extension<\/span>, \u043d\u043e \u0443 \u043d\u0435\u0433\u043e \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0441\u0432\u043e\u044f \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f func<\/span> path<\/span>. \u0422\u0430\u043a \u0447\u0442\u043e \u043c\u044b \u0432\u044b\u0431\u0435\u0440\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u043e Swift File<\/code>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u042f \u043d\u0430\u0437\u043e\u0432\u0443 \u0441\u0432\u043e\u044e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u0438\u0433\u0443\u0440\u0443 Pie<\/span>, \u044d\u0442\u043e Shape<\/span> \u0432 \u0432\u0438\u0434\u0435 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u043e\u0433\u043e \u201c\u043f\u0438\u0440\u043e\u0433\u0430\u201d. \u042f \u0434\u043e\u043b\u0436\u0435\u043d \u0443\u0431\u0435\u0434\u0438\u0442\u044c\u0441\u044f, \u0447\u0442\u043e \u043f\u043e\u043b\u043e\u0436\u0438\u043b \u0435\u0433\u043e \u0432 \u043d\u0443\u0436\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0425\u043e\u0440\u043e\u0448\u043e, \u0442\u0435\u043f\u0435\u0440\u044c \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u041e\u0447\u0435\u0432\u0438\u0434\u043d\u043e, Shape<\/span>: \u2014 \u044d\u0442\u043e UI \u0432\u0435\u0449\u044c, \u0442\u0430\u043a \u0447\u0442\u043e \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c SwiftUI<\/strong>, \u0430 \u043d\u0435 Foundation<\/strong> \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 struct<\/span> Pie<\/span>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f Shape<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412\u0441\u044f\u043a\u0438\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b protocol<\/span> Shape<\/span>, \u043c\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u044d\u0442\u0443 \u0432\u0435\u0449\u044c, \u0442\u0430\u043a \u043a\u0430\u043a \u0432\u044b \u0441\u043a\u0430\u0437\u0430\u043b\u0438, \u0447\u0442\u043e \u044d\u0442\u043e Shape<\/span>, \u043d\u043e \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u0438.
\u041d\u043e \u043c\u044b \u043b\u044e\u0431\u0438\u043c \u0440\u0430\u0437\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u043e\u0448\u0438\u0431\u043a\u0443 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Fix<\/strong>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u0438 \u043d\u0430 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437 \u044d\u0442\u043e \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, \u0445\u043e\u0442\u044f \u043f\u043e\u0437\u0436\u0435 \u043d\u0430 \u044d\u0442\u043e\u0439 \u041b\u0435\u043a\u0446\u0438\u0438 \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442. \u0422\u0430\u043a \u0447\u0442\u043e \u043d\u0430 \u044d\u0442\u043e \u043d\u0435\u043b\u044c\u0437\u044f \u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c\u0441\u044f \u043d\u0430 100%, \u043d\u043e \u0434\u043b\u044f Shape<\/span> \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u0438 \u044d\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e func<\/span> path<\/span>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0445\u043e\u0447\u0435\u0442, \u0447\u0442\u043e\u0431\u044b \u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u043b Path.
\u041d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u0447\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u2014 \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a in rect: CGRect<\/span>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0432\u0430\u0441 \u043f\u0440\u043e\u0441\u044f\u0442 \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0432\u0430\u0448\u0443 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u0438\u0433\u0443\u0440\u0443. \u041e\u043d \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043b\u044e\u0431\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430, \u0435\u0441\u043b\u0438 \u0432\u044b \u0440\u0438\u0441\u0443\u0435\u0442\u0435 \u0432\u0430\u0448\u0443 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u0438\u0433\u0443\u0440\u0443 \u0432 \u043b\u044e\u0431\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435.
\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span>, \u043f\u043e\u0445\u043e\u0436\u0438\u0439 \u043d\u0430 \u043a\u0440\u0443\u0433 Circle<\/span>, \u0442\u0430\u043a \u0447\u0442\u043e Pie<\/span> \u0431\u0443\u0434\u0435\u0442 \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435.<\/span><\/p>\n\n\n\n

\u041e\u0434\u043d\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u0430\u0436\u043d\u0430\u044f \u0432\u0435\u0449\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u044c \u043e\u0431 \u044d\u0442\u043e\u043c \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0435 \u0438 \u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u0445, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c, \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u0430\u044f \u0442\u043e\u0447\u043a\u0430 \u0432 \u043b\u0435\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443  \u2014 \u044d\u0442\u043e \u043d\u0430\u0447\u0430\u043b\u043e \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 (origin<\/span>):<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u041c\u044b \u043f\u0440\u0438\u0432\u044b\u043a\u043b\u0438 \u043a \u0434\u0435\u043a\u0430\u0440\u0442\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442, \u043a\u043e\u0433\u0434\u0430 \u043d\u0430\u0447\u0430\u043b\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u0432 \u043b\u0435\u0432\u043e\u043c \u043d\u0438\u0436\u043d\u0435\u043c \u0443\u0433\u043b\u0443, \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 x \u0438\u0434\u0435\u0442 \u0432\u043f\u0440\u0430\u0432\u043e, a \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 y \u0438\u0434\u0435\u0442 \u0432\u0432\u0435\u0440\u0445, \u043d\u043e \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0440\u0438\u0441\u0443\u0435\u0442\u0435 \u0432 iOS<\/strong>, \u0432\u0430\u0448\u0435 \u043d\u0430\u0447\u0430\u043b\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u0432 \u043b\u0435\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443, \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 x \u0438\u0434\u0435\u0442 \u0432\u043f\u0440\u0430\u0432\u043e, a \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 y \u0438\u0434\u0435\u0442 \u0432\u043d\u0438\u0437. \u042d\u0442\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0430 \u201c\u043f\u0435\u0440\u0435\u0432\u0435\u0440\u043d\u0443\u0442\u0430\u044f\u201d \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442. \u041a \u044d\u0442\u043e\u043c\u0443 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u0432\u044b\u043a\u043d\u0443\u0442\u044c. \u0414\u043b\u044f \u0442\u0435\u0445 \u0438\u0437 \u0432\u0430\u0441, \u043a\u0442\u043e \u043f\u0440\u0438\u0432\u044b\u043a \u043a \u0434\u0435\u043a\u0430\u0440\u0442\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442, \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u0440\u0438\u0432\u044b\u043a\u0430\u043d\u0438\u0435, \u0438 \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u0438\u043c\u0435\u0435\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442. \u042d\u0442\u043e \u043c\u0435\u043b\u043e\u0447\u044c, \u043d\u043e \u044d\u0444\u0444\u0435\u043a\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e \u0431\u0443\u0434\u0435\u0442.
\u041f\u0440\u043e\u0441\u0442\u043e \u043e\u0441\u043e\u0437\u043d\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u043e\u0442 \u0444\u0430\u043a\u0442, \u0447\u0442\u043e \u0432\u0430\u0448\u0435 \u043d\u0430\u0447\u0430\u043b\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043b\u0435\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443, \u0430 \u043e\u0441\u044c y \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430 \u0432\u043d\u0438\u0437.<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u043c, \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043b\u0435\u0433\u043a\u043e \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 rect<\/span>, \u0438 \u0432\u044b \u0441\u0434\u0435\u043b\u0430\u0435\u0442\u0435 \u044d\u0442\u043e, \u0441\u043e\u0437\u0434\u0430\u0432 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e var<\/span> p<\/span> \u0440\u0430\u0432\u043d\u0443\u044e \u043f\u0443\u0441\u0442\u043e\u043c\u0443 Path ( )<\/span> \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044f \u0435\u0451:<\/span><\/p>\n\n\n\n

.<\/p>\n\n\n\n

\u0412 \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043a\u0435 \u043c\u0435\u0436\u0434\u0443 var<\/span> \u0438 return<\/span> \u044f \u043c\u043e\u0433\u0443 \u043f\u0440\u043e\u0432\u0435\u0441\u0442\u0438 \u043b\u0438\u043d\u0438\u044e, \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0434\u0443\u0433\u0443, \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u043a\u0440\u0438\u0432\u0443\u044e \u0411\u0435\u0437\u044c\u0435, \u0432\u0441\u0435, \u0447\u0442\u043e \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0432 \u044d\u0442\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0443 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c, \u0432 \u044d\u0442\u043e\u0439 \u201c\u043f\u0435\u0440\u0435\u0432\u0435\u0440\u043d\u0443\u0442\u043e\u0439\u201d \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442, \u0437\u0430\u0434\u0430\u0432\u0430\u0435\u043c\u043e\u0439 \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u043e\u043c rect<\/span>, \u043a\u0441\u0442\u0430\u0442\u0438, \u044d\u0442\u043e CGRect<\/span>.
\u0423 CGRect<\/span> \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0442\u043e\u0440, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0443\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0430\u0447\u0430\u043b\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 origin<\/span> \u0438 \u0440\u0430\u0437\u043c\u0435\u0440 size<\/span> \u0438\u043b\u0438 \u0448\u0438\u0440\u0438\u043d\u0443 width<\/span> \u0438 \u0432\u044b\u0441\u043e\u0442\u0443 height<\/span>.
\u0423 \u043d\u0435\u0433\u043e origin<\/span> \u0438 size<\/span>\u2014 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430. \u041d\u0430\u0447\u0430\u043b\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 origin<\/span> \u2014 \u044d\u0442\u043e \u0442\u043e\u0447\u043a\u0430 CGPoint<\/span>, \u0440\u0430\u0437\u043c\u0435\u0440 \u2014 CGSize<\/span>. \u0415\u0441\u0442\u044c \u0435\u0449\u0451 \u0448\u0438\u0440\u0438\u043d\u0430 width: CGFloat<\/span> \u0438 \u0432\u044b\u0441\u043e\u0442\u0443 height: CGFloat<\/span>.
\u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a rect<\/span> \u043a\u0430\u043a \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u0434\u043b\u044f \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0433\u043e \u0432 \u043d\u0430\u0448\u0435\u0439 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 p<\/span>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f Path<\/span>.<\/span><\/p>\n\n\n\n

\u041f\u043e\u0437\u0432\u043e\u043b\u044c\u0442\u0435 \u043c\u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0432\u0430\u043c \u044d\u0442\u0443 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u044f \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u043b \u043f\u0435\u0440\u0435\u0434 \u041b\u0435\u043a\u0446\u0438\u0435\u0439.<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u041f\u043e \u0441\u0443\u0442\u0438, \u0443 \u043c\u0435\u043d\u044f \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u043d \u043c\u043e\u0439 \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span> \u043e\u0442 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0443\u0433\u043b\u0430 startAngle<\/span> \u0434\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e endAngle<\/span> \u043f\u043e \u0434\u0443\u0433\u0435. \u0410 \u0437\u0430\u0442\u0435\u043c \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e. \u041d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0443\u0433\u043e\u043b startAngle<\/span> \u0431\u0443\u0434\u0435\u0442 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c, a \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0443\u0433\u043e\u043b endAngle<\/span> \u0431\u0443\u0434\u0435\u0442 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f.
\u0412\u043e\u0442 \u043c\u043e\u0439 \u0446\u0435\u043d\u0442\u0440 center<\/span>. \u041c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c \u0446\u0435\u043d\u0442\u0440. \u0418 \u0442\u043e\u0433\u0434\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0443\u0433\u043e\u043b startAngle<\/span> \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0438\u0437 \u0446\u0435\u043d\u0442\u0440\u0430 \u043e\u0442 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u0438, \u0430 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0443\u0433\u043e\u043b endAngle<\/span> \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0434\u0430\u043b\u044c\u0448\u0435 \u043f\u043e \u0434\u0443\u0433\u0435.
\u0427\u0442\u043e\u0431\u044b \u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u043c\u043e\u0439 \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span>, \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0443\u0433\u043e\u043b startAngle<\/span> \u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0443\u0433\u043e\u043b endAngle<\/span>. \u042d\u0442\u043e \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 var<\/span> \u0432 \u043c\u043e\u0435\u043c \u043f\u0438\u0440\u043e\u0433\u0435 Pie<\/span>.
\u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f var<\/span> startAngle<\/span> \u0431\u0443\u0434\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0422\u0418\u041f Angle<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0423 \u043d\u0435\u0433\u043e \u0435\u0441\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0432 Swift \u0422\u0418\u041f Angle<\/span>.
\u0423 Angle<\/span> \u0435\u0441\u0442\u044c \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u0432\u0435 \u0432\u0435\u0449\u0438. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0443\u0433\u043e\u043b Angle<\/span> \u0432 \u0433\u0440\u0430\u0434\u0443\u0441\u0430\u0445 .degrees (30)<\/span>, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, 30 \u0438\u043b\u0438 50 \u0433\u0440\u0430\u0434\u0443\u0441\u043e\u0432:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0418\u043b\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u0432 \u0440\u0430\u0434\u0438\u0430\u043d\u0430\u0445 .radians(.pi\/2)<\/span>, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 .pi\/2<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412\u0441\u0435 \u0437\u043d\u0430\u044e\u0442 \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u0440\u0430\u0434\u0438\u0430\u043d\u0430\u043c\u0438 \u0438 \u0433\u0440\u0430\u0434\u0443\u0441\u0430\u043c\u0438? \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u0437\u0430\u0434\u0430\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0438\u0437 \u043d\u0438\u0445.
\u042f \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0441\u044c \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u044d\u0442\u043e\u0439 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 var<\/span> \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e .degrees (0<\/strong><\/span>)<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u041c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438 .radians(0<\/span><\/strong>)<\/span>.
\u041d\u043e \u0434\u043b\u044f \u043d\u0443\u043b\u044f 0 <\/span><\/strong>\u0434\u0430\u0436\u0435 \u0435\u0441\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0435 \u2014 Angle.zero<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u042d\u0442\u043e \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435.
\u0418, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u044f \u043c\u043e\u0433\u0443 \u201c\u0432\u044b\u0432\u0435\u0441\u0442\u0438\u201d \u0422\u0418\u041f Angle<\/span> \u0438\u0437 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 (infer<\/code>) \u0438 \u0443\u0431\u0440\u0430\u0442\u044c \u043b\u0438\u0448\u043d\u0438\u0439 Angle<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0439 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0443\u0433\u043e\u043b endAngle<\/span>, \u0443 \u043d\u0435\u0433\u043e \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0441\u0442\u043e Angle<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0422\u0430\u043a \u0447\u0442\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0443\u0433\u043e\u043b endAngle<\/span> \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0434\u043b\u044f \u043c\u043e\u0435\u0439 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0444\u0438\u0433\u0443\u0440\u044b Pie<\/span>. \u0418\u0442\u0430\u043a, \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u0435 \u043c\u043d\u0435 \u044d\u0442\u0438 \u0434\u0432\u0430 \u0443\u0433\u043b\u0430, \u0442\u043e \u044f \u043d\u0430\u0440\u0438\u0441\u0443\u044e \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span>.
\u041a\u0430\u043a \u044f \u0431\u0443\u0434\u0443 \u044d\u0442\u043e \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c?<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u042f \u043d\u0430\u0447\u043d\u0443 \u0441 \u0446\u0435\u043d\u0442\u0440\u0430<\/strong>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u0438 \u043e\u0442\u043c\u0435\u0442\u0438\u043b \u044d\u0442\u043e\u0442 \u0446\u0435\u043d\u0442\u0440 \u0436\u0435\u043b\u0442\u043e\u0439 \u0442\u043e\u0447\u043a\u043e\u0439. \u0417\u0430\u0442\u0435\u043c \u044f \u043f\u0435\u0440\u0435\u0439\u0434\u0443 \u043a \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0439<\/strong> \u0442\u043e\u0447\u043a\u0435. \u0417\u0430\u0442\u0435\u043c \u043e\u0442 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0439 \u0442\u043e\u0447\u043a\u0438<\/strong> \u0438 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0443\u0433\u043b\u0430 <\/strong>\u043f\u0440\u043e\u0439\u0434\u0443 \u0432\u0434\u043e\u043b\u044c \u0434\u0443\u0433\u0438 \u0434\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0443\u0433\u043b\u0430<\/strong>, \u0430 \u0437\u0430\u0442\u0435\u043c  \u0432\u0435\u0440\u043d\u0443\u0441\u044c \u0432 \u0446\u0435\u043d\u0442\u0440. \u0422\u0430\u043a \u044f \u0441\u043e\u0437\u0434\u0430\u043c \u0441\u0432\u043e\u044e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u0438\u0433\u0443\u0440\u0443 Shape<\/span> — Pie<\/span>.<\/span><\/p>\n\n\n\n

\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u043d\u0435 \u043d\u0443\u0436\u0435\u043d \u0446\u0435\u043d\u0442\u0440, \u0438 \u0435\u043c\u0443 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430 let<\/span> center<\/span>, \u044d\u0442\u043e \u0442\u043e\u0447\u043a\u0430 CGPoint<\/span>, \u0443 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0435\u0441\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 x<\/span>, \u0438 \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0430 rect.midX<\/span> \u043c\u043e\u0435\u0433\u043e \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 rect<\/span> \u0438 y<\/span> \u2014 \u044d\u0442\u043e \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0430 rect.midY<\/span> \u043c\u043e\u0435\u0433\u043e \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 rect<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0433\u0434\u0435 midX<\/span> \u0438 midY<\/span> \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c\u044b\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 var<\/span> \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 CGRect<\/span>, \u043e\u043d\u0438 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u0432\u0430\u043c \u0435\u0433\u043e \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0443.<\/span><\/p>\n\n\n\n

\u041f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u044f \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0435\u043c Path p<\/span> \u2014 \u044d\u0442\u043e \u043f\u0435\u0440\u0435\u0434\u0432\u0438\u043d\u0443\u0441\u044c move \u0432 \u044d\u0442\u0443 \u0442\u043e\u0447\u043a\u0443 center<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412 Path<\/span> \u0435\u0441\u0442\u044c \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435\u043c move<\/span> \u0438 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u0438\u043d\u0438\u0439 addLine<\/span>. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u044e\u0441\u044c move<\/span> \u0432 \u0446\u0435\u043d\u0442\u0440<\/strong>, \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0440\u0438\u0441\u0443\u044f, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u043e\u0442\u0442\u0443\u0434\u0430.
\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0443\u044e \u0442\u043e\u0447\u043a\u0443<\/strong>, \u0447\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043b\u0438\u043d\u0438\u044e \u0438\u0437 \u0446\u0435\u043d\u0442\u0440\u0430 \u0432 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0443\u044e <\/strong>\u0442\u043e\u0447\u043a\u0443, a \u0437\u0430\u0442\u0435\u043c \u043f\u043e\u0439\u0442\u0438 \u043f\u043e \u0434\u0443\u0433\u0435.<\/span><\/p>\n\n\n\n

\u041a\u0430\u043a \u044f \u043f\u043e\u043b\u0443\u0447\u0443 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0443\u044e \u0442\u043e\u0447\u043a\u0443<\/strong>?
\u042f \u043d\u0430\u0437\u043e\u0432\u0443 \u044d\u0442\u0443 \u0442\u043e\u0447\u043a\u0443 start<\/span>, let<\/span> start: CGPoint<\/span>. \u0414\u0430\u043b\u0435\u0435 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u043d\u044f\u0442\u044c\u0441\u044f \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0435\u0439. \u042f \u043d\u0435 \u0437\u043d\u0430\u044e, \u043f\u043e\u043c\u043d\u0438\u0442\u0435 \u043b\u0438 \u0432\u044b \u0443\u0440\u043e\u043a\u0438 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0438, \u043d\u043e \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u041a\u0430\u043a\u043e\u0439 \u0431\u044b \u0443 \u043c\u0435\u043d\u044f \u043d\u0438 \u0431\u044b\u043b \u0440\u0430\u0434\u0438\u0443\u0441 radius<\/span>, \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0435\u0433\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c, \u0438 \u0443\u043c\u043d\u043e\u0436\u0438\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430 cos<\/span> \u0438\u043b\u0438 sin<\/span> \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0443\u0433\u043b\u0430 startAngle<\/span> \u0432 \u0440\u0430\u0434\u0438\u0430\u043d\u0430\u0445, \u043a\u043e\u043d\u0435\u0447\u043d\u043e. \u041a\u043e\u0433\u0434\u0430 \u043c\u044b \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c cos<\/span> \u0438\u043b\u0438 sin<\/span>, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u044b \u0440\u0430\u0434\u0438\u0430\u043d\u044b.
\u042f \u043d\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0441\u044c \u0431\u0440\u0430\u0442\u044c \u0442\u0430\u0439\u043c-\u0430\u0443\u0442 \u0438 \u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043f\u043e\u044f\u0441\u043d\u0435\u043d\u0438\u044f \u043f\u043e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0438, \u0442\u0430\u043a \u043a\u0430\u043a \u0442\u0430\u043c \u0432\u0441\u0451 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e.
\u041c\u043d\u0435 \u043d\u0443\u0436\u0435\u043d \u043c\u043e\u0439 \u0440\u0430\u0434\u0438\u0443\u0441 radius<\/span>. \u0420\u0430\u0434\u0438\u0443\u0441 radius<\/span> \u0431\u0443\u0434\u0435\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c\u0441\u044f \u043c\u0435\u043d\u044c\u0448\u0435\u0439 \u0438\u0437 \u0441\u0442\u043e\u0440\u043e\u043d \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 rect<\/span>, \u043f\u043e\u0442\u043e\u043c\u0443 \u0442\u043e. \u0447\u0442\u043e \u044f \u0440\u0438\u0441\u0443\u044e, \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0435\u0433\u043e \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 rect<\/span>:<\/span><\/p>\n\n\n\n

        let<\/span> radius = min (rect.width, rect.height) \/ 2<\/span><\/span><\/p>\n\n\n\n

\u042d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0434\u0438\u0443\u0441 radius<\/span> \u043c\u043e\u0435\u0433\u043e \u043a\u0440\u0443\u0433\u0430, a \u043d\u0435 \u0434\u0438\u0430\u043c\u0435\u0442\u0440:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412\u043e\u0442 \u0438 \u0432\u0441\u0435.
\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u0432\u043e\u0437\u043d\u0438\u043a\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430:
\u201cAmbiguous use of cos.\u201d (\u201c\u041d\u0435\u043e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0441\u0438\u043d\u0443\u0441\u0430\u201d). <\/code>
\u0412 Swift \u0435\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u043f\u0430\u043a\u0435\u0442\u043e\u0432, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0435\u0441\u0442\u044c \u043a\u043e\u0441\u0438\u043d\u0443\u0441, \u0445\u043e\u0442\u0438\u0442\u0435 \u2014 \u0432\u0435\u0440\u044c\u0442\u0435, \u0445\u043e\u0442\u0438\u0442\u0435 \u2014 \u043d\u0435\u0442.
\u041c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 CoreGraphics<\/span>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0441\u044c \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c CoreGraphics<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0415\u0441\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u0443 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0442\u0430\u043c \u0441\u0432\u043e\u0438 \u043a\u043e\u0441\u0438\u043d\u0443\u0441\u044b, \u043d\u043e \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0434\u0435\u043b\u043e \u0441 CoreGraphics<\/span>.
\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 CGRect<\/span>, CGSize<\/span>, CGPoint<\/span>, \u0432\u0441\u0435 \u044d\u0442\u0438 CG<\/span> \u2014 \u0430\u0431\u0431\u0440\u0435\u0432\u0438\u0430\u0442\u0443\u0440\u0430 CoreGraphics<\/span>.
\u0412\u0441\u0451, \u0447\u0442\u043e \u043c\u044b \u0440\u0438\u0441\u0443\u0435\u043c, \u043c\u044b \u0440\u0438\u0441\u0443\u0435\u043c \u0432 CoreGraphics<\/span><\/span><\/p>\n\n\n\n

\u0418\u0442\u0430\u043a, \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0441\u0442\u0438 \u043b\u0438\u043d\u0438\u044e \u0438\u0437 \u0446\u0435\u043d\u0442\u0440\u0430<\/strong> center<\/span> \u0432 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0443\u044e \u0442\u043e\u0447\u043a\u0443<\/strong> start<\/span>. \u041a\u0430\u043a \u043c\u044b \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u043c?
\u041c\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0438\u0448\u0435\u043c p.addLine(to: start)<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0418\u0442\u0430\u043a, \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u044d\u0442\u0430 \u043b\u0438\u043d\u0438\u044f \u0438\u0437 \u0446\u0435\u043d\u0442\u0440\u0430<\/strong> center<\/span> \u0432 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0443\u044e \u0442\u043e\u0447\u043a\u0443<\/strong> start<\/span>.
\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u0434\u0443\u0433\u0430 (arc<\/code>). \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u0439\u0442\u0438 \u043e\u0442 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0439 \u0442\u043e\u0447\u043a\u0435 <\/strong>\u043f\u043e \u0434\u0443\u0433\u0435 \u0434\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0443\u0433\u043b\u0430 endAngle<\/span>.
\u0423\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u043e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c p.addArc<\/span>, \u0438 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437\u043d\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u0439, \u043d\u043e \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0445\u043e\u0440\u043e\u0448\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u042f \u043f\u043e\u0439\u0434\u0443 \u0434\u0430\u043b\u044c\u0448\u0435 \u0438 \u0440\u0430\u0437\u043c\u0435\u0449\u0443 \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442 \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0418 \u043d\u0430\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u044d\u0442\u0438 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b. \u041d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e, \u043d\u043e \u0443 \u043d\u0430\u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0435\u0441\u0442\u044c \u0432\u0441\u0451 \u044d\u0442\u043e \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0439, \u0442\u0430\u043a \u043a\u0430\u043a \u043c\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043b\u0438 \u0432\u0441\u0451 \u044d\u0442\u043e:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u041c\u044b \u0438\u0434\u0435\u043c \u043f\u043e \u0447\u0430\u0441\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0435, \u0442\u0430\u043a \u0447\u0442\u043e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c let<\/span> clockwise:<\/span> true<\/span>, \u043d\u043e \u043c\u044b \u0445\u043e\u0434\u0438\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c clockwise<\/span> \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0434\u043b\u044f Pie<\/span> \u0438 \u0434\u0430\u0442\u044c \u0435\u043c\u0443 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 true<\/span> \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e: var<\/span> clockwise = <\/span> true<\/span>, \u0430 \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u043d\u0430\u043c \u044d\u0442\u043e \u043d\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0422\u0418\u041f \u0434\u043b\u044f clockwise<\/span> \u0438\u0437-\u0437\u0430 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u201c\u0432\u044b\u0432\u043e\u0434 \u0422\u0418\u041f\u0430\u201d \u0438\u0437 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 (type inference<\/code>).<\/span><\/p>\n\n\n\n

\u0412\u043e\u0442, \u043c\u044b \u043e\u0431\u043e\u0448\u043b\u0438 \u0434\u0443\u0433\u0443. 
\u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043d\u0430\u0437\u0430\u0434, \u0432 \u0446\u0435\u043d\u0442\u0440, \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043b\u0438\u043d\u0438\u044f \u043d\u0430\u0437\u0430\u0434 \u043a \u0446\u0435\u043d\u0442\u0440\u0443:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412\u043e\u0442 \u0438 \u0432\u0441\u0435.
\u041c\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043d\u0430\u0448 \u043c\u0438\u043b\u044b\u0439 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0439 \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span>, \u0438\u0434\u044f \u043f\u043e \u0434\u0443\u0433\u0435 \u043e\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0443\u0433\u043b\u0430 startAngle<\/span> \u0434\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0443\u0433\u043b\u0430 endAngle<\/span>.
\u041f\u043e\u043d\u044f\u0442\u043d\u043e? \u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e.
\u0418 \u0432 \u0432\u0430\u0448\u0435\u043c \u0414\u043e\u043c\u0430\u0448\u043d\u0435\u043c \u0417\u0430\u0434\u0430\u043d\u0438\u0438 \u2116 3 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u0438\u0433\u0443\u0440\u0443 Shape<\/span>, \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u0438\u0433\u0443\u0440\u0443 \u0432 \u0432\u0438\u0434\u0435 \u0440\u043e\u043c\u0431\u0430 \u0438\u043b\u0438 \u0447\u0435\u0433\u043e-\u0442\u043e \u0432 \u044d\u0442\u043e\u043c \u0440\u043e\u0434\u0435. \u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Path<\/span>.<\/span><\/p>\n\n\n\n

\u0418\u0442\u0430\u043a, \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c Pie<\/span>, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043a \u043d\u0430\u0448\u0435\u043c\u0443 CardView<\/span> \u0438 \u0432\u043c\u0435\u0441\u0442\u043e \u043a\u0440\u0443\u0433\u0430 Circle ( )<\/span> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c Pie<\/span>, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u043d\u0430\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0443\u0433\u043e\u043b endAngle<\/span>.
\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u044b\u0431\u0435\u0440\u0435\u043c \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0443\u0433\u043e\u043b endAngle<\/span> \u0440\u0430\u0432\u043d\u044b\u0439 240<\/span><\/strong> \u0433\u0440\u0430\u0434\u0443\u0441\u0430\u043c:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0418 \u0432\u0443\u0430\u043b\u044f, \u044d\u0442\u043e \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e.
\u041f\u043e\u0447\u0435\u043c\u0443?
\u0412\u043e\u0442 \u043a\u0430\u043a \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0422\u0430\u043a \u043f\u043e\u0447\u0435\u043c\u0443 \u0436\u0435 \u043d\u0430\u0448 Pie<\/span> \u043d\u0435 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f \u043d\u0430\u043c \u0441 \u043d\u0443\u043b\u044f, \u0432\u0435\u0434\u044c \u044f \u043d\u0435 \u0437\u0430\u0434\u0430\u044e \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0443\u0433\u043e\u043b startAngle<\/span>, \u0430, \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0440\u0430\u0432\u043d\u043e\u0435 0<\/span><\/strong>. \u0418 \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d \u043d\u0435 \u0434\u043e\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442 \u0434\u043e \u043d\u0443\u0436\u043d\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0443\u0433\u043b\u0430 endAngle<\/span>? \u041a\u0430\u043a\u043e\u0433\u043e \u0447\u0435\u0440\u0442\u0430 \u0437\u0434\u0435\u0441\u044c \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442?<\/span><\/p>\n\n\n\n

\u041e\u0442\u0441\u0447\u0435\u0442 \u0443\u0433\u043b\u043e\u0432 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u0434\u043b\u044f \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f<\/strong><\/h2>\n\n\n\n

\u041f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u044f\u0442 \u0434\u0432\u0435 \u0432\u0435\u0449\u0438.<\/span><\/p>\n\n\n\n

\u041f\u0435\u0440\u0432\u0430\u044f. <\/strong>\u0418 \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0440\u0438\u0441\u0443\u0435\u0442\u0435 CG<\/span> \u043b\u0438\u043d\u0438\u044e \u0432 Path<\/span> \u0438\u0437 \u0446\u0435\u043d\u0442\u0440\u0430 \u0432 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0443\u044e \u0442\u043e\u0447\u043a\u0443, \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0443\u0433\u043b\u0443 startAngle<\/span> \u0440\u0430\u0432\u043d\u043e\u043c\u0443 0\u00b0,<\/span><\/strong> \u0432\u044b \u0440\u0438\u0441\u0443\u0435\u0442\u0435 \u043d\u0435 \u0432 \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438 (\u043f\u043e \u043e\u0441\u0438 Y), \u0430 \u0432\u043f\u0440\u0430\u0432\u043e (\u043f\u043e \u043e\u0441\u0438 X):<\/span><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0412\u044b \u043f\u0440\u0438\u0432\u044b\u043a\u043b\u0438 \u043a \u0442\u043e\u043c\u0443,  \u0447\u0442\u043e 0\u00b0<\/span><\/strong> \u043e\u0442\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043e\u0441\u0438 \u043a\u0430\u043a \u0432 \u043a\u043e\u043c\u043f\u0430\u0441\u0435.
\u0415\u0441\u043b\u0438 \u0431\u044b \u0443 \u043d\u0430\u0441 \u0437\u0434\u0435\u0441\u044c \u0431\u044b\u043b \u043a\u043e\u043c\u043f\u0430\u0441, \u0442\u043e \u0443\u0433\u043b\u044b 0\u00b0<\/span><\/strong>, 90\u00b0<\/span><\/strong>, 180\u00b0<\/span><\/strong>, 270\u00b0<\/span><\/strong>, 360\u00b0 <\/span><\/strong>\u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u043b\u0438\u0441\u044c \u0431\u044b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c :<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u041d\u043e, \u043a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, 0\u00b0<\/span><\/strong> \u0432 CG<\/span> \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u2014 \u044d\u0442\u043e \u043d\u0435 0\u00b0<\/strong><\/span> \u043f\u043e \u043a\u043e\u043c\u043f\u0430\u0441\u0443.  \u0412\u044b \u0432\u0438\u0434\u0438\u0442\u0435, \u0433\u0434\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0432 CG<\/span> \u0441\u0438\u0441\u0442\u0435\u043c\u0435  0\u00b0<\/strong><\/span>, 90\u00b0<\/span><\/strong>, 180\u00b0<\/span><\/strong>, 270\u00b0<\/strong><\/span>, 360\u00b0<\/span><\/strong>. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0435 \u0443\u0433\u043e\u043b \u0438 \u0434\u0443\u043c\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435 \u0441 \u043a\u043e\u043c\u043f\u0430\u0441\u043e\u043c, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u0447\u0435\u0441\u0442\u044c 90\u00b0<\/span><\/strong> \u0438\u0437 \u043b\u044e\u0431\u043e\u0433\u043e \u0443\u0433\u043b\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435.<\/span><\/p>\n\n\n\n

\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043b\u0435\u0433\u043a\u043e \u044d\u0442\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c.
\u042f \u0445\u043e\u0447\u0443, \u0447\u0442\u043e\u0431\u044b \u043c\u043e\u0439 \u201c\u043f\u0438\u0440\u043e\u0433\u201d Pie<\/span> \u0441\u0447\u0438\u0442\u0430\u043b \u0443\u0433\u043b\u044b \u043f\u043e \u043a\u043e\u043c\u043f\u0430\u0441\u0443. \u0422\u0430\u043a \u0447\u0442\u043e \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u0435\u0440\u043d\u0443\u0441\u044c \u043a \u0441\u0432\u043e\u0435\u043c\u0443 Pie<\/span> \u0438 \u0432 \u0441\u0430\u043c\u043e\u043c \u043d\u0430\u0447\u0430\u043b\u0435, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u044e \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0443\u0433\u043b\u0443 startAngle<\/span> \u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c\u0443 \u0443\u0433\u043b\u0443 endAngle<\/span> \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043d\u0430 90\u00b0 <\/span><\/strong>\u043c\u0435\u043d\u044c\u0448\u0435:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u042d\u0442\u043e \u043a\u0430\u043a-\u0442\u043e \u0441\u043e\u043c\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e, \u0441\u0442\u043e\u0438\u0442 \u043b\u0438 \u043d\u0430\u043c \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c?
\u041a\u0442\u043e-\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0432\u043e\u0437\u0440\u0430\u0437\u0438\u0442\u044c: \u201c\u042d\u0439, \u0435\u0441\u043b\u0438 \u0432\u044b \u2014 iOS-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e 0\u00b0<\/span><\/strong> \u043e\u0442\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043e\u0441\u0438 X,<\/strong> \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0439 \u0432\u043f\u0440\u0430\u0432\u043e. \u0417\u0430\u0447\u0435\u043c \u0432\u0430\u043c \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0432 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u0445 \u043a\u043e\u043c\u043f\u0430\u0441\u0430?\u201d
\u042f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e \u044d\u0442\u043e\u0442 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442. \u042f \u0432\u0438\u0434\u0435\u043b \u044d\u0442\u043e\u0442 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442. \u041d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0434\u0438 \u0432\u0430\u0441, \u0440\u0435\u0431\u044f\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0432\u0430\u043c \u0437\u0430\u0434\u0430\u0447\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u0447\u0435\u0442\u043a\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043b\u0438, \u0447\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442, \u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u043a\u043e\u043c\u043f\u0430\u0441\u0430.<\/span><\/p>\n\n\n\n

\u0418 \u0432\u0441\u0435 \u0436\u0435 \u044d\u0442\u043e \u0432\u0441\u0451 \u0435\u0449\u0435 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e<\/strong>. \u041d\u0430\u0448\u0430 \u0434\u0443\u0433\u0430 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0442\u0438\u0432 \u0447\u0430\u0441\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0438, \u0445\u043e\u0442\u044f \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u0434\u0443\u0433\u0430 \u0431\u0443\u0434\u0435\u0442 \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u0447\u0430\u0441\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0435, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f clockwise<\/span> \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430 \u0432 true<\/span>.
\u0412\u0441\u0435 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0438\u0437-\u0437\u0430 \u044d\u0442\u043e\u0439 \u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u043e\u0439 \u0442\u043e\u0447\u043a\u0438:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0412 iOS \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 (0,0<\/span><\/strong>) \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u0432 \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u043b\u0435\u0432\u043e\u043c \u0443\u0433\u043b\u0443 \u0438 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 Y <\/strong>\u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043f\u0440\u0438 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0438 \u0432\u043d\u0438\u0437. \u0422\u0430\u043a\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0437\u043d\u0430\u043a\u043e\u043c\u043e\u0439 \u0438\u0437 \u0442\u0440\u0438\u0433\u043e\u043d\u043e\u043c\u0435\u0442\u0440\u0438\u0438 \u0434\u0435\u043a\u0430\u0440\u0442\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442, \u043a\u043e\u0433\u0434\u0430 \u043d\u0430\u0447\u0430\u043b\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 (0,0<\/span><\/strong>) \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043e \u0432 \u043d\u0438\u0436\u043d\u0435\u043c \u043b\u0435\u0432\u043e\u043c \u0443\u0433\u043b\u0443, a \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 Y <\/strong>\u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043f\u0440\u0438 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0438 \u0432\u043d\u0438\u0437.<\/span><\/p>\n\n\n\n

\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u0431\u044b \u0445\u043e\u0442\u0435\u043b, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u0432\u0441\u0435 \u043f\u043e\u043a\u0438\u043d\u0443\u043b\u0438 \u0441\u0432\u043e\u0438 \u043c\u0435\u0441\u0442\u0430 \u0438 \u0432\u0441\u0442\u0430\u043b\u0438 \u043d\u0430 \u0433\u043e\u043b\u043e\u0432\u0443 \u0442\u0430\u043a, \u0447\u0442\u043e \u043d\u0430\u0447\u0430\u043b\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u0443 \u0432\u0430\u0441 \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0442\u0430\u043c \u0432\u0432\u0435\u0440\u0445\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438 \u0438 \u0441\u043a\u0430\u0437\u0430\u043b\u0438 \u0431\u044b \u043c\u043d\u0435, \u044d\u0442\u043e \u043f\u0440\u043e\u0442\u0438\u0432 \u0447\u0430\u0441\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u0438\u043b\u0438 \u043f\u043e \u0447\u0430\u0441\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0435?
\u0412\u0438\u0434\u0438\u0442\u0435? \u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0438\u0434\u0435\u0442 \u0432 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u043f\u043e\u043b\u043e\u0436\u043d\u0443\u044e \u0441\u0442\u043e\u0440\u043e\u043d\u0443.
\u0415\u0441\u043b\u0438 \u0442\u044b \u043f\u0435\u0440\u0435\u0432\u0435\u0440\u043d\u0443\u0442 «\u0432\u0432\u0435\u0440\u0445 \u043d\u043e\u0433\u0430\u043c\u0438» \u0438 \u0441\u043c\u043e\u0442\u0440\u0438\u0448\u044c, \u043a\u0430\u043a \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435, \u0442\u043e \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043f\u043e \u0447\u0430\u0441\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0435.
\u0410 \u0443 \u043d\u0430\u0441 \u0437\u0434\u0435\u0441\u044c \u0432\u0441\u0435 \u043f\u0435\u0440\u0435\u0432\u0435\u0440\u043d\u0443\u0442\u043e \u0441 \u043d\u043e\u0433 \u043d\u0430 \u0433\u043e\u043b\u043e\u0432\u0443.<\/span><\/p>\n\n\n\n

\u0418\u0442\u0430\u043a, clockwise<\/span> \u0432 iOS<\/strong> \u0438\u043c\u0435\u0435\u0442 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u043f\u043e\u043b\u043e\u0436\u043d\u043e\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435. \u0412 macOS<\/strong>, \u043a\u0430\u043a \u043d\u0438 \u0441\u0442\u0440\u0430\u043d\u043d\u043e, \u0432\u0441\u0435 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442. \u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0440\u0430\u0437\u0434\u0440\u0430\u0436\u0430\u0435\u0442, \u043d\u043e \u044d\u0442\u043e \u0442\u0430\u043a.
\u041c\u044b \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0445\u043e\u0442\u0438\u043c, \u0447\u0442\u043e\u0431\u044b \u0437\u0434\u0435\u0441\u044c clockwise<\/span> \u043e\u0437\u043d\u0430\u0447\u0430\u043b\u043e \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u043f\u043e \u0447\u0430\u0441\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0435.
\u0422\u0430\u043a \u0447\u0442\u043e \u044f \u043d\u0430\u043f\u0438\u0448\u0443 !clockwise<\/span>:<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

\u0418 \u0432\u0443\u0430\u043b\u044f, \u0432\u0441\u0451 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c<\/strong>!!<\/span><\/p>\n\n\n\n

. . . . . . . . . . . . .<\/strong><\/span><\/p>\n\n\n\n

\u042d\u0442\u043e \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u041b\u0435\u043a\u0446\u0438\u0438 .
\u0414\u0430\u043b\u0435\u0435 \u043d\u0430 \u041b\u0435\u043a\u0446\u0438\u0438 7 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b:<\/span><\/p>\n\n\n\n