{"id":10961,"date":"2019-07-04T11:44:15","date_gmt":"2019-07-04T11:44:15","guid":{"rendered":"https:\/\/bestkora.com\/IosDeveloper\/?p=10961"},"modified":"2019-10-12T05:11:12","modified_gmt":"2019-10-12T05:11:12","slug":"swiftui-dlya-konkursnogo-zadaniya-telegram-10-24-marta-2019-goda","status":"publish","type":"post","link":"https:\/\/bestkora.com\/IosDeveloper\/swiftui-dlya-konkursnogo-zadaniya-telegram-10-24-marta-2019-goda\/","title":{"rendered":"SwiftUI \u0434\u043b\u044f \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u043d\u043e\u0433\u043e \u0437\u0430\u0434\u0430\u043d\u0438\u044f Telegram Charts (\u043c\u0430\u0440\u0442 2019 \u0433\u043e\u0434\u0430). \u0427\u0430\u0441\u0442\u044c 1."},"content":{"rendered":"

\"\"<\/a><\/p>\n

\u0421\u0440\u0430\u0437\u0443 \u043d\u0430\u0447\u043d\u0443 \u0441 \u0437\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u044f \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043f\u043e\u0439\u0434\u0435\u0442 \u0440\u0435\u0447\u044c \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435, \u0442\u0440\u0435\u0431\u0443\u0435\u0442 Xcode 11 <\/strong>\u0438 MacOS Catalina <\/strong>(\u0432 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 Beta 9<\/strong>).\u00a0\u041a\u043e\u0434 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 Github<\/a>.<\/strong><\/span><\/p>\n

\u0412 \u044d\u0442\u043e\u043c \u0433\u043e\u0434\u0443 \u043d\u0430 WWDC 2019<\/a><\/strong>, Apple<\/strong> \u0430\u043d\u043e\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043b\u0430 SwiftUI<\/a><\/strong>, \u043d\u043e\u0432\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 (UI<\/strong>) \u043d\u0430 \u0432\u0441\u0435\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445 Apple<\/strong>. \u042d\u0442\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u043b\u043d\u043e\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435 \u043e\u0442 \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u043e\u0433\u043e \u043d\u0430\u043c UIKit<\/span><\/strong>, \u0438 \u044f — \u043a\u0430\u043a \u0438 \u043c\u043d\u043e\u0433\u0438\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 iOS<\/strong> \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 — \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0442\u0435\u043b\u0430 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u044d\u0442\u043e\u0442 \u043d\u043e\u0432\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438.<\/span><\/p>\n

\u041e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u043e \u0431\u044b\u043b\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u043e SwifUI<\/span> <\/strong>\u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0442\u0440\u0438 \u043c\u0435\u0441\u044f\u0446\u0430, \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 Xcode 11 beta 1<\/strong>\u00a0\u0438 \u0434\u043e\u00a0 \u043d\u044b\u043d\u0435\u0448\u043d\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 Xcode 11.0<\/strong>. \u042d\u0442\u043e\u0442 \u043f\u043e\u0441\u0442 \u0432\u043e\u0432\u0441\u0435 \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0446\u0435\u043b\u044c\u044e \u0434\u0430\u0442\u044c \u043a\u0430\u043a\u043e\u0435-\u0442\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u043d\u043e\u0435 \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 SwiftUI<\/span><\/strong>. \u042d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u043f\u044b\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043d\u0435 \u0443\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 UIKit\u00a0<\/strong><\/span>\u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0435\u0448\u0438\u0442\u044c (\u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u0434 \u0432 \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u043c \u0432\u0438\u0434\u0435).<\/span><\/p>\n

\u0417\u0430\u0434\u0430\u0447\u0430<\/a><\/strong> \u0441\u0432\u044f\u0437\u0430\u043d\u0430 \u0441 \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u043e\u043c, \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u043d\u044b\u043c Telegram<\/a><\/strong>\u00a0\u0434\u043b\u044f Android<\/strong>, iOS<\/strong> and JS<\/strong> \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u00a0\u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043b \u0432 \u043f\u0435\u0440\u0438\u043e\u0434 10 — 24 \u043c\u0430\u0440\u0442\u0430 2019 \u0433\u043e\u0434\u0430. \u00a0\u0412 \u044d\u0442\u043e\u043c \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u0435 \u0431\u044b\u043b\u0430 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435 \u043e\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 JSON<\/strong> \u0434\u0430\u043d\u043d\u044b\u0445.<\/span><\/p>\n

<\/p>\n

\u041a\u0430\u043a\u00a0 iOS<\/strong> \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u00a0\u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044f\u0437\u044b\u043a\u00a0Swift<\/strong>\u00a0\u0434\u043b\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u0430 \u043a\u043e\u043d\u043a\u0443\u0440\u0441 \u043a\u043e\u0434\u0430, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0433\u043e «\u0441 \u043d\u0443\u043b\u044f» \u0431\u0435\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u0430\u043a\u0438\u0445-\u043b\u0438\u0431\u043e \u043f\u043e\u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445\u00a0\u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432. \u041e\u043d\u0430<\/span>\u00a0\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u0430 \u043d\u0430\u0432\u044b\u043a\u043e\u0432 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u043c\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438 iOS<\/strong> :\u00a0Core Graphics<\/strong><\/a><\/span>, Core Animation<\/a>, <\/span>Metal<\/a>, OpenGL ES<\/a><\/span><\/span><\/strong>.<\/span>\u00a0\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437 \u044d\u0442\u0438\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043d\u0438\u0437\u043a\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u043c\u0438, \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0431\u044a\u0435\u043a\u0442\u043d\u043e-\u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f. \u0412 iOS<\/strong> \u043d\u0435 \u0431\u044b\u043b\u043e \u043f\u0440\u0438\u0435\u043c\u043b\u0435\u043c\u044b\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0445, \u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0431\u044b, \u043b\u0435\u0433\u043a\u0438\u0445 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u0430\u0434\u0430\u0447. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u0430\u043d\u0442 <\/strong><\/a>\u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u043b \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0430\u043d\u0438\u043c\u0430\u0442\u043e\u0440 (Render<\/span><\/strong>) \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435\u00a0Metal<\/a><\/strong><\/span>,<\/span> CALayers<\/strong><\/a>, OpenGL<\/strong><\/a><\/span>, CADisplayLink<\/strong><\/a><\/span>. \u042d\u0442\u043e \u043f\u043e\u0440\u043e\u0436\u0434\u0430\u043b\u043e \u0442\u043e\u043d\u043d\u044b \u043a\u043e\u0434\u0430, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0443\u0434\u0430\u0432\u0430\u043b\u043e\u0441\u044c \u0437\u0430\u0438\u043c\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e \u0447\u0438\u0441\u0442\u043e «\u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0438\u0435» \u0440\u0430\u0431\u043e\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043c\u043e\u0433\u0443\u0442 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u0432\u0442\u043e\u0440\u044b. \u041e\u0434\u043d\u0430\u043a\u043e \u0442\u0430\u043a \u0431\u044b\u0442\u044c \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e.<\/span><\/p>\n

\u0418 \u0432\u043e\u0442 \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u0438\u044e\u043d\u0435 \u043d\u0430 WWDC 2019<\/strong> \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f SwiftUI<\/span><\/strong> —\u00a0\u043d\u043e\u0432\u044b\u0439 framework<\/strong>, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 Apple<\/strong>, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u043d\u0430 Swift<\/strong> \u0438 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0439 \u0434\u043b\u044f \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 (UI<\/strong>) \u0432 \u043a\u043e\u0434\u0435. <\/span><\/p>\n

SwiftUI<\/span><\/strong> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0430\u043c \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c\u00a0Views<\/span><\/strong>, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f «\u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439» \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u0432 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u043f\u043e\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c «\u0438\u043c\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u043c\u0443». \u0412\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0435, \u043a\u0430\u043a\u0438\u0435 subviews<\/span><\/strong> \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u0432\u0430\u0448\u0435\u043c View<\/span><\/strong>, \u043a\u0430\u043a\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u044d\u0442\u0438 subviews<\/span> <\/strong>\u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c\u0441\u044f, \u043a\u0430\u043a\u0438\u0435 \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u044b \u043a \u043d\u0438\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0438\u0445 \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043d\u0443\u0436\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435, \u0438\u043c\u0435\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u0438 \u0441\u0442\u0438\u043b\u044c.<\/span><\/p>\n

\u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0437\u043d\u0430\u0447\u0438\u043c\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0434\u043b\u044f \u043c\u0438\u0440\u0430 iOS<\/strong>-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u0438 \u044f \u0445\u043e\u0447\u0443 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c, \u043a\u0430\u043a \u043f\u0440\u043e\u0441\u0442\u043e \u0438 \u0431\u044b\u0441\u0442\u0440\u043e \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u0430 Telegram<\/a><\/strong>\u00a0\u043d\u0430 SwiftUI<\/span><\/strong>. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u043e\u043d\u0430 \u0441\u043b\u0443\u0436\u0438\u0442 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u044b\u043c «\u043f\u043e\u043b\u0438\u0433\u043e\u043d\u043e\u043c» \u0434\u043b\u044f «\u043e\u0431\u043a\u0430\u0442\u043a\u0438» \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0432 SwiftUI<\/span><\/strong>\u00a0\u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0438 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439 \u0442\u0438\u043f\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432 VStack<\/span><\/strong>, HStack<\/span><\/strong>, ZStack<\/span><\/strong>, List<\/span><\/strong>, NavigationView<\/span><\/strong>, ScrollView<\/span><\/strong>, \u0436\u0435\u0441\u0442\u043e\u0432 DragGesture<\/span><\/strong>, TapGesture<\/span><\/strong>, LongPressGesture<\/span><\/strong>, \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 animation,<\/span><\/strong>\u00a0\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0439 transition<\/span><\/strong> \u0438 \u0442.\u0434.\u00a0<\/span><\/p>\n

\u0417\u0430\u0434\u0430\u043d\u0438\u0435<\/h1>\n

\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 5 \u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 Telegram<\/strong> \u0434\u0430\u043d\u043d\u044b\u0435. \u0414\u043b\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432 UI<\/strong> \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/span><\/p>\n

\"\"<\/a><\/p>\n

\u0412 \u0432\u0435\u0440\u0445\u043d\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0430 «\u0437\u043e\u043d\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u0441 \u043e\u0431\u0449\u0438\u043c \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u043e\u043c \u043f\u043e \u043e\u0431\u044b\u0447\u043d\u043e\u0439 \u043e\u0441\u0438 Y<\/strong> \u0441 \u043e\u0442\u043c\u0435\u0442\u043a\u0430\u043c\u0438 \u0438 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u043b\u0438\u043d\u0438\u044f\u043c\u0438 \u0441\u0435\u0442\u043a\u0438.<\/span><\/p>\n

\u0427\u0443\u0442\u044c \u043d\u0438\u0436\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0430 «\u0431\u0435\u0433\u0443\u0449\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430» \u0441 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u043e\u0442\u043c\u0435\u0442\u043a\u0430\u043c\u0438 \u043f\u043e \u043e\u0441\u0438 X <\/strong>\u0432 \u0432\u0438\u0434\u0435 \u0434\u0430\u0442.<\/span><\/p>\n

\u0415\u0449\u0435 \u043d\u0438\u0436\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0442\u0430\u043a \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c\u044b\u0439 «mini map<\/strong>» (\u043a\u0430\u043a \u0432 Xcode 11<\/strong>), \u0442\u043e \u0435\u0441\u0442\u044c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0435 «\u043e\u043a\u043e\u0448\u043a\u043e», \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0449\u0435\u0435 \u0442\u0443 \u0447\u0430\u0441\u0442\u044c \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u043e\u0442\u0440\u0435\u0437\u043a\u0430 \u043d\u0430\u0448\u0438\u0445 «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432», \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u0432 \u0432\u0435\u0440\u0445\u043d\u0435\u0439\u00a0«\u0437\u043e\u043d\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432». \u042d\u0442\u043e\u0442\u00a0«mini map<\/strong>» \u043c\u043e\u0436\u043d\u043e \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0442\u044c \u0432\u0434\u043e\u043b\u044c \u043e\u0441\u0438 X<\/strong>, \u043d\u043e \u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u0435\u0433\u043e \u0448\u0438\u0440\u0438\u043d\u0443, \u0447\u0442\u043e \u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435 \u0432 «\u0437\u043e\u043d\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432».<\/span><\/p>\n

\u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e checkboxs<\/strong>, \u043e\u043a\u0440\u0430\u0448\u0435\u043d\u043d\u044b\u0445 \u0432 \u0446\u0432\u0435\u0442\u0430 «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u0438 \u0441\u043d\u0430\u0431\u0436\u0435\u043d\u043d\u044b\u0445 \u0438\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438, \u00a0\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u043f\u043e\u043a\u0430\u0437\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u044d\u0442\u043e\u043c\u0443 \u0446\u0432\u0435\u0442\u0443 «\u0413\u0440\u0430\u0444\u0438\u043a\u0430» \u0432 «\u0437\u043e\u043d\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432».<\/span><\/p>\n

\u0422\u0430\u043a\u0438\u0445 «\u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u00a0\u043c\u043d\u043e\u0433\u043e, \u0432 \u043d\u0430\u0448\u0435\u043c \u0442\u0435\u0441\u0442\u043e\u0432\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0438\u0445, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, 5, \u0438 \u0432\u0441\u0435 \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435.\u00a0<\/span><\/p>\n

\u0412\u00a0UI<\/strong>, \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SwiftUI<\/strong><\/span> \u043d\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u043a\u043d\u043e\u043f\u043a\u0435 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 Dark<\/strong> \u0438 Light<\/strong> \u0440\u0435\u0436\u0438\u043c\u0430\u043c\u0438, \u044d\u0442\u043e \u0443\u0436\u0435 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043e \u0432 SwiftUI<\/strong><\/span>. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0432\u00a0SwiftUI<\/strong><\/span> \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f «\u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» (\u0442\u043e \u0435\u0441\u0442\u044c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u0432\u044b\u0448\u0435 \u044d\u043a\u0440\u0430\u043d\u043e\u0432), \u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u043c\u0430\u044f \u0432\u043d\u0438\u0437 \u0442\u0430\u0431\u043b\u0438\u0446\u0430, \u00a0\u0438 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437 \u044d\u0442\u0438\u0445 \u043e\u0447\u0435\u043d\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432.<\/span><\/p>\n

\u041d\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c\u0441\u044f \u043d\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430 «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432», \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432 SwiftUI<\/strong> \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c\u00a0ChartView<\/span><\/strong>:<\/span><\/p>\n

\"\"<\/a><\/p>\n

SwiftUI<\/strong> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u044b\u0439 UI<\/strong> \u043f\u043e \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u043c \u043a\u0443\u0441\u043e\u0447\u043a\u0430\u043c, \u0430 \u043f\u043e\u0442\u043e\u043c \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u044d\u0442\u0438 \u043a\u0443\u0441\u043e\u0447\u043a\u0438 \u0432 \u043f\u0430\u0437\u043b. \u041c\u044b \u0442\u0430\u043a \u0438 \u043f\u043e\u0441\u0442\u0443\u043f\u0438\u043c.\u00a0\u041d\u0430\u0448\u00a0ChartView<\/span><\/strong>\u00a0\u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u043e \u0440\u0430\u0441\u0449\u0435\u043f\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u044d\u0442\u0438 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u043a\u0443\u0441\u043e\u0447\u043a\u0438:<\/span><\/p>\n

GraphsForChart<\/span><\/strong> — \u044d\u0442\u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0433\u0440\u0430\u0444\u0438\u043a\u0438, \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e «\u043d\u0430\u0431\u043e\u0440\u0430 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432».\u00a0«\u0413\u0440\u0430\u0444\u0438\u043a\u0438» \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u044b \u0434\u043b\u044f \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0430, \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e «mini<\/strong> map<\/strong>» RangeView<\/span><\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u043d\u0438\u0436\u0435.<\/span><\/p>\n

YTickerView<\/span> <\/strong>— \u043e\u0441\u044c Y<\/strong> \u0441 \u043e\u0442\u043c\u0435\u0442\u043a\u0430\u043c\u0438 \u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0439 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u043a\u043e\u0439.<\/span><\/p>\n

IndicatorView<\/span><\/strong> — \u00a0\u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0434\u043b\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u0430 \u043d\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u043d\u0430 \u043e\u0441\u0438 X<\/strong>.<\/span><\/p>\n

TickerView<\/span> <\/strong>— «\u0431\u0435\u0433\u0443\u0449\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430», \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0430\u044f \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043e\u0442\u043c\u0435\u0442\u043a\u0438 \u043d\u0430 \u043e\u0441\u0438\u00a0X<\/strong> \u0432 \u0432\u0438\u0434\u0435 \u0434\u0430\u0442,<\/span><\/p>\n

RangeView<\/span> <\/strong>— \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 «\u043e\u043a\u043e\u0448\u043a\u043e», \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u043e\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0436\u0435\u0441\u0442\u043e\u0432, \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u043d\u0438\u044f \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u0430 «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432»,<\/span><\/p>\n

CheckMarksView<\/span> <\/strong>— \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 «\u043a\u043d\u043e\u043f\u043a\u0438», \u043e\u043a\u0440\u0430\u0448\u0435\u043d\u043d\u044b\u0435 \u0432 \u0446\u0432\u0435\u0442\u0430 «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435\u043c «\u0413\u0440\u0430\u0444\u0438\u043a\u0430» \u043d\u0430\u00a0ChartView<\/span><\/strong>.<\/span><\/p>\n

\u0421\u00a0ChartView<\/span>\u00a0<\/strong>\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0442\u0440\u0435\u043c\u044f \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438 : <\/span><\/p>\n

1. \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c»mini map<\/strong>» \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0436\u0435\u0441\u0442\u0430 DragGesture <\/span><\/strong>— \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0441\u0434\u0432\u0438\u0433\u0430\u0442\u044c\u00a0 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 «\u043e\u043a\u043e\u0448\u043a\u043e» \u0432\u043f\u0440\u0430\u0432\u043e \u0438 \u0432\u043b\u0435\u0432\u043e \u0438 \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0442\u044c \/ \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440 :<\/span><\/p>\n

\"\"<\/a><\/p>\n

2. \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0442\u044c \u0432 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u0439 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u00a0\u0432 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438:<\/span><\/p>\n

\"\"<\/a><\/p>\n

3. \u0441\u043a\u0440\u044b\u0432\u0430\u0442\u044c \/ \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 «\u0413\u0440\u0430\u0444\u0438\u043a\u0438» \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043d\u043e\u043f\u043e\u043a, \u043e\u043a\u0440\u0430\u0448\u0435\u043d\u043d\u044b\u0445 \u0432 \u0446\u0432\u0435\u0442\u0430 «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0432 \u0441\u0430\u043c\u043e\u043c \u043d\u0438\u0437\u0443\u00a0ChartView<\/span><\/strong>:<\/span><\/span><\/span><\/p>\n

\"\"<\/a><\/p>\n

\u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 «\u041d\u0430\u0431\u043e\u0440\u044b \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» ( \u0438\u0445 \u0443 \u043d\u0430\u0441 5 \u0432 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445) \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0438\u0432 \u0438\u0445 \u0432\u0441\u0435 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e List\u00a0<\/strong><\/span>(\u043d\u0430\u043f\u043e\u0434\u043e\u0431\u0438\u0435 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u043c\u043e\u0439 \u0432\u043d\u0438\u0437-\u0432\u0432\u0435\u0440\u0445 \u0442\u0430\u0431\u043b\u0438\u0446\u044b):<\/span><\/p>\n

\"\"<\/a><\/p>\n

… \u0438\u043b\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ScrollView<\/span> <\/strong>\u0438 HStack<\/span><\/strong>\u00a0c 3D<\/strong> \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u043c:<\/span><\/p>\n

\"\"<\/a><\/p>\n

… \u0438\u043b\u0438 \u0432 \u0432\u0438\u0434\u0435 ZStack<\/strong><\/span> \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0434\u0440\u0443\u0433 \u043d\u0430 \u0434\u0440\u0443\u0433\u0430 «\u043a\u0430\u0440\u0442», \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c: \u0432\u0435\u0440\u0445\u043d\u044e\u044e «\u043a\u0430\u0440\u0442\u0443» \u0441 «»\u043d\u0430\u0431\u043e\u0440\u043e\u043c \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u0442\u044f\u043d\u0443\u0442\u044c \u0432\u043d\u0438\u0437 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u0430\u043b\u0435\u043a\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043a\u0430\u0440\u0442\u0443, \u0438 \u0435\u0441\u043b\u0438 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0442\u044c \u0442\u044f\u043d\u0443\u0442\u044c \u0435\u0435 \u0432\u043d\u0438\u0437, \u0442\u043e \u043e\u043d\u0430 «\u0443\u0445\u043e\u0434\u0438\u0442» \u043d\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u043c\u0435\u0441\u0442\u043e \u0432\u00a0ZStack<\/strong><\/span> , \u0430 \u0432\u043f\u0435\u0440\u0435\u0434 «\u0432\u044b\u0445\u043e\u0434\u0438\u0442» \u044d\u0442\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f «\u043a\u0430\u0440\u0442\u0430»:<\/span><\/p>\n

\"\"<\/a><\/p>\n

\u0412 \u044d\u0442\u0438\u0445 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 UI<\/strong> — «\u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u043c\u0430\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0430», \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0435\u043a \u0441 3D<\/strong> \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u043c, ZStack<\/span><\/strong> \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0434\u0440\u0443\u0433 \u043d\u0430 \u0434\u0440\u0443\u0433\u0430 «\u043a\u0430\u0440\u0442» — \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0432\u0441\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c: \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043f\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0448\u043a\u0430\u043b\u0435 \u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 «\u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0430» mini map<\/strong>, \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440 \u0438 \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043a\u0440\u044b\u0442\u0438\u044f «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432».<\/span><\/p>\n

\u0414\u0430\u043b\u0435\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e UI<\/strong> \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SwiftUI<\/span><\/strong> — \u043e\u0442 \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043a \u0438\u0445 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f\u043c. \u041d\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u043e\u0439\u043c\u0435\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c.<\/span><\/p>\n

\u0418\u0442\u0430\u043a, \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0430\u0448\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0438 \u0440\u0430\u0437\u0431\u0438\u043b\u043e\u0441\u044c \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u0430\u043f\u043e\u0432:<\/span><\/p>\n

    \n
  1. \u0417\u0430\u043a\u0430\u0447\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 JSON<\/strong>-\u0444\u0430\u0439\u043b\u0430 \u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0438\u0445 \u0432 \u0443\u0434\u043e\u0431\u043d\u043e\u043c «\u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u043c» \u0444\u043e\u0440\u043c\u0430\u0442\u0435<\/span><\/li>\n
  2. \u0421\u043e\u0437\u0434\u0430\u0442\u044c UI<\/strong> \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0433\u043e «\u043d\u0430\u0431\u043e\u0440\u0430 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432»<\/span><\/li>\n
  3. \u041a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 «\u043d\u0430\u0431\u043e\u0440\u044b \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432»<\/span><\/li>\n<\/ol>\n

    \u00a0\u0417\u0430\u043a\u0430\u0447\u0438\u0432\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435<\/h1>\n

    \u0412 \u043d\u0430\u0448\u0435 \u0440\u0430\u0441\u043f\u043e\u0440\u044f\u0436\u0435\u043d\u0438\u0435 Telegram<\/a><\/strong>\u00a0\u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u00a0JSON<\/a><\/strong> \u0434\u0430\u043d\u043d\u044b\u0435, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e «\u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432». \u041a\u0430\u0436\u0434\u044b\u0439 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 «\u043d\u0430\u0431\u043e\u0440 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» chart<\/span><\/strong>\u00a0\u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e\u00a0«\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» (\u0438\u043b\u0438 «\u041b\u0438\u043d\u0438\u0439»)\u00a0chart.columns<\/span><\/strong>. \u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e «\u0413\u0440\u0430\u0444\u0438\u043a\u0430» («\u041b\u0438\u043d\u0438\u0438») \u0435\u0441\u0442\u044c \u043c\u0435\u0442\u043a\u0430\u00a0\u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 0 — «x», «y0», «y1», «y2», «y3»<\/span><\/strong>, \u0437\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0441\u043b\u0435\u0434\u0443\u044e\u0442 \u043b\u0438\u0431\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u043e\u0441\u0438 X<\/strong> («x»<\/span><\/strong>), \u043b\u0438\u0431\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f «\u0413\u0440\u0430\u0444\u0438\u043a\u0430» («\u041b\u0438\u043d\u0438\u0438») («y0», «y1», «y2», «y3»<\/span><\/strong>) \u043d\u0430 \u043e\u0441\u0438 Y<\/strong> :<\/span><\/p>\n

    \"\"<\/a><\/p>\n

    \u041f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0432\u0441\u0435\u0445 «\u041b\u0438\u043d\u0438\u0439» \u0432 «\u043d\u0430\u0431\u043e\u0440\u0435 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» — \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e. \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f «\u0441\u0442\u043e\u043b\u0431\u0446\u0430»\u00a0x<\/span> <\/strong>\u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u0441\u043e\u0431\u043e\u0439 UNIX<\/strong> \u043c\u0435\u0442\u043a\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0432 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434\u0430\u0445.<\/span><\/p>\n

    \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u0436\u0434\u044b\u0439 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 «\u043d\u0430\u0431\u043e\u0440 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» chart<\/span><\/strong>\u00a0<\/span><\/span>\u0441\u043d\u0430\u0431\u0436\u0430\u0435\u0442\u0441\u044f \u0446\u0432\u0435\u0442\u0430\u043c\u0438<\/span><\/span>\u00a0<\/span>chart.colors <\/span><\/strong>\u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 6-\u0442\u0438 \u0448\u0435\u0441\u0442\u043d\u0430\u0434\u0446\u0430\u0442\u0435\u0440\u0438\u0447\u043d\u044b\u0445 \u0446\u0438\u0444\u0440\u00a0(\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u00a0«#AAAAAA»<\/span><\/strong>) \u0438 \u0438\u043c\u0435\u043d\u0430\u043c\u0438\u00a0chart.names<\/strong><\/span>.<\/span><\/p>\n

    \u0414\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u041c\u043e\u0434\u0435\u043b\u0438<\/strong> \u0434\u0430\u043d\u043d\u044b\u0445, \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0438\u0445\u0441\u044f \u0432 JSON<\/strong>-\u0444\u0430\u0439\u043b\u0435, \u044f \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0430\u0441\u044c \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u044b\u043c \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u043c quicktype<\/a>. <\/strong>\u0412 \u043b\u0435\u0432\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u044d\u0442\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u0432\u044b \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u0442\u0435\u043a\u0441\u0442 \u0438\u0437 JSON<\/strong> \u0444\u0430\u0439\u043b\u0430 \u0438 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0435 \u0438\u043c\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435 «\u043f\u0430\u0440\u0441\u0438\u043d\u0433\u0430» \u044d\u0442\u0438\u0445\u00a0JSON<\/strong>\u00a0\u0434\u0430\u043d\u043d\u044b\u0445:<\/span><\/p>\n

    \"\"<\/a><\/p>\n

    \u0412 \u043f\u0440\u0430\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0430\u0439\u0442\u0430 \u0432\u044b \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0435 \u044f\u0437\u044b\u043a, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434, \u0438 \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435; \u043a\u043b\u0430\u0441\u0441 class<\/span><\/strong> \u0438\u043b\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 struct<\/span><\/strong>. \u041c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 \u044f\u0437\u044b\u043a\u0435 Swift<\/strong> \u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 struct<\/strong><\/span>:<\/span><\/p>\n

    \"\"<\/a><\/p>\n

    \u0412 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u044d\u043a\u0440\u0430\u043d\u0430 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0432 \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u0441 \u0438\u043c\u0435\u043d\u0435\u043c Chart.swift<\/strong>. \u0418\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043c \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c\u00a0\u041c\u043e\u0434\u0435\u043b\u044c<\/strong>\u00a0\u0434\u0430\u043d\u043d\u044b\u0445 JSON<\/strong> \u0444\u043e\u0440\u043c\u0430\u0442\u0430:<\/span><\/p>\n

    import UIKit\r\n\r\ntypealias Chat = [ChartElement]\r\n\r\nstruct ChartElement: Codable {\r\n    let columns: [[Column]]\r\n    let types, names, colors: Names\r\n}\r\n\r\nstruct Names: Codable {\r\n    let y0, y1: String\r\n    let y2, y3, x: String?\r\n}\r\n\r\nenum Column: Codable {\r\n    case integer(Int)\r\n    case string(String)\r\n    \r\n    init(from decoder: Decoder) throws {\r\n        let container = try decoder.singleValueContainer()\r\n        if let x = try? container.decode(Int.self) {\r\n            self = .integer(x)\r\n            return\r\n        }\r\n        if let x = try? container.decode(String.self) {\r\n            self = .string(x)\r\n            return\r\n        }\r\n        throw DecodingError.typeMismatch(Column.self, \r\n            DecodingError.Context(codingPath: decoder.codingPath, \r\n                         debugDescription: \"Wrong type for Column\"))\r\n    }\r\n    \r\n    func encode(to encoder: Encoder) throws {\r\n        var container = encoder.singleValueContainer()\r\n        switch self {\r\n        case .integer(let x):\r\n            try container.encode(x)\r\n        case .string(let x):\r\n            try container.encode(x)\r\n        }\r\n    }\r\n}\r\n<\/code><\/pre>\n
    \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0432 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0439 \u0432 quicktype<\/a><\/strong> \u043a\u043e\u0434, \u044f \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0430\u0441\u044c \u0437\u0430\u0438\u043c\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u0438\u0437 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445 SwiftUI<\/a><\/strong>\u00a0Generic<\/strong> \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u043e\u043c load<\/span> <\/strong>\u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u041c\u043e\u0434\u0435\u043b\u044c<\/strong> \u0438\u0437 JSON<\/strong> \u0444\u0430\u0439\u043b\u0430 :<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432\u00a0columns:<\/span> <\/strong>\u00a0[ChartElement]<\/span><\/strong>, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0441\u043e\u0431\u043e\u0439 \u0441\u043e\u0432\u043e\u043a\u0443\u043f\u043d\u043e\u0441\u0442\u044c «\u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u0432 \u0437\u0430\u0434\u0430\u043d\u043d\u043e\u043c\u00a0Telegram\u00a0<\/strong>\u0444\u043e\u0440\u043c\u0430\u0442\u0435.<\/span><\/p>\n
    C\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 ChartElement<\/span><\/strong>, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0430\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u044b \u0440\u0430\u0437\u043d\u043e\u0442\u0438\u043f\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 enum Column<\/span><\/strong>,\u00a0\u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u043d\u0441\u0438\u0432\u043d\u043e\u0439 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0433\u0440\u0430\u0444\u0438\u043a\u0430\u043c\u0438, \u043a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e \u043c\u0435\u0442\u043a\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 UNIX<\/strong>\u00a0\u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u00a0\u0432 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434\u0430\u0445 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440,\u00a01542412800000, 1542499200000, 1542585600000, 1542672000000<\/span><\/strong>), \u0430 \u0446\u0432\u0435\u0442\u0430 — \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 6-\u0442\u0438 \u0448\u0435\u0441\u0442\u043d\u0430\u0434\u0446\u0430\u0442\u0435\u0440\u0438\u0447\u043d\u044b\u0445 \u0446\u0438\u0444\u0440\u00a0(\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u00a0«#AAAAAA»<\/span><\/strong>).<\/span><\/p>\n
    \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u043d\u0443\u0442\u0440\u0438 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0442\u0435\u043c\u0438 \u0436\u0435 \u0434\u0430\u043d\u043d\u044b\u043c\u0438, \u043d\u043e \u0432 \u0434\u0440\u0443\u0433\u043e\u043c «\u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u043c» \u0438 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435 [LinesSet]<\/span><\/strong>.<\/span><\/span>\u00a0 \u041c\u0430\u0441\u0441\u0438\u0432 [LinesSet]<\/span><\/strong>\u00a0\u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439\u00a0<\/span><\/span>\u0441\u043e\u0432\u043e\u043a\u0443\u043f\u043d\u043e\u0441\u0442\u044c «\u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432»\u00a0LinesSet<\/span><\/strong>, \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043c\u0435\u0442\u043a\u0438 xTime<\/span><\/strong>\u00a0(\u043e\u0441\u044c X<\/strong>) \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435\u00a0«Feb 12, 2019»<\/strong> \u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432»\u00a0lines<\/strong><\/span>\u00a0(\u043e\u0441\u044c Y<\/strong>):<\/span><\/span><\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u0414\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e «\u0413\u0440\u0430\u0444\u0438\u043a\u0430»( «\u041b\u0438\u043d\u0438\u0438»)\u00a0Line<\/span><\/strong> \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u043c \u0446\u0435\u043b\u044b\u0445 \u0447\u0438\u0441\u0435\u043b points<\/span>: \u00a0[Int]<\/span><\/strong>, \u0438\u043c\u0435\u043d\u0435\u043c «\u0413\u0440\u0430\u0444\u0438\u043a\u0430»\u00a0title: String<\/span><\/strong>,<\/span><\/span>\u00a0\u0442\u0438\u043f\u043e\u043c\u00a0«\u0413\u0440\u0430\u0444\u0438\u043a\u0430»\u00a0type: String?<\/strong>,<\/span><\/span>\u00a0<\/span>\u00a0\u0446\u0432\u0435\u0442\u043e\u043c\u00a0color :\u00a0UIColor<\/span><\/strong>\u00a0\u0432 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c \u0434\u043b\u044f Swift<\/strong> \u0444\u043e\u0440\u043c\u0430\u0442\u0435<\/span><\/span> UIColor<\/span><\/strong>, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u0442\u043e\u0447\u0435\u043a countY: Int<\/span><\/strong>. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u043b\u044e\u0431\u043e\u0439 «\u0413\u0440\u0430\u0444\u0438\u043a» \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u043a\u0440\u044b\u0442 \u0438\u043b\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u043d \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u00a0isHidden: \u00a0Bool<\/span><\/strong>. \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b lowerBound<\/span><\/strong> \u0438 upperBound\u00a0<\/span><\/strong>\u0440\u0435\u0433\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0430 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043e\u0442 0<\/strong> \u0434\u043e 1<\/strong> \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u043d\u043d\u043e\u0433\u043e «\u043d\u0430\u0431\u043e\u0440\u0430 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437\u043c\u0435\u0440 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e «\u043e\u043a\u043e\u0448\u043a\u0430» «mini map<\/strong>»\u00a0(upperBound \u00a0—\u00a0<\/span><\/strong>\u00a0lowerBound<\/span><\/strong>), \u043d\u043e \u0438 \u0435\u0433\u043e \u043c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u043e\u0441\u0438 X<\/strong>:<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u0412\u0441\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f LinesSet<\/span><\/strong> \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0438\u0437 JSON<\/strong> \u0444\u0430\u0439\u043b\u0430.\u00a0<\/span>\u041f\u043e \u0445\u043e\u0434\u0443 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f JSON\u00a0<\/strong>\u0434\u0430\u043d\u043d\u044b\u0445\u00a0[ChartElement]?<\/span><\/strong>\u00a0 \u0432\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 [LinesSet]<\/span><\/strong>\u00a0\u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 countY<\/span> <\/strong>\u0434\u043b\u044f \u0432\u0441\u0435\u0445 «\u041b\u0438\u043d\u0438\u0439».\u00a0\u0414\u043b\u044f \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f\u00a0\u043c\u0435\u0442\u043e\u043a \u0432\u0440\u0435\u043c\u0435\u043d\u0438, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 UNIX<\/strong>\u00a0\u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u00a0\u0432 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434\u0430\u0445, \u0432 \u0442\u0440\u0435\u0431\u0443\u0435\u043c\u044b\u0439 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0444\u043e\u0440\u043c\u0430\u0442 «Feb 12, 2019»<\/strong><\/span> \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f dateFormatter<\/span><\/strong>, \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u043d\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u0430\u0442\u044b \u0432 \u044d\u0442\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435:<\/span><\/p>\n
    let dateFormatter = DateFormatter()\r\n        dateFormatter.locale = Locale(identifier: \"en-US\")\r\n        dateFormatter.setLocalizedDateFormatFromTemplate(\"MMM d yyyy\")<\/code><\/pre>\n
    \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e\u00a0 dateFormatter<\/span><\/strong>\u00a0\u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u043a \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c \u043b\u0435\u0433\u043a\u043e:<\/span><\/p>\n
    case \"x\":\r\n          graph.namex = \"x\"\r\n          graph.xTime = values.map{ dateFormatter.string (\r\n               from:Date(timeIntervalSince1970: TimeInterval($0\/1000))\r\n          )}<\/code><\/pre>\n
    \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u043e\u0432 \u0432 UIColor<\/span><\/strong> \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 hexStringToUIColor<\/span><\/strong>, \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u043d\u043e\u0439 \u0432 extension String<\/span><\/strong>:<\/span><\/p>\n
    extension String {\r\n    func hexStringToUIColor () -> UIColor {\r\n        var cString:String = self.trimmingCharacters(in:\r\n                                  .whitespacesAndNewlines).uppercased()\r\n        \r\n        if (cString.hasPrefix(\"#\")) {\r\n            cString.remove(at: cString.startIndex)\r\n        }\r\n        \r\n        if ((cString.count) != 6) {\r\n            return UIColor.gray\r\n        }\r\n        \r\n        var rgbValue:UInt32 = 0\r\n        Scanner(string: cString).scanHexInt32(&rgbValue)\r\n        \r\n        return UIColor(\r\n            red: CGFloat((rgbValue & 0xFF0000) >> 16) \/ 255.0,\r\n            green: CGFloat((rgbValue & 0x00FF00) >> 8) \/ 255.0,\r\n            blue: CGFloat(rgbValue & 0x0000FF) \/ 255.0,\r\n            alpha: CGFloat(1.0)\r\n        )\r\n    }\r\n}<\/code><\/pre>\n
    \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 ChartElement<\/span><\/strong>\u00a0\u0432\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u044e\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443\u00a0 LinesSet\u00a0<\/span><\/strong>\u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 c<\/span><\/strong><\/span>onv<\/span>ertToInternalModel(_ chatti: ChartElement ) -> LinesSet<\/strong><\/span>,\u00a0\u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0432 compactMap<\/span><\/strong> \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f «\u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» chartsData<\/span><\/strong> \u0432\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435.<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u0415\u0449\u0435 \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u0438 addID<\/span><\/strong> \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 id<\/span><\/strong> \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0430\u0448\u0438 «\u043d\u0430\u0431\u043e\u0440\u044b \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» Identifiable<\/span><\/strong>, \u044d\u0442\u043e \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u043c \u043b\u0435\u0433\u043a\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c «\u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u0432 SwiftUI<\/strong><\/span>.<\/span><\/p>\n
    \u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b JSON<\/strong> \u0434\u0430\u043d\u043d\u044b\u0445 [<\/span><\/strong>Ch<\/strong>artElement]\u00a0<\/span><\/strong><\/span>\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0434\u0430\u043d\u043d\u044b\u0445 «\u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e» \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f\u00a0 LinesSet<\/strong><\/span> \u0438\u00a0Line<\/span> <\/strong>\u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 Chart.swift<\/em><\/strong>. \u041a\u043e\u0434 \u0434\u043b\u044f \u00a0\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\u00a0 JSON\u00a0<\/strong>\u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0438\u0445 \u0432\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f\u00a0 \u0432 \u0444\u0430\u0439\u043b\u0435 Data.swift<\/em><\/strong>. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438\u00a0<\/span><\/span><\/span><\/span>\u0434\u0430\u043d\u043d\u044b\u0435 \u043e «\u043d\u0430\u0431\u043e\u0440\u0430\u0445 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432» \u0432\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u0432 \u0432\u0438\u0434\u0435 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 chartsData<\/span><\/strong>. \u042d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c \u043d\u0430\u0448\u0430 \u041c<\/strong>\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445, \u043d\u043e \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 SwiftUI\u00a0<\/span><\/strong>\u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u043b\u044e\u0431\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u0432\u00a0 \u043c\u0430\u0441\u0441\u0438\u0432\u0435\u00a0chartsData<\/span><\/strong>.( \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e «\u043e\u043a\u043e\u0448\u043a\u0430», \u0441\u043a\u0440\u044b\u0442\u0438\u0435 \/ \u043f\u043e\u043a\u0430\u0437 «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432») \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043b\u0438 \u043a\u00a0\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u043c \u043d\u0430\u0448\u0438\u0445\u00a0Views<\/strong><\/span>.<\/span><\/p>\n
    \u041f\u043e \u043e\u0431\u0440\u0430\u0437\u0446\u0443 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u00a0Apple \u0434\u043b\u044f SwiftUI<\/a> <\/strong>\u00a0\u0434\u043b\u044f \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 SwiftUI\u00a0<\/strong><\/span>\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u043e \u0432\u0441\u0435\u0445\u00a0Views<\/strong><\/span>\u00a0\u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f , \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c @Environment<\/span>Object<\/strong><\/span><\/strong>. \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043d\u0430\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u00a0\u041c<\/strong>\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445 \u0432\u0435\u0437\u0434\u0435, \u0433\u0434\u0435 \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e, \u0438 \u043a\u0440\u043e\u043c\u0435 \u044d\u0442\u043e\u0433\u043e, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u043d\u0430\u0448\u0438 Views<\/strong><\/span>, \u0435\u0441\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u043c\u0435\u043d\u044f\u0442\u044c\u0441\u044f. \u042d\u0442\u043e \u0447\u0442\u043e-\u0442\u043e \u0442\u0438\u043f\u0430 Singleton<\/span><\/strong> \u0438\u043b\u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445.<\/span><\/p>\n
    \n
    \n
    @Environment<\/span>Object<\/span><\/strong>\u00a0\u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043e\u0442 \u043d\u0430\u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430\u00a0final class UserData<\/span><\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 UserData.swif<\/strong>t<\/em>, \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 chartsData\u00a0<\/span><\/strong>\u0438 <\/span>\u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b Observable<\/span>Object<\/strong><\/span><\/strong>:<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u041d\u0430\u043b\u0438\u0447\u0438\u0435 @Published<\/span><\/strong>\u00a0«\u043e\u0431\u0435\u0440\u0442\u043a\u0438» \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c «\u043d\u043e\u0432\u043e\u0441\u0442\u0438» \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0435\u00a0 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u00a0charts\u00a0<\/span><\/strong>\u043a\u043b\u0430\u0441\u0441\u0430 UserData\u00a0<\/span><\/strong>\u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0438\u0441\u044c, \u0442\u0430\u043a \u0447\u0442\u043e \u043b\u044e\u0431\u044b\u0435 Views<\/strong><\/span>, «\u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u044d\u0442\u0438 \u043d\u043e\u0432\u043e\u0441\u0442\u0438» \u0432 SwiftUI<\/strong><\/span>, \u0441\u043c\u043e\u0433\u0443\u0442\u00a0\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f.\u00a0<\/span><\/p>\n
    \u041e\u0442\u043c\u0435\u0442\u0438\u043c, \u0447\u0442\u043e \u0432 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0435\u00a0charts<\/span><\/strong>\u00a0\u043c\u043e\u0433\u0443\u0442 \u043c\u0435\u043d\u044f\u0442\u044c\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f isHidden\u00a0<\/span><\/strong>\u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e «\u0413\u0440\u0430\u0444\u0438\u043a\u0430» (\u043e\u043d\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0441\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u044d\u0442\u0438 «\u0413\u0440\u0430\u0444\u0438\u043a\u0438»), \u0430 \u0442\u0430\u043a\u0436\u0435 \u043d\u0438\u0436\u043d\u044f\u044f lowerBound<\/strong><\/span> \u0438 \u0432\u0435\u0440\u0445\u043d\u044f\u044f upperBound<\/span><\/strong> \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u0430 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e «\u043d\u0430\u0431\u043e\u0440\u0430 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432».<\/span><\/p>\n
    \u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e charts\u00a0<\/span><\/strong>\u043a\u043b\u0430\u0441\u0441\u0430 UserData<\/span><\/strong>\u00a0\u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0432\u0441\u044e\u0434\u0443 \u0432 \u043d\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0438 \u043d\u0430\u043c \u043d\u0435 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0441 UI<\/strong> \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f @Environment<\/span>Object<\/span><\/strong>.<\/span><\/p>\n
    \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440 \u043a\u043b\u0430\u0441\u0441\u0430 UserData ()<\/span><\/strong>, \u0447\u0442\u043e\u0431\u044b \u0432\u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435 \u0438\u043c\u0435\u0442\u044c \u043a \u043d\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f \u0433\u0434\u0435 \u0443\u0433\u043e\u0434\u043d\u043e \u0432 \u043d\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u041c\u044b \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u044d\u0442\u043e \u0432 \u0444\u0430\u0439\u043b\u0435\u00a0SceneDelegate.swift\u00a0<\/strong><\/em>\u0432\u043d\u0443\u0442\u0440\u0438 \u043c\u0435\u0442\u043e\u0434\u0430\u00a0scene (_\u00a0: , willConnectTo: , options: )<\/span><\/strong>. \u0418\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043c \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u0448 ContentView<\/span><\/strong>, \u0438 \u0438<\/span>\u043c\u0435\u043d\u043d\u043e \u0437\u0434\u0435\u0441\u044c \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c ContentView\u00a0<\/span><\/strong>\u043b\u044e\u0431\u044b\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430\u043c\u0438\u00a0@Environment<\/span>Object<\/span><\/strong>\u00a0\u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b SwiftUI<\/strong><\/span> \u043c\u043e\u0433 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0438\u0445 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c\u0438 \u0434\u043b\u044f\u00a0\u043b\u044e\u0431\u043e\u0433\u043e \u0434\u0440\u0443\u0433\u043e\u0433\u043e\u00a0View\u00a0<\/span><\/strong><\/span>:<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u0422\u0435\u043f\u0435\u0440\u044c, \u0432 \u043b\u044e\u0431\u043e\u043c View<\/span><\/strong> \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a @Published<\/span><\/strong>\u00a0\u0434\u0430\u043d\u043d\u044b\u043c \u043a\u043b\u0430\u0441\u0441\u0430 UserData\u00a0<\/span><\/strong>\u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e var<\/span><\/strong>, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f @Environment<\/span>Object<\/span><\/strong>\u00a0\u043e\u0431\u0435\u0440\u0442\u043a\u0443. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0430 \u0432 RangeView<\/span><\/strong>\u00a0\u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e var\u00a0<\/span><\/strong>userData<\/span><\/strong>, \u0438\u043c\u0435\u044e\u0449\u0443\u044e \u0422\u0418\u041f UserData<\/span><\/strong>:<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u041d\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430\u00a0userData<\/span><\/strong>\u00a0\u043a\u043b\u0430\u0441\u0441\u0430 UserData<\/span><\/strong> \u0438\u043b\u0438 \u0437\u0430\u0434\u0430\u043d\u0438\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0431\u0443\u0434\u0435\u0442 \u0441\u0447\u0438\u0442\u0430\u043d \u0438\u0437 «\u0441\u0440\u0435\u0434\u044b», \u0442\u0430\u043a \u043a\u0430\u043a \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f @Environment<\/span>Object<\/span><\/strong>.<\/span><\/p>\n
    \u0418\u0442\u0430\u043a, \u043a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u044b \u0432\u043d\u0435\u0434\u0440\u0438\u043b\u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 @Environment<\/span>Object\u00a0<\/span><\/strong>\u0432 «\u0441\u0440\u0435\u0434\u0443», \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0435\u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e \u043d\u0430\u0447\u0430\u0442\u044c \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0431\u043e \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0440\u043e\u0432\u043d\u0435, \u043b\u0438\u0431\u043e 10-\u044e \u0443\u0440\u043e\u0432\u043d\u044f\u043c\u0438 \u043d\u0438\u0436\u0435 — \u044d\u0442\u043e \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f. \u041d\u043e \u0447\u0442\u043e \u0431\u043e\u043b\u0435\u0435 \u0432\u0430\u0436\u043d\u043e, \u0432\u0441\u044f\u043a\u0438\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u043a\u0430\u043a\u043e\u0435-\u0442\u043e View<\/span><\/strong> \u0438\u0437\u043c\u0435\u043d\u0438\u0442 «\u0441\u0440\u0435\u0434\u0443», \u0432\u0441\u0435 Views<\/span><\/strong>, \u0438\u043c\u0435\u044e\u0449\u0438\u0435 \u044d\u0442\u043e\u0442 @Environment<\/span>Object<\/span><\/strong>, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u0431\u043d\u043e\u0432\u044f\u0442\u0441\u044f, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044f \u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c \u00a0\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u044e \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438.<\/span><\/p>\n
    \u0414\u0430\u043d\u043d\u044b\u0435 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u044b \u0432 \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043e\u043d\u0438 \u043c\u043e\u0433\u0443\u0442 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c\u0441\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c, \u00a0\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f SwiftUI<\/strong><\/span> \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e \u0440\u0435\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u044d\u0442\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f. \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0440\u0430 \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043e \u0441\u0430\u043c\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435 (UI<\/strong>).<\/span><\/p>\n
    \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 (UI) \u0434\u043b\u044f\u00a0\u043e\u0434\u043d\u043e\u0433\u043e «\u043d\u0430\u0431\u043e\u0440\u0430 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432»<\/h1>\n
    SwiftUI<\/span><\/strong>\u00a0\u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u043d\u0443\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f UI<\/strong> \u0438\u0437 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0430 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0445 Views<\/strong><\/span>, \u0430 \u043c\u044b \u0443\u0436\u0435 \u0432\u0438\u0434\u0435\u043b\u0438, \u0447\u0442\u043e \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u043e \u043b\u043e\u0436\u0438\u0442\u0441\u044f \u043d\u0430 \u044d\u0442\u0443 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044e, \u0442\u0430\u043a \u043a\u0430\u043a \u0440\u0430\u0441\u0449\u0435\u043f\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u043a\u0443\u0441\u043e\u0447\u043a\u0438: «\u043d\u0430\u0431\u043e\u0440 \u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432»\u00a0ChartView<\/span><\/strong>, «\u0413\u0440\u0430\u0444\u0438\u043a\u0438»\u00a0GraphsForChart<\/span><\/strong>, \u043e\u0442\u043c\u0435\u0442\u043a\u0438 \u043d\u0430 \u043e\u0441\u0438 Y —\u00a0<\/strong>YTickerView<\/span><\/strong>, \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432»\u00a0IndicatorView<\/strong><\/span>, «\u0431\u0435\u0433\u0443\u0449\u0443\u044e» \u0441\u0442\u0440\u043e\u043a\u0443 TickerView<\/span><\/strong>\u0441 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u043e\u0442\u043c\u0435\u0442\u043a\u0430\u043c\u0438 \u043d\u0430 \u043e\u0441\u0438 X\u00a0<\/strong>, \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u043e\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c «\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 \u043e\u043a\u043d\u043e»\u00a0RangeView<\/strong><\/span>, \u043e\u0442\u043c\u0435\u0442\u043a\u0438 \u043e \u0441\u043a\u0440\u044b\u0442\u0438\u0438 \/ \u043f\u043e\u043a\u0430\u0437\u0435 «\u0413\u0440\u0430\u0444\u0438\u043a\u043e\u0432»\u00a0CheckMarksView<\/strong><\/span>. \u0412\u0441\u0435 \u044d\u0442\u0438 Views\u00a0<\/span><\/strong>\u0441\u0430\u043c\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u0442 \u0438\u0437 \u0431\u043e\u043b\u0435\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0440\u043d\u044b\u0445\u00a0Views<\/strong><\/span>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430, \u043d\u043e \u0442\u0443\u0442 \u0436\u0435 \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Previews<\/span><\/strong>\u00a0(\u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 «\u0436\u0438\u0432\u044b\u0445» \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u043e\u0432) \u043d\u0430 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445.<\/span><\/span><\/span><\/span><\/p>\n
    GraphView<\/span> — «\u0413\u0440\u0430\u0444\u0438\u043a»<\/h1>\n
    \u041f\u0435\u0440\u0432\u043e\u0435\u00a0View<\/strong><\/span>, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043c\u044b \u043d\u0430\u0447\u043d\u0435\u043c, — \u044d\u0442\u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u0430\u043c «\u0413\u0440\u0430\u0444\u0438\u043a» (\u0438\u043b\u0438 «\u041b\u0438\u043d\u0438\u044f»). \u041c\u044b \u043d\u0430\u0437\u043e\u0432\u0435\u043c \u0435\u0433\u043e GraphView<\/span><\/strong> :<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 GraphView<\/span><\/strong>, \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e, \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0432 Xcode 11<\/strong> \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u043d\u044e File<\/strong> -> New<\/strong> -> File<\/strong> :<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u0417\u0430\u0442\u0435\u043c \u043c\u044b \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0443\u0436\u043d\u044b\u0439 \u0422\u0418\u041f \u0444\u0430\u0439\u043b\u0430 — \u044d\u0442\u043e SwiftUI<\/strong> \u0444\u0430\u0439\u043b:<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    … \u0434\u0430\u0435\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 «GraphView<\/strong>» \u043d\u0430\u0448\u0435\u043c\u0443 View<\/span><\/strong> \u0438 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0435\u0433\u043e \u043c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435:<\/span>
    \n\"\"<\/a><\/p>\n
    \u041a\u043b\u0438\u043a\u0430\u0435\u043c \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0435 «Create<\/strong>» \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0435 View\u00a0<\/span><\/strong>\u0441 \u0442\u0435\u043a\u0441\u0442\u043e\u043c Text\u00a0( «Hello\u00a0 World!»)<\/span><\/strong> \u0432 \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 \u044d\u043a\u0440\u0430\u043d\u0430:<\/span><\/p>\n
    \"\"<\/a><\/p>\n
    \u041d\u0430\u0448\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 — \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442\u00a0Text\u00a0(«Hello World!»)\u00a0<\/span><\/strong>\u043d\u0430 «\u0413\u0440\u0430\u0444\u0438\u043a», \u043d\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a\u0438\u043c\u0438 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f «\u0413\u0440\u0430\u0444\u0438\u043a\u0430» \u043c\u044b \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c:<\/span><\/p>\n