{"id":16817,"date":"2025-03-11T15:11:49","date_gmt":"2025-03-11T15:11:49","guid":{"rendered":"https:\/\/bestkora.com\/IosDeveloper\/?p=16817"},"modified":"2025-04-05T10:44:46","modified_gmt":"2025-04-05T10:44:46","slug":"%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%b8%d0%b3%d1%80%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d1%85-%d0%ba%d0%b0%d1%80%d1%82-%d0%b2-swiftui-%d1%81-%d0%bf%d0%be%d0%bc%d0%be%d1%89%d1%8c%d1%8e-%d0%b8","status":"publish","type":"post","link":"https:\/\/bestkora.com\/IosDeveloper\/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%b8%d0%b3%d1%80%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d1%85-%d0%ba%d0%b0%d1%80%d1%82-%d0%b2-swiftui-%d1%81-%d0%bf%d0%be%d0%bc%d0%be%d1%89%d1%8c%d1%8e-%d0%b8\/","title":{"rendered":"\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u0430\u0440\u0442 \u0432 SwiftUI \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0418\u0418 Grok 3"},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n

\u041c\u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0432 SwiftUI «\u0440\u043e\u0434\u043d\u043e\u0435» View<\/code> \u0434\u043b\u044f \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u0430\u0440\u0442, \u043d\u0435 \u0443\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0435\u0435 \u043f\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0443 \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u044b\u043c \u043a\u0430\u0440\u0442\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u043b \u041f\u043e\u043b \u0425\u044d\u0433\u0435\u0440\u0442\u0438 \u043d\u0430 \u0434\u0430\u043b\u0435\u043a\u043e\u043c \u0441\u0442\u044d\u043d\u0444\u043e\u0440\u0434\u0441\u043a\u043e\u043c \u043a\u0443\u0440\u0441\u0435 CS193P 2017 \u041b\u0435\u043a\u0446\u0438\u044f 6<\/a><\/strong> \u0432 UIKit. \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u044c\u044e \u0431\u044b\u043b\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0430\u0440\u0442\u0435 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432 \u043c\u0430\u0441\u0442\u0438 \u0434\u043b\u044f \u0447\u0438\u0441\u043b\u043e\u0432\u044b\u0445 \u043a\u0430\u0440\u0442 (2 -10). \u042f \u0434\u0430\u0436\u0435 \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u043b\u0430<\/strong><\/a> \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u0443\u044e \u041f\u043e\u043b\u043e\u043c \u0425\u044d\u0433\u0435\u0440\u0442\u0438 \u0432 UIKit <\/span>\u0438\u0433\u0440\u0430\u043b\u044c\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0443 \u0432 SwiftUI, \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u043b\u0435\u0433\u043a\u043e\u0441\u0442\u044c \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 UIViews \u0432  SwiftUI<\/a><\/strong>. \u041d\u043e \u044d\u0442\u043e \u0432\u0441\u0435-\u0442\u0430\u043a\u0438 \u043d\u0435 «\u0440\u043e\u0434\u043d\u043e\u0435» SwiftUI View<\/code>. <\/span><\/p>\n\n\n\n

\u042f \u043e\u0431\u0440\u0430\u0442\u0438\u043b\u0430\u0441\u044c \u043a \u0418\u0418: Grok 3 Think<\/strong>, ChatGPT 3.0-mini Reason,<\/strong> Claude 3.7<\/strong>, Gemini 2.0 Flash<\/strong>, DeepSeek<\/strong>, Qwen 2.5 Max<\/strong> — \u0441 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u043c \u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u0430\u0440\u0442 \u0432 SwiftUI.<\/span><\/p>\n\n\n\n

\u0421\u0430\u043c\u044b\u0439 \u0432\u043f\u0435\u0447\u0430\u0442\u043b\u044f\u044e\u0449\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430 \u043e\u0442 Grok 3 Think<\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u044b\u0439 \u0438 \u043e\u0447\u0435\u043d\u044c \u0433\u0438\u0431\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0447\u0438\u0441\u043b\u043e\u0432\u044b\u0445 \u043a\u0430\u0440\u0442 (2-10) \u0432 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c SwiftUI, \u0442\u043e\u0442 \u0436\u0435 \u0441\u0430\u043c\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b \u0438 ChatGPT 3.0-mini Reason<\/a> <\/strong>\u0441 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u043c\u0438 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f\u043c\u0438 \u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u0430 \u0432\u043e\u0442 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0433\u0440\u043e\u043c\u043e\u0437\u0434\u043a\u0438\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u0440\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0432\u043e\u0434\u0438\u043b\u0438\u0441\u044c \u043a \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0446\u0438\u044f\u043c HStack<\/code> \u0438 VStack<\/code> \u0434\u043b\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432 \u043c\u0430\u0441\u0442\u0438  (\u00ab\u2665\ufe0f\u00bb, \u00ab\u2666\ufe0f\u00bb, \u00ab\u2663\ufe0f\u00bb, \u00ab\u2660\ufe0f\u00bb) \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u0430\u043d\u0433\u0430 (2-10).<\/span><\/p>\n\n\n\n

\u042f \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u043e\u043c \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 Grok 3 Think<\/strong>, \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0438 \u0431\u044b\u043b \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d \u044d\u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442. <\/span><\/p>\n\n\n\n

\u041a\u043e\u0434 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 Github<\/a>.<\/strong><\/span><\/p>\n\n\n\n

\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432 \u044d\u0442\u043e\u043c \u043f\u043e\u0441\u0442\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u043c\u043e\u0436\u0435\u0442 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u043d\u0430 SwiftUI.<\/span><\/p>\n\n\n\n\n\n\n\n

Grok 3 \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 Playing Card<\/strong><\/h2>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

\u0427\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0443 \u0432 SwiftUI, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c View<\/code>, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0435\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0443\u044e \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0443 \u0441 \u043c\u0430\u0441\u0442\u044c\u044e (\u0447\u0435\u0440\u0432\u044b hearts<\/code>, \u0431\u0443\u0431\u043d\u044b diamonds, \u0442\u0440\u0435\u0444\u044b clubs<\/code> \u0438\u043b\u0438 \u043f\u0438\u043a\u0438 spades<\/code>) \u0438 \u0440\u0430\u043d\u0433\u043e\u043c (\u043e\u0442 2 \u0434\u043e 10, \u0432\u0430\u043b\u0435\u0442 Jack<\/code>, \u0434\u0430\u043c\u0430 Queen<\/code>, \u043a\u043e\u0440\u043e\u043b\u044c King<\/code> \u0438\u043b\u0438 \u0442\u0443\u0437 Ace<\/code>). \u041d\u0438\u0436\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u0430 \u043f\u043e\u043b\u043d\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f SwiftUI, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f enum<\/code> \u0434\u043b\u044f \u043c\u0430\u0441\u0442\u0435\u0439 \u0438 \u0440\u0430\u043d\u0433\u043e\u0432, \u041c\u043e\u0434\u0435\u043b\u044c \u043a\u0430\u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 struct PlayingCard<\/code> \u0438 View<\/code> \u0434\u043b\u044f \u0435\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f.<\/span><\/p>\n\n\n\n

\u0428\u0430\u0433 1:  \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043c\u0430\u0441\u0442\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f enum Suit<\/strong><\/p>\n\n\n\n

\u041c\u0430\u0441\u0442\u044c Suit<\/code> \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043e\u0434\u043d\u0438\u043c \u0438\u0437 \u0447\u0435\u0442\u044b\u0440\u0435\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432, \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0438\u043c\u0435\u0435\u0442 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0441\u0438\u043c\u0432\u043e\u043b \u0438 \u0446\u0432\u0435\u0442 (\u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u0434\u043b\u044f \u0447\u0435\u0440\u0432\u0435\u0439 hearts<\/code> \u0438 \u0431\u0443\u0431\u043d\u043e\u0432 diamonds<\/code>, \u0447\u0435\u0440\u043d\u044b\u0439 \u0434\u043b\u044f \u0442\u0440\u0435\u0444 clubs<\/code> \u0438 \u043f\u0438\u043a spades<\/code>). \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435 enum<\/code> \u0441 raw values<\/code> \u0434\u043b\u044f \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432 \u0438 \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c\u044b\u043c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u043c color<\/code> \u0434\u043b\u044f \u0446\u0432\u0435\u0442\u0430.<\/span><\/p>\n\n\n\n

<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
import<\/span> <\/span>SwiftUI<\/span><\/span>\n<\/span>\nenum<\/span> <\/span>Suit<\/span>: <\/span>String <\/span>{<\/span><\/span>\n    <\/span>case<\/span> <\/span>hearts<\/span> <\/span>=<\/span> <\/span>"\u2665\ufe0f"<\/span><\/span>\n    <\/span>case<\/span> <\/span>diamonds<\/span> <\/span>=<\/span> <\/span>"\u2666\ufe0f"<\/span><\/span>\n    <\/span>case<\/span> <\/span>clubs<\/span> <\/span>=<\/span> <\/span>"\u2663\ufe0f"<\/span><\/span>\n    <\/span>case<\/span> <\/span>spades<\/span> <\/span>=<\/span> <\/span>"\u2660\ufe0f"<\/span><\/span>\n    <\/span><\/span>\n    <\/span>var<\/span> color: Color {<\/span><\/span>\n        <\/span>switch<\/span> <\/span>self<\/span> {<\/span><\/span>\n        <\/span>case<\/span> .<\/span>hearts<\/span>, .<\/span>diamonds<\/span>:<\/span><\/span>\n            <\/span>return<\/span> .<\/span>red<\/span><\/span>\n        <\/span>case<\/span> .<\/span>clubs<\/span>, .<\/span>spades<\/span>:<\/span><\/span>\n            <\/span>return<\/span> .<\/span>black<\/span><\/span>\n        }<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\u0428\u0430\u0433 2: \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0440\u0430\u043d\u0433\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f enum Rank <\/strong><\/p>\n\n\n\n
\u0420\u0430\u043d\u0433 Rank<\/code> \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0447\u0438\u0441\u043b\u043e\u043c number<\/code> \u043e\u0442 2 \u0434\u043e 10 \u0438\u043b\u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u043e\u0439 (\u0432\u0430\u043b\u0435\u0442 Jack<\/code>, \u0434\u0430\u043c\u0430 Queen<\/code>, \u043a\u043e\u0440\u043e\u043b\u044c King<\/code>, \u0442\u0443\u0437 Ace<\/code>). \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435 enum<\/code> \u0441 raw values <\/code>\u0434\u043b\u044f \u0447\u0438\u0441\u0435\u043b number<\/code> \u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430\u043c\u0438 case<\/code> \u0434\u043b\u044f \u043a\u0430\u0440\u0442 \u0441 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e display<\/code> \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0440\u0430\u043d\u0433\u0430 \u0432 \u0432\u0438\u0434\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 String<\/code>.<\/span><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
enum<\/span> <\/span>Rank<\/span> {<\/span><\/span>\n    <\/span>case<\/span> <\/span>number<\/span>(<\/span>Int<\/span>)<\/span><\/span>\n    <\/span>case<\/span> <\/span>jack<\/span><\/span>\n    <\/span>case<\/span> <\/span>queen<\/span><\/span>\n    <\/span>case<\/span> <\/span>king<\/span><\/span>\n    <\/span>case<\/span> <\/span>ace<\/span><\/span>\n    <\/span><\/span>\n    <\/span>var<\/span> display: <\/span>String<\/span> {<\/span><\/span>\n        <\/span>switch<\/span> <\/span>self<\/span> {<\/span><\/span>\n        <\/span>case<\/span> .<\/span>number<\/span>(<\/span>let<\/span> num)<\/span>:<\/span><\/span>\n            <\/span>return<\/span> <\/span>String<\/span>(num)<\/span><\/span>\n        <\/span>case<\/span> .<\/span>jack<\/span>:<\/span><\/span>\n            <\/span>return<\/span> <\/span>"J"<\/span><\/span>\n        <\/span>case<\/span> .<\/span>queen<\/span>:<\/span><\/span>\n            <\/span>return<\/span> <\/span>"Q"<\/span><\/span>\n        <\/span>case<\/span> .<\/span>king<\/span>:<\/span><\/span>\n            <\/span>return<\/span> <\/span>"K"<\/span><\/span>\n        <\/span>case<\/span> .<\/span>ace<\/span>:<\/span><\/span>\n            <\/span>return<\/span> <\/span>"A"<\/span><\/span>\n        }<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\u0428\u0430\u0433 3: \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043c\u043e\u0434\u0435\u043b\u044c \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b<\/strong><\/p>\n\n\n\n
\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 struct PlayingCard <\/code>\u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0435\u0442 \u043c\u0430\u0441\u0442\u044c suit<\/code> \u0438 \u0440\u0430\u043d\u0433 rank<\/code> \u0434\u043b\u044f View \u043e\u0434\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b.<\/span><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
struct<\/span> <\/span>PlayingCard<\/span> {<\/span><\/span>\n    <\/span>let<\/span> suit: Suit<\/span><\/span>\n    <\/span>let<\/span> rank: Rank<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\u0428\u0430\u0433 4: \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u043d\u043e\u0433\u043e\u0440\u0430\u0437\u043e\u0432\u043e\u0433\u043e RankSuitView<\/strong><\/p>\n\n\n\n
\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0440\u0430\u043d\u0433 rank<\/code> \u0438 \u043c\u0430\u0441\u0442\u044c suit<\/code> \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u043a\u0430\u043a \u0432 \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u043b\u0435\u0432\u043e\u043c, \u0442\u0430\u043a \u0438 \u0432 \u043d\u0438\u0436\u043d\u0435\u043c \u043f\u0440\u0430\u0432\u043e\u043c \u0443\u0433\u043b\u0430\u0445 \u043a\u0430\u0440\u0442\u044b, \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043c\u043d\u043e\u0433\u043e\u0440\u0430\u0437\u043e\u0432\u044b\u0439 RankSuitView<\/code>, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0438\u0445 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e.<\/span><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
struct<\/span> <\/span>RankSuitView<\/span>: <\/span>View <\/span>{<\/span><\/span>\n    <\/span>let<\/span> rank: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> suit: <\/span>String<\/span><\/span>\n    <\/span><\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>VStack<\/span> {<\/span><\/span>\n            <\/span>Text<\/span>(rank)<\/span><\/span>\n                .<\/span>font<\/span>(.<\/span>largeTitle<\/span>)<\/span><\/span>\n            <\/span>Text<\/span>(suit)<\/span><\/span>\n                .<\/span>font<\/span>(.<\/span>largeTitle<\/span>)<\/span><\/span>\n        }<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\u0428\u0430\u0433 5: \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 CardView<\/strong><\/p>\n\n\n\n
CardView<\/code> \u2014 \u044d\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 SwiftUI View<\/code>, \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0449\u0435\u0435 \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0443. \u041e\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 ZStack<\/code> \u0434\u043b\u044f \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0431\u0435\u043b\u043e\u0433\u043e \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0441 \u0447\u0435\u0440\u043d\u043e\u0439 \u0433\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0444\u043e\u043d\u0430 \u0438 VStack<\/code> \u0441 HStacks<\/code> \u0434\u043b\u044f \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0440\u0430\u043d\u0433\u0430 rank<\/code> \u0438 \u043c\u0430\u0441\u0442\u0438 suit<\/code> \u0432 \u0443\u0433\u043b\u0430\u0445. \u041d\u0438\u0436\u043d\u0438\u0439 \u043f\u0440\u0430\u0432\u044b\u0439 \u0443\u0433\u043e\u043b \u043f\u043e\u0432\u0435\u0440\u043d\u0443\u0442 \u043d\u0430 180 \u0433\u0440\u0430\u0434\u0443\u0441\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u0438\u043c\u0438\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0439 \u0438\u0433\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b.<\/span><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
struct<\/span> <\/span>CardView<\/span>: <\/span>View <\/span>{<\/span><\/span>\n    <\/span>let<\/span> card: PlayingCard<\/span><\/span>\n    <\/span><\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>ZStack<\/span> {<\/span><\/span>\n            <\/span>\/\/ Card background<\/span><\/span>\n            <\/span>RoundedRectangle<\/span>(<\/span>cornerRadius<\/span>: <\/span>10<\/span>)<\/span><\/span>\n                .<\/span>fill<\/span>(Color.<\/span>white<\/span>)<\/span><\/span>\n                .<\/span>overlay<\/span>(<\/span><\/span>\n                    <\/span>RoundedRectangle<\/span>(<\/span>cornerRadius<\/span>: <\/span>10<\/span>)<\/span><\/span>\n                        .<\/span>stroke<\/span>(Color.<\/span>black<\/span>, <\/span>lineWidth<\/span>: <\/span>2<\/span>)<\/span><\/span>\n                )<\/span><\/span>\n            <\/span><\/span>\n            <\/span>\/\/ Rank and suit in corners<\/span><\/span>\n            <\/span>VStack<\/span> {<\/span><\/span>\n                <\/span>HStack<\/span> {<\/span><\/span>\n                    <\/span>RankSuitView<\/span>(<\/span>rank<\/span>: card.<\/span>rank<\/span>.<\/span>display<\/span>, <\/span><\/span>\n                                 <\/span>suit<\/span>: card.<\/span>suit<\/span>.rawValue)<\/span><\/span>\n                    <\/span>Spacer<\/span>()<\/span><\/span>\n                }<\/span><\/span>\n                <\/span>Spacer<\/span>()<\/span><\/span>\n                <\/span>HStack<\/span> {<\/span><\/span>\n                    <\/span>Spacer<\/span>()<\/span><\/span>\n                    <\/span>RankSuitView<\/span>(<\/span>rank<\/span>: card.<\/span>rank<\/span>.<\/span>display<\/span>, <\/span><\/span>\n                                 <\/span>suit<\/span>: card.<\/span>suit<\/span>.rawValue)<\/span><\/span>\n                        .<\/span>rotationEffect<\/span>(.<\/span>degrees<\/span>(<\/span>180<\/span>))<\/span><\/span>\n                }<\/span><\/span>\n            }<\/span><\/span>\n            .<\/span>padding<\/span>()<\/span><\/span>\n            .<\/span>foregroundColor<\/span>(card.<\/span>suit<\/span>.color)<\/span><\/span>\n        }<\/span><\/span>\n        .<\/span>aspectRatio<\/span>(<\/span>2<\/span>\/<\/span>3<\/span>, <\/span>contentMode<\/span>: .<\/span>fit<\/span>)<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n