{"id":16279,"date":"2024-12-01T18:24:23","date_gmt":"2024-12-01T18:24:23","guid":{"rendered":"https:\/\/bestkora.com\/IosDeveloper\/?p=16279"},"modified":"2024-12-03T08:38:46","modified_gmt":"2024-12-03T08:38:46","slug":"cursor-ai-%d0%b2-ios-%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%ba%d0%b5-%d0%bf%d1%80%d0%b8%d0%bb%d0%be%d0%b6%d0%b5%d0%bd%d0%b8%d0%b5-%d1%84%d0%be%d1%82%d0%be-%d1%81-flickr-com-%d1%87","status":"publish","type":"post","link":"https:\/\/bestkora.com\/IosDeveloper\/cursor-ai-%d0%b2-ios-%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%ba%d0%b5-%d0%bf%d1%80%d0%b8%d0%bb%d0%be%d0%b6%d0%b5%d0%bd%d0%b8%d0%b5-%d1%84%d0%be%d1%82%d0%be-%d1%81-flickr-com-%d1%87\/","title":{"rendered":"Cursor AI \u0432 iOS \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435. \u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 «\u0424\u043e\u0442\u043e \u0441 Flickr.com». \u0427\u0430\u0441\u0442\u044c 2."},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n

\u041c\u044b \u0438\u0441\u0441\u043b\u0435\u0434\u0443\u0435\u043c \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 Cursor AI <\/strong>\u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f iOS<\/strong> \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 \u0432\u044b\u0431\u043e\u0440\u043a\u043e\u0439 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u043d\u0430 Flickr.com.<\/a>
UI \u044d\u0442\u043e\u0433\u043e iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0443 \u043f\u043e\u0438\u0441\u043a\u0430 \u0432\u0432\u0435\u0440\u0445\u0443 \u0438 \u0441\u0435\u0442\u043a\u0443 Grid<\/mark><\/code> \u043f\u043e\u0434 \u043d\u0435\u0439 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043c\u0438\u043d\u0438\u0430\u0442\u044e\u0440 \u044d\u0442\u0438\u0445 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043a\u043b\u0438\u043a\u043d\u0443\u0442\u044c \u043d\u0430 \u043b\u044e\u0431\u0443\u044e \u0438\u0437 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u043d\u0435\u0439:<\/span><\/p>\n\n\n\n

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

\u041d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438, \u0442\u043e \u0435\u0441\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0442\u0430\u043a\u043e\u0433\u043e iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u0430\u043d\u043e \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u043c \u043f\u043e\u0441\u0442\u0435 «Cursor AI \u0432 iOS \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435. \u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 «\u0424\u043e\u0442\u043e \u0441 Flickr.com». \u0427\u0430\u0441\u0442\u044c 1.» <\/a>
\u041e\u043a\u043e\u043d\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f PhotomaniaCursor<\/strong> \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 Github.com<\/a>.
\u0417\u0434\u0435\u0441\u044c \u043c\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u043c \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 PhotomaniaCursor<\/strong>, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0431\u0438\u0440\u0430\u0442\u044c \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0435 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u0441 Flickr.com<\/strong><\/a>. \u0418 \u0432\u043e\u0442 \u043d\u0430\u0448 \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441:<\/span><\/p>\n\n\n\n

\u041a\u0430\u043a \u0447\u0430\u0441\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u043a  Flickr API \u043f\u0440\u0438 \u043d\u0430\u0431\u043e\u0440\u0435 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0441\u0442\u0440\u043e\u043a\u0435 \u043f\u043e\u0438\u0441\u043a\u0430?<\/h2>\n\n\n\n

\u041d\u0430\u0448\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f 8 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f PhotomaniaCursor<\/strong> \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438 \u043a\u0430\u043a \u0438 \u0432\u0435\u0440\u0441\u0438\u044f 7, \u043d\u043e \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0447\u0435\u0442\u043a\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u043f\u0440\u0438 \u043a\u0430\u043a\u0438\u0445 \u0442\u0435\u0433\u0430\u0445 tags<\/mark><\/code> \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u043a  Flickr API <\/strong>\u043f\u0440\u0438 \u043d\u0430\u0431\u043e\u0440\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0441\u0442\u0440\u043e\u043a\u0435 \u043f\u043e\u0438\u0441\u043a\u0430 searchText<\/mark><\/code>. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043f\u0435\u0447\u0430\u0442\u0430\u0442\u044c \u0432 FlickrViewModel<\/mark><\/code> \u0442\u0435\u0433\u0438 tags<\/mark><\/code>, \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u044d\u0442\u043e\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f, :<\/span><\/p>\n\n\n\n

<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
if<\/span> <\/span>let<\/span> encodedTags = tags.<\/span>addingPercentEncoding<\/span>(<\/span>withAllowedCharacters<\/span>: .<\/span>urlQueryAllowed<\/span>) {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>print<\/span> (<\/span>"--------------------------- <\/span>\\(<\/span>encodedTags<\/span>)<\/span>"<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 urlString += <\/span>"&tags=<\/span>\\(<\/span>encodedTags<\/span>)<\/span>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\n\n\n\n
\u0412\u0435\u0440\u0441\u0438\u044f 8<\/strong><\/h2>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
\u0427\u0442\u043e \u043d\u0430\u0441 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0442\u0440\u0435\u0432\u043e\u0436\u0438\u0442, \u0442\u0430\u043a \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u043f\u0440\u0438 \u0432\u0432\u043e\u0434\u0435 \u201cRose\u201d, \u201cSunrise\u201d, \u201cOcean\u201d \u0432 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435 searchText<\/mark><\/code> \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0441\u0438\u043c\u0432\u043e\u043b\u0430 (\u0431\u0443\u043a\u0432\u044b) \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u044b\u0431\u043e\u0440\u043a\u0430 \u0438\u0437 Flickr.com,<\/strong> \u0447\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u043d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u043e\u043c\u0443 \u043c\u0435\u043b\u044c\u043a\u0430\u043d\u0438\u044e \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0441\u0438\u043b\u044c\u043d\u043e \u043d\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0442\u0440\u0430\u0444\u0438\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0430 iPhone<\/strong>. 
\u0427\u0442\u043e\u0431\u044b \u0441\u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0434\u0435\u043d\u044c\u0433\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a. \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u0431\u043e\u0440\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430  Flickr.com <\/strong>\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043b\u0430\u0441\u044c \u043b\u0438\u0448\u044c \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442 \u0432\u0432\u043e\u0434\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435. 
\u042d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u0430 debounce<\/mark><\/code> \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 Combine<\/strong>.<\/span><\/p>\n\n\n\n
\u041e\u043f\u0435\u0440\u0430\u0442\u043e\u0440 debounce \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 Combine<\/h2>\n\n\n\n
\u041e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u0430 debounce<\/mark><\/code> \u043f\u043e\u043b\u0435\u0437\u0435\u043d, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0440\u0435\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u0432\u0432\u043e\u0434 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438\u043b\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445, \u043d\u043e \u043d\u0435 \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043a\u0430\u0436\u0434\u043e\u0435 \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435. \u041a \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u043c \u0441\u043b\u0443\u0447\u0430\u044f\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u0430 debounce<\/code> \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u043a\u0438 \u043f\u043e\u0438\u0441\u043a\u0430, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0434\u043e\u0436\u0434\u0430\u0442\u044c\u0441\u044f, \u043f\u043e\u043a\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u0440\u0435\u043a\u0440\u0430\u0442\u0438\u0442 \u043f\u0435\u0447\u0430\u0442\u0430\u0442\u044c, \u043f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043d\u0430\u0447\u0430\u0442\u044c \u043f\u043e\u0438\u0441\u043a.<\/span><\/p>\n\n\n\n
\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u043c Composer Cursor AI<\/strong> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0434\u043b\u044f \u043d\u0430\u0441:<\/span><\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
 <\/em><\/strong><\/span>\"\"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439 \u0434\u043b\u044f  \u00a0FlickrViewModel Combine <\/code>\u0438 .debounce(for:.millisecond(500))<\/code><\/span><\/p>\n\n\n\n
\n
\u042f \u043e\u0431\u043d\u043e\u0432\u043b\u044e FlickrViewModel<\/mark><\/code> \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f Combine<\/strong> \u0441 debounce<\/mark><\/code> \u0434\u043b\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u043e\u0438\u0441\u043a\u0430 searchText<\/mark><\/code>:<\/span><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
import<\/span> <\/span>Foundation<\/span><\/span>\nimport<\/span> <\/span>SwiftUI<\/span><\/span>\nimport<\/span> <\/span>Combine<\/span><\/span>\n<\/span>\n@MainActor<\/span><\/span>\nclass<\/span> <\/span>FlickrViewModel<\/span>: <\/span>ObservableObject <\/span>{<\/span><\/span>\n\u00a0 <\/span>@Published<\/span> <\/span>var<\/span> photos: [FlickrPhoto] = []<\/span><\/span>\n\u00a0 <\/span>@Published<\/span> <\/span>var<\/span> searchText = <\/span>""<\/span><\/span>\n\u00a0 <\/span>@Published<\/span> <\/span>var<\/span> isLoading = <\/span>false<\/span><\/span>\n\u00a0 <\/span>@Published<\/span> <\/span>var<\/span> errorMessage: <\/span>String<\/span>?<\/span><\/span>\n\u00a0<\/span><\/span>\n\u00a0 <\/span>private<\/span> <\/span>let<\/span> baseURL = <\/span>"https:\/\/api.flickr.com\/services\/feeds\/photos_public.gne?format=json&nojsoncallback=1"<\/span><\/span>\n\u00a0 <\/span>private<\/span> <\/span>var<\/span> cancellables = <\/span>Set<\/span><AnyCancellable>()<\/span><\/span>\n\u00a0<\/span><\/span>\n\u00a0 <\/span>init<\/span>() {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 <\/span>setupSearchSubscription<\/span>()<\/span><\/span>\n\u00a0 }<\/span><\/span>\n\u00a0<\/span><\/span>\n\u00a0 <\/span>private<\/span> <\/span>func<\/span> <\/span>setupSearchSubscription<\/span>() {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 $searchText<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>debounce<\/span>(<\/span>for<\/span>: .<\/span>milliseconds<\/span>(<\/span>500<\/span>), <\/span>scheduler<\/span>: DispatchQueue.<\/span>main<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>removeDuplicates<\/span>()<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>sink<\/span> { [<\/span>weak<\/span> <\/span>self<\/span>] _ <\/span>in<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>Task<\/span> {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>await<\/span> <\/span>self<\/span>?.<\/span>fetchPhotos<\/span>()<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>store<\/span>(<\/span>in<\/span>: &cancellables)<\/span><\/span>\n\u00a0 }<\/span><\/span>\n\u00a0<\/span><\/span>\n\u00a0 <\/span>func<\/span> <\/span>fetchPhotos<\/span>() <\/span>async<\/span> {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 isLoading = <\/span>true<\/span><\/span>\n\u00a0 \u00a0 \u00a0 errorMessage = <\/span>nil<\/span><\/span>\n\u00a0 \u00a0 \u00a0<\/span><\/span>\n\u00a0 \u00a0 \u00a0 <\/span>do<\/span> {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>var<\/span> urlString = baseURL<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>if<\/span> !searchText.isEmpty {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>let<\/span> tags = searchText<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>components<\/span>(<\/span>separatedBy<\/span>: <\/span>" "<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>filter<\/span> { !<\/span>$0<\/span>.isEmpty }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>joined<\/span>(<\/span>separator<\/span>: <\/span>","<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>if<\/span> <\/span>let<\/span> encodedTags = tags.<\/span>addingPercentEncoding<\/span>(\u00a0<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>withAllowedCharacters<\/span>: .<\/span>urlQueryAllowed<\/span>) {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 urlString += <\/span>"&tags=<\/span>\\(<\/span>encodedTags<\/span>)<\/span>"<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0}<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>guard<\/span> <\/span>let<\/span> url = <\/span>URL<\/span>(<\/span>string<\/span>: urlString) <\/span>else<\/span> {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>throw<\/span> <\/span>URLError<\/span>(.<\/span>badURL<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>let<\/span> (data, _) = <\/span>try<\/span> <\/span>await<\/span> URLSession.<\/span>shared<\/span>.<\/span>data<\/span>(<\/span>from<\/span>: url)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>let<\/span> result = <\/span>try<\/span> <\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0    <\/span>JSONDecoder<\/span>().<\/span>decode<\/span>(FlickrFeedResult.<\/span>self<\/span>, <\/span>from<\/span>: data)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 photos = result.<\/span>items<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 isLoading = <\/span>false<\/span><\/span>\n\u00a0 \u00a0 \u00a0 } <\/span>catch<\/span> {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 errorMessage = error.<\/span>localizedDescription<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 isLoading = <\/span>false<\/span><\/span>\n\u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 }<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\u0418 \u043e\u0431\u043d\u043e\u0432\u043b\u044e ContentView<\/mark><\/code>, \u0447\u0442\u043e\u0431\u044b \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0440\u0443\u0447\u043d\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a .onChange<\/mark><\/code>, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0435\u0433\u043e \u0432 ViewModel<\/mark><\/code>:<\/span><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
struct<\/span> <\/span>ContentView<\/span>: <\/span>View <\/span>{<\/span><\/span>\n\u00a0 <\/span>@StateObject<\/span> <\/span>private<\/span> <\/span>var<\/span> viewModel = <\/span>FlickrViewModel<\/span>()<\/span><\/span>\n\u00a0<\/span><\/span>\n\u00a0 <\/span>let<\/span> columns = [<\/span><\/span>\n\u00a0 \u00a0 \u00a0 <\/span>GridItem<\/span>(.<\/span>adaptive<\/span>(<\/span>minimum<\/span>: <\/span>108<\/span>), <\/span>spacing<\/span>: <\/span>1<\/span>),<\/span><\/span>\n\u00a0 \u00a0 \u00a0 <\/span>GridItem<\/span>(.<\/span>adaptive<\/span>(<\/span>minimum<\/span>: <\/span>108<\/span>), <\/span>spacing<\/span>: <\/span>1<\/span>),<\/span><\/span>\n\u00a0 \u00a0 \u00a0 <\/span>GridItem<\/span>(.<\/span>adaptive<\/span>(<\/span>minimum<\/span>: <\/span>108<\/span>), <\/span>spacing<\/span>: <\/span>1<\/span>)<\/span><\/span>\n\u00a0 ]<\/span><\/span>\n\u00a0<\/span><\/span>\n\u00a0 <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 <\/span>NavigationStack<\/span> {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>ZStack<\/span> {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Color.<\/span>black<\/span>.<\/span>opacity<\/span>(<\/span>0.1<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>ScrollView<\/span> {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>LazyVGrid<\/span>(<\/span>columns<\/span>: columns, <\/span>spacing<\/span>: <\/span>1<\/span>) {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>ForEach<\/span>(viewModel.<\/span>photos<\/span>) { photo <\/span>in<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>NavigationLink<\/span>(<\/span>destination<\/span>: <\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0        <\/span>PhotoDetailView<\/span>(<\/span>photo<\/span>: photo)) {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>PhotoGridItem<\/span>(<\/span>photo<\/span>: photo)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>if<\/span> viewModel.isLoading {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>ProgressView<\/span>()<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>scaleEffect<\/span>(<\/span>1.5<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>frame<\/span>(<\/span>maxWidth<\/span>: .infinity, <\/span>maxHeight<\/span>: .infinity)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>background<\/span>(Color.<\/span>black<\/span>.<\/span>opacity<\/span>(<\/span>0.1<\/span>))<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>navigationTitle<\/span>(<\/span>"Flickr Photos"<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>searchable<\/span>(<\/span>text<\/span>: $viewModel.<\/span>searchText<\/span>, <\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0             <\/span>prompt<\/span>: <\/span>"Search photos"<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .<\/span>alert<\/span>(<\/span>"Error"<\/span>, <\/span>isPresented<\/span>: <\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0                .<\/span>constant<\/span>(viewModel.<\/span>errorMessage<\/span> != <\/span>nil<\/span>)) {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>Button<\/span>(<\/span>"OK"<\/span>) {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 viewModel.<\/span>errorMessage<\/span> = <\/span>nil<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } <\/span>message<\/span>: {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>Text<\/span>(viewModel.<\/span>errorMessage<\/span> ?? <\/span>""<\/span>)<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 \u00a0 \u00a0 .<\/span>task<\/span> {<\/span><\/span>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>await<\/span> viewModel.<\/span>fetchPhotos<\/span>()<\/span><\/span>\n\u00a0 \u00a0 \u00a0 }<\/span><\/span>\n\u00a0 }<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f:<\/strong><\/p>\n\n\n\n