{"id":414209,"date":"2024-06-29T23:37:37","date_gmt":"2024-06-29T23:37:37","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=414209"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=414209","title":{"rendered":"\u041b\u0435\u0442\u0430\u044e\u0449\u0430\u044f \u043f\u0438\u0446\u0446\u0430 \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438: \u043a\u0430\u043a \u0434\u0435\u043b\u0430\u043b\u0438 \u043f\u0440\u043e\u043c\u043e\u0443\u0448\u0435\u043d \u043a\u043e\u043c\u0431\u043e \u00ab\u0414\u044e\u043d\u0430\u00bb<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
\n
\"\u041a\u0430\u0434\u0440
\u041a\u0430\u0434\u0440 \u0438\u0437 \u0444\u0438\u043b\u044c\u043c\u0430 \u00ab\u0414\u044e\u043d\u0430\u00bb \u0414\u0435\u043d\u0438 \u0412\u0438\u043b\u044c\u043d\u0451\u0432\u0430<\/figcaption><\/figure>\n

16 \u0441\u0435\u043d\u0442\u044f\u0431\u0440\u044f \u0432 \u0420\u043e\u0441\u0441\u0438\u0438 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u043b \u0444\u0438\u043b\u044c\u043c \u043f\u043e \u043c\u043e\u0442\u0438\u0432\u0430\u043c \u0440\u043e\u043c\u0430\u043d\u0430 \u0424\u0440\u044d\u043d\u043a\u0430 \u0413\u0435\u0440\u0431\u0435\u0440\u0442\u0430 \u00ab\u0414\u044e\u043d\u0430\u00bb. \u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u0430 \u0414\u043e\u0434\u043e \u041f\u0438\u0446\u0446\u044b \u0447\u0430\u0441\u0442\u043e \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442 \u043a\u043e\u043b\u043b\u0430\u0431\u043e\u0440\u0430\u0446\u0438\u0438 \u043f\u043e \u0441\u0430\u043c\u044b\u043c \u0440\u0430\u0437\u043d\u044b\u043c \u043f\u043e\u0432\u043e\u0434\u0430\u043c \u0438 \u0441 \u0441\u0430\u043c\u044b\u043c\u0438 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c\u0438<\/u><\/a>. \u00ab\u0414\u044e\u043d\u0430\u00bb \u043d\u0435 \u0441\u0442\u0430\u043b\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u2014 \u0432 \u043f\u0440\u043e\u0434\u0430\u0436\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c \u043a\u043e\u043c\u0431\u043e \u0414\u044e\u043d\u0430 \u0432 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u0440\u043e\u0431\u043a\u0435<\/u><\/a> \u0438 \u043c\u0430\u0441\u043a\u0430 AR \u0432 Instagram.<\/p>\n

\u041e\u0431\u044b\u0447\u043d\u043e \u043f\u0440\u043e\u043c\u043e\u0443\u0448\u0435\u043d \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0441\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u043a \u0437\u0430\u043c\u0435\u043d\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u0432 \u043c\u0435\u043d\u044e \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0433\u043e \u0431\u0430\u043d\u043d\u0435\u0440\u0430, \u043d\u043e \u043d\u0430 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0440\u0435\u0448\u0438\u043b\u0438 \u043d\u0435 \u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0438 \u043d\u0435\u043c\u043d\u043e\u0436\u043a\u043e \u043f\u043e\u043a\u0440\u0435\u0430\u0442\u0438\u0432\u0438\u0442\u044c. \u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0437\u0430\u0445\u043e\u0442\u0435\u043b\u0430 \u043f\u0440\u0438\u0432\u043b\u0435\u0447\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u043a \u043d\u043e\u0432\u043e\u043c\u0443 \u043a\u043e\u043c\u0431\u043e \u00ab\u0414\u044e\u043d\u0430\u00bb \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u0417\u0430\u0434\u0430\u0447\u0430 \u043e\u0441\u043b\u043e\u0436\u043d\u044f\u043b\u0430\u0441\u044c \u0442\u0435\u043c, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0432\u0441\u0451 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u044b\u0441\u0442\u0440\u043e, \u0430 \u0441\u0443\u043f\u0435\u0440\u0431\u044b\u0441\u0442\u0440\u043e \u0438\u0437-\u0437\u0430 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0430<\/u><\/a> \u043f\u0440\u0435\u043c\u044c\u0435\u0440\u044b \u043d\u0430 \u043c\u0435\u0441\u044f\u0446 \u0440\u0430\u043d\u044c\u0448\u0435.<\/p>\n

\u041e\u0441\u043d\u043e\u0432\u043d\u0443\u044e \u0438\u0434\u0435\u044e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b iOS-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043d\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u0411\u0435\u0440\u0451\u0437\u043a\u0430, \u0430 \u0432\u0435\u0441\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043e\u043d \u043e\u043f\u0438\u0441\u0430\u043b \u0432 \u043f\u043e\u0441\u0442\u0435 \u0432 Twitter<\/u><\/a>. \u0412\u0441\u0451, \u0447\u0442\u043e \u043e\u0441\u0442\u0430\u0432\u0430\u043b\u043e\u0441\u044c \u0434\u043b\u044f Android \u2014 \u00ab\u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u043a\u0430\u043a \u043d\u0430 iOS\u00bb (\u043a\u0430\u0436\u0435\u0442\u0441\u044f, \u044d\u0442\u0430 \u0448\u0443\u0442\u043a\u0430 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043d\u0430\u0434\u043e\u0435\u0441\u0442\u2026 \u0438\u043b\u0438 \u044d\u0442\u043e \u0443\u0436\u0435 \u043d\u0435 \u0448\u0443\u0442\u043a\u0430).<\/p>\n

\u0414\u0435\u043b\u0430\u0435\u043c \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u00ab\u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e\u00bb<\/h3>\n

\u041f\u0440\u0438\u0432\u043b\u0435\u043a\u0430\u0442\u044c \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a \u043a\u043e\u043c\u0431\u043e \u00ab\u0414\u044e\u043d\u0430\u00bb \u043c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u0432 \u0434\u0432\u0443\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u2014 \u0432 \u043c\u0435\u043d\u044e \u0438 \u0432 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0435 \u043a\u043e\u043c\u0431\u043e. \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043e\u043d\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0442\u0430\u043a:<\/p>\n

\"\u041a\u043e\u043c\u0431\u043e
\u041a\u043e\u043c\u0431\u043e \u00ab\u0414\u044e\u043d\u0430\u00bb \u0432 \u043c\u0435\u043d\u044e<\/figcaption><\/figure>\n
\"\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430
\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043e\u043c\u0431\u043e \u00ab\u0414\u044e\u043d\u0430\u00bb<\/figcaption><\/figure>\n

\u0412 \u043c\u0435\u043d\u044e \u0440\u0435\u0448\u0438\u043b\u0438 \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u043c\u0431\u043e \u043d\u0430 \u0444\u043e\u043d\u0435 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432. \u00ab\u0414\u044e\u043d\u0430\u00bb \u0430\u0441\u0441\u043e\u0446\u0438\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441 \u043f\u043b\u0430\u043d\u0435\u0442\u043e\u0439 \u0410\u0440\u0440\u0430\u043a\u0438\u0441, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u0443\u0441\u0442\u044b\u043d\u0438 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442:<\/p>\n

\"\u0412\u044b\u0434\u0435\u043b\u0438\u043b\u0438
\u0412\u044b\u0434\u0435\u043b\u0438\u043b\u0438 \u043a\u043e\u043c\u0431\u043e \u00ab\u0414\u044e\u043d\u0430\u00bb \u0432 \u043c\u0435\u043d\u044e<\/figcaption><\/figure>\n

\u0425\u043e\u0442\u0438\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 \u043a\u0440\u0430\u0441\u0438\u0432\u0435\u0435. \u0421\u0430\u043c\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u2014 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0444\u043e\u043d. \u041f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0431\u044b \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:<\/p>\n

\"\u0414\u0435\u043b\u0430\u0435\u043c
\u0414\u0435\u043b\u0430\u0435\u043c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443 \u043a\u0440\u0430\u0441\u0438\u0432\u0435\u0435. \u041f\u043e \u043a\u0440\u0430\u0439\u043d\u0435\u0439 \u043c\u0435\u0440\u0435, \u043c\u044b \u0442\u0430\u043a \u0441\u0447\u0438\u0442\u0430\u0435\u043c.<\/figcaption><\/figure>\n

\u0410\u043d\u0438\u043c\u0438\u0440\u0443\u0435\u043c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443 \u0432 iOS<\/h2>\n

\u041d\u043e \u0411\u0435\u0440\u0451\u0437\u043a\u0435 \u043f\u0440\u0438\u0448\u043b\u0430 \u0438\u0434\u0435\u044f \u043b\u0443\u0447\u0448\u0435 \u2014 \u043e\u0436\u0438\u0432\u0438\u0442\u044c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439. \u041f\u0440\u043e\u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0437\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435\u043c \u044d\u0442\u043e\u0439 \u043c\u044b\u0441\u043b\u0438 \u043c\u043e\u0436\u043d\u043e \u0432 \u0435\u0433\u043e \u043f\u043e\u0441\u0442\u0435<\/a>. \u041e\u0431\u0441\u0443\u0434\u0438\u043b\u0438 \u0438 \u043f\u0440\u0438\u0448\u043b\u0438 \u043a \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043a\u0440\u0443\u0442\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u0438\u0446\u0446\u0443 \u043b\u0435\u0442\u0430\u0442\u044c \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u043e \u0441\u0442\u0438\u043a\u0435\u0440\u0430\u043c\u0438 \u0438 \u043f\u0443\u043d\u0448\u0435\u043c \u0432 \u043e\u0442\u0432\u0435\u0442 \u043d\u0430 \u043f\u043e\u0432\u043e\u0440\u043e\u0442 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435. \u0410 \u0435\u0449\u0451 \u043a\u0440\u0443\u0447\u0435, \u0435\u0441\u043b\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0434\u0432\u0438\u0433\u0430\u0442\u044c\u0441\u044f \u0441 \u0440\u0430\u0437\u043d\u043e\u0439 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c\u044e, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0443 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u0442\u0435\u043b\u044f \u044d\u0444\u0444\u0435\u043a\u0442 \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441\u0430. \u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433 \u0431\u044b\u043b \u0432 \u0432\u043e\u0441\u0442\u043e\u0440\u0433\u0435 \u043e\u0442 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0430<\/a> \u044d\u0442\u043e\u0439 \u0438\u0434\u0435\u0438. \u0420\u0435\u0448\u0438\u043b\u0438 \u0434\u0435\u043b\u0430\u0442\u044c \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a.<\/p>\n

<\/div>\n

\u041f\u0440\u0438\u0441\u0442\u0443\u043f\u0430\u0435\u043c \u043a \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432 Android<\/h3>\n

\u0423 iOS \u0435\u0441\u0442\u044c UIInterpolatingMotionEffect, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443. \u0414\u043b\u044f Android \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043d\u0430\u0439\u0442\u0438 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0435\u0433\u043e \u043a\u043e\u0440\u043e\u0431\u043e\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0441\u0442\u0440\u044f\u0445\u043d\u0443\u0442\u044c \u043f\u044b\u043b\u044c \u0441 \u043c\u0435\u0434\u0430\u043b\u0438 \u0437\u0430 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u0432 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u043d\u043e\u043c \u0441\u043f\u043e\u0440\u0442\u0435 \u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u0441\u0451 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441 \u043d\u0443\u043b\u044f.<\/p>\n

\u041d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u0438\u043b\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Parallax Layer Layout<\/a>, \u043e\u0434\u043d\u0430\u043a\u043e \u043e\u043d\u0430 \u043d\u0430\u043c \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u043b\u0430 \u2014 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c view group<\/code> \u0438\u0437 \u043d\u0435\u0451, \u0447\u0442\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e \u0431\u044b \u0431\u043e\u043b\u044c\u0448\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439, \u0447\u0435\u043c \u043c\u044b \u0445\u043e\u0442\u0435\u043b\u0438, \u0430 \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u0441\u043d\u0438\u0437\u0438\u043b\u043e \u0431\u044b \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438.<\/p>\n

\u0412 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0443\u043c\u0435\u0442\u044c \u0442\u0430\u043a\u0436\u0435 \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u043f\u0440\u0438 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0434\u0432\u0438\u0433 view<\/code> \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f:<\/p>\n

viewMotionHelper.registerView(view, maxTranslation)<\/code><\/pre>\n
\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c? \u0418\u0434\u0435\u044f \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u0430\u044f: \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0433\u043b\u0430 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432\u043e\u043a\u0440\u0443\u0433 \u043e\u0441\u0435\u0439. <\/strong>\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c.<\/p>\n
\u041e \u0441\u0435\u043d\u0441\u043e\u0440\u0430\u0445<\/h3>\n
Android \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u0441\u0435\u043d\u0441\u043e\u0440\u043e\u0432<\/u><\/a>, \u0441\u043e\u043e\u0431\u0449\u0430\u044e\u0449\u0438\u0445 \u043e\u0431 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435. \u0414\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043d\u0430\u043a\u043b\u043e\u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u043d\u0441\u043e\u0440\u044b GYROSCOPE<\/u><\/a> \u0438 ROTATION VECTOR<\/u><\/a>. \u0412\u0442\u043e\u0440\u043e\u0439 \u0441\u0435\u043d\u0441\u043e\u0440, rotation vector, \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u0438 \u0441\u043e\u0432\u043c\u0435\u0449\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0435\u043d\u0441\u043e\u0440\u043e\u0432 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 (\u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0438 \u0433\u0438\u0440\u043e\u0441\u043a\u043e\u043f\u0430). \u041d\u0430\u0434 \u044d\u0442\u0438\u043c\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0438\u044f\u043c\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0438 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0443\u0436\u0435 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442. \u0414\u0430\u043d\u043d\u044b\u0439 \u0441\u0435\u043d\u0441\u043e\u0440 \u0447\u0443\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u0435\u0435, \u0447\u0435\u043c \u0433\u0438\u0440\u043e\u0441\u043a\u043e\u043f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043c\u0435\u043d\u044c\u0448\u0435 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0439 \u0432\u0440\u0443\u0447\u043d\u0443\u044e. \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0441\u0435\u043d\u0441\u043e\u0440:<\/p>\n
 val sensorManager = context.getSystemService(Context.SENSOR_SERVICE) as? SensorManager     val rotationVectorSensor = sensorManager?.getDefaultSensor(Sensor.TYPE_ROTATION_VECTOR)<\/code><\/pre>\n
\u0414\u0430\u043b\u0435\u0435 \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0441\u0435\u043d\u0441\u043e\u0440\u0430:<\/p>\n
if (sensorManager == null || rotationVectorSensor == null) return  sensorManager.registerListener(object : SensorEventListener{       override fun onSensorChanged(event: SensorEvent?) {       }        override fun onAccuracyChanged(         sensor: Sensor?,         accuracy: Int       ) {       }     }, rotationVectorSensor, DEFAULT_SAMPLING_PERIOD)<\/code><\/pre>\n
\u041f\u0435\u0440\u0432\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u2014 \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0441\u0435\u043d\u0441\u043e\u0440\u0430. \u041c\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0435\u0433\u043e \u0434\u0430\u043b\u044c\u0448\u0435. \u0412\u0442\u043e\u0440\u043e\u0439 \u2014 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u0435\u043d\u0441\u043e\u0440, \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u043b\u0443\u0448\u0430\u0442\u044c. \u0422\u0440\u0435\u0442\u0438\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0430\u0434\u043e\u0447\u043d\u044b\u0439 \u2014 \u044d\u0442\u043e \u0436\u0435\u043b\u0430\u0435\u043c\u044b\u0439 \u043f\u0435\u0440\u0438\u043e\u0434 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u043c\u0438 \u0441\u0435\u043d\u0441\u043e\u0440\u0430 \u0432 \u043c\u0438\u043a\u0440\u043e\u0441\u0435\u043a\u0443\u043d\u0434\u0430\u0445. \u0417\u0430\u0433\u0430\u0434\u043e\u0447\u043d\u044b\u0439 \u043e\u043d \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0432\u043e\u0432\u0441\u0435 \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u043d\u0430 \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u043c\u0438, \u0438 \u043e\u0431 \u044d\u0442\u043e\u043c \u044f\u0432\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0441\u044f \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438. \u0414\u043b\u044f \u0441\u0435\u0431\u044f \u043c\u044b \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438 \u044d\u0442\u043e\u0442 \u043f\u0435\u0440\u0438\u043e\u0434 \u0432 100 000 \u043c\u0438\u043a\u0440\u043e\u0441\u0435\u043a\u0443\u043d\u0434, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u0438 \u043e\u0442 \u0441\u0435\u043d\u0441\u043e\u0440\u0430 \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0443\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0449\u0438\u043c \u043d\u0430\u0441 \u043f\u0435\u0440\u0438\u043e\u0434\u043e\u043c.<\/p>\n
\u0421\u043b\u0435\u0434\u0438\u043c \u0437\u0430 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435<\/h3>\n
\u041d\u0430\u043f\u0438\u0448\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u0430 onSensorChanged<\/code>. \u041a\u043b\u0430\u0441\u0441 SensorManager<\/code> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0440\u0443\u0442\u0438\u043d\u043d\u043e\u0439 \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u043a\u0438 \u0432 \u0442\u0440\u0451\u0445\u043c\u0435\u0440\u043d\u043e\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435. \u0421\u0440\u0435\u0434\u0438 \u043f\u0440\u043e\u0447\u0438\u0445 \u0435\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434 getAngleChange<\/code>. \u0421 \u0435\u0433\u043e \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u044b \u043a\u0430\u043a \u0440\u0430\u0437 \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0433\u043b\u0430 \u043d\u0430\u043a\u043b\u043e\u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c\u0438. \u041d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0437\u0430\u043f\u043e\u043c\u043d\u0438\u0442\u044c, \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0434\u0451\u0442 \u043f\u0435\u0440\u0432\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043e\u0442 \u0441\u0435\u043d\u0441\u043e\u0440\u0430. \u0414\u0430\u043b\u0435\u0435 \u0431\u0443\u0434\u0435\u043c \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0433\u043b\u0430 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n
\u041c\u0435\u0442\u043e\u0434 getAngleChange<\/code> \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u043d\u0430 \u0432\u0445\u043e\u0434 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0443\u044e \u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u0443\u044e \u043c\u0430\u0442\u0440\u0438\u0446\u0443 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430<\/u><\/a>, \u0430 ROTATION_VECTOR<\/code> \u0441\u043e\u043e\u0431\u0449\u0430\u0435\u0442 \u0432\u0435\u043a\u0442\u043e\u0440 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430. \u0414\u043b\u044f \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u0432 \u0434\u0440\u0443\u0433\u043e\u0435 \u0432 SensorManager<\/code> \u0435\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434 getRotationMatrixFromVector<\/code>. \u0421\u0432\u044f\u0436\u0435\u043c \u0432\u0441\u0451 \u0432\u043c\u0435\u0441\u0442\u0435 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043f\u0435\u0440\u0432\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e:<\/p>\n
var isInitialized = false  \/\/ \u043c\u0430\u0442\u0440\u0438\u0446\u0430 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435 \/\/ \u043c\u0430\u0441\u0441\u0438\u0432 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 16 \u043d\u0443\u0436\u0435\u043d \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043c\u0430\u0442\u0440\u0438\u0446\u044b 4\u04454 val initialValues = FloatArray(16)  \/\/ \u0431\u0443\u0444\u0435\u0440 \u0434\u043b\u044f \u043c\u0430\u0442\u0440\u0438\u0446\u044b \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430 val rotationMatrix = FloatArray(16)  \/\/ \u0431\u0443\u0444\u0435\u0440 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0443\u0433\u043b\u0430 val angleChange = FloatArray(16)  override fun onSensorChanged(event: SensorEvent) {     \/\/ \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432\u0435\u043a\u0442\u043e\u0440 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435     val rotationVector = event.value          if (!initialized) {       initialized = true        \/\/ \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u043c \u043c\u0430\u0442\u0440\u0438\u0446\u0443 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430 \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430       SensorManager.getRotationMatrixFromVector(initialValues, rotationVector)       return     }          \/\/ \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043c\u0430\u0442\u0440\u0438\u0446\u0443 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430 \u0434\u043b\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430     SensorManager.getRotationMatrixFromVector(rotationMatrix, rotationVector)      \/\/ \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0443\u0433\u043e\u043b \u043c\u0435\u0436\u0434\u0443 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u043c \u0438 \u0442\u0435\u043a\u0443\u0449\u0438\u043c \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c     SensorManager.getAngleChange(angleChange, rotationMatrix, initialValues)      \/\/ ... }<\/code><\/pre>\n
\u041f\u0440\u043e\u0442\u043e\u0442\u0438\u043f: \u0434\u0432\u0438\u0433\u0430\u0435\u043c \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u0438\u043a\u0438<\/h3>\n
\u0422\u0435\u043f\u0435\u0440\u044c \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 angleChange<\/code> \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0443\u0433\u043b\u0430 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430 \u0432 \u0440\u0430\u0434\u0438\u0430\u043d\u0430\u0445 \u0432 \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435 \u043e\u0442 -\u03c0 \u0434\u043e +\u03c0. \u042d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0438\u043d\u0434\u0435\u043a\u0441\u043e\u043c 0 \u2014 \u043f\u043e\u0432\u043e\u0440\u043e\u0442 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0441\u0438 Z, 1 \u2014 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0441\u0438 X \u0438 2 \u2014 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e Y. \u0427\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u0435\u0435, \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u043c \u0440\u0430\u0434\u0438\u0430\u043d\u044b \u0432 \u0447\u0438\u0441\u043b\u043e \u043e\u0442 -1 \u0434\u043e 1:<\/p>\n
angleChange.forEachIndexed { index, value ->      val fraction = (value \/ Math.PI)    .coerceIn(-1.0, 1.0)    .toFloat()      angleChange[index] = fraction  }<\/code><\/pre>\n
\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0438\u0447\u0442\u043e \u043d\u0435 \u043c\u0435\u0448\u0430\u0435\u0442 \u043d\u0430\u043c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 view<\/code> \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435:<\/p>\n
val xTranslation = -angleChange[2] * maxTranslation val yTranslation = angleChange[1] * maxTranslation   view.translationX = xTranslation  view.translationY = yTranslation<\/code><\/pre>\n
\u0412\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u044d\u0442\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:<\/p>\n
<\/figcaption><\/figure>\n
\u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043b\u0430\u0432\u043d\u043e\u0435, \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0435\u0449\u0451 \u0431\u043e\u043b\u0435\u0435 \u0437\u0430\u043c\u0435\u0442\u043d\u043e, \u0435\u0441\u043b\u0438 \u0431\u044b\u0441\u0442\u0440\u043e \u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e:<\/p>\n
<\/figcaption><\/figure>\n
\u0410\u043d\u0438\u043c\u0438\u0440\u0443\u0435\u043c!<\/h3>\n
\u0427\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0431\u043e\u043b\u0435\u0435 \u043f\u043b\u0430\u0432\u043d\u044b\u043c, \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e:<\/p>\n
private fun View.animate(builder: ViewPropertyAnimator.() -> Unit) {  animate()      .apply {        duration = 300        interpolator = DecelerateInterpolator()        builder()      }      .start() }  val xTranslation = -angleChange[2] * maxTranslation val yTranslation = angleChange[1] * maxTranslation  view.animate { translationX(xTranslation) } view.animate { translationY(yTranslation) }<\/code><\/pre>\n
\u0412\u043e\u0442 \u0447\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043c:<\/p>\n
<\/figcaption><\/figure>\n
\u0423\u0436\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0443\u0447\u0448\u0435!<\/p>\n
\n\u041f\u043e\u043b\u043d\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u043b\u0430\u0441\u0441\u0430 ViewMotionHelper<\/summary>\n
\n
package com.maleev.viewmotiondemo  import android.content.Context import android.hardware.Sensor import android.hardware.SensorEvent import android.hardware.SensorEventListener import android.hardware.SensorManager import android.view.View import android.view.ViewPropertyAnimator import android.view.animation.DecelerateInterpolator import androidx.lifecycle.Lifecycle import androidx.lifecycle.LifecycleObserver import androidx.lifecycle.LifecycleOwner import androidx.lifecycle.OnLifecycleEvent  class ViewMotionHelper(   context: Context,   lifecycleOwner: LifecycleOwner ) : SensorEventListener {   companion object {     private const val MATRIX_SIZE = 16     private const val ROTATION_VECTOR_SIZE = 4     private const val DEFAULT_SAMPLING_PERIOD = 100000     private const val DEFAULT_DURATION = 300L     private val DEFAULT_INTERPOLATOR = DecelerateInterpolator()   }    private val sensorManager: SensorManager? =     context.getSystemService(Context.SENSOR_SERVICE) as? SensorManager    init {     lifecycleOwner.lifecycle.addObserver(SensorLifecycleObserver())   }    private var initialized = false   private var initialValues = FloatArray(MATRIX_SIZE)   private val angleChange = FloatArray(MATRIX_SIZE)   private val rotationMatrix = FloatArray(MATRIX_SIZE)   private val truncatedRotationVector = FloatArray(ROTATION_VECTOR_SIZE)    private val viewMotionSpecs = mutableListOf<ViewMotionSpec>()    fun registerView(     view: View,     maxTranslation: Int   ) {     viewMotionSpecs.add(ViewMotionSpec(view, maxTranslation))   }    override fun onSensorChanged(event: SensorEvent?) {     if (event == null) return      val rotationVector = getRotationVectorFromSensorEvent(event)      if (!initialized) {       initialized = true       SensorManager.getRotationMatrixFromVector(initialValues, rotationVector)       return     }     SensorManager.getRotationMatrixFromVector(rotationMatrix, rotationVector)      SensorManager.getAngleChange(angleChange, rotationMatrix, initialValues)      angleChange.forEachIndexed { index, value ->       angleChange[index] = radianToFraction(value)     }      animate()   }    \/**    * Map domain of tilt vector from radian (-PI, PI) to fraction (-1, 1)    *\/   private fun radianToFraction(value: Float): Float {     return (value \/ Math.PI)       .coerceIn(-1.0, 1.0)       .toFloat()   }    private fun animate() {     viewMotionSpecs.forEach { viewMotionSpec ->       val view = viewMotionSpec.view        val xTranslation = -angleChange[2] * viewMotionSpec.maxTranslation       val yTranslation = angleChange[1] * viewMotionSpec.maxTranslation        view.animate { translationX(xTranslation) }       view.animate { translationY(yTranslation) }     }   }    private fun View.animate(builder: ViewPropertyAnimator.() -> Unit) {     animate()       .apply {         duration = DEFAULT_DURATION         interpolator = DEFAULT_INTERPOLATOR         builder()       }       .start()   }    override fun onAccuracyChanged(     sensor: Sensor,     p1: Int   ) {   }    private fun getRotationVectorFromSensorEvent(event: SensorEvent): FloatArray {     return if (event.values.size > ROTATION_VECTOR_SIZE) {       \/\/ On some Samsung devices SensorManager.getRotationMatrixFromVector       \/\/ appears to throw an exception if rotation vector has length > 4.       \/\/ For the purposes of this class the first 4 values of the       \/\/ rotation vector are sufficient (see crbug.com\/335298 for details).       System.arraycopy(event.values, 0, truncatedRotationVector, 0, ROTATION_VECTOR_SIZE)       truncatedRotationVector     } else {       event.values     }   }    private fun registerSensorListener() {     if (sensorManager == null) return      sensorManager.getDefaultSensor(Sensor.TYPE_ROTATION_VECTOR)       ?.also { sensor ->         sensorManager.registerListener(this, sensor, DEFAULT_SAMPLING_PERIOD)       }   }    private fun unregisterSensorListener() {     sensorManager?.unregisterListener(this)     initialized = false   }    private fun removeAllViews() {     viewMotionSpecs.clear()   }    private class ViewMotionSpec(     val view: View,     val maxTranslation: Int   )    private inner class SensorLifecycleObserver : LifecycleObserver {     @OnLifecycleEvent(Lifecycle.Event.ON_RESUME)     fun onResume() {       registerSensorListener()     }      @OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)     fun onPause() {       unregisterSensorListener()     }      @OnLifecycleEvent(Lifecycle.Event.ON_DESTROY)     fun onDestroy() {       removeAllViews()     }   } }<\/code><\/pre>\n<\/div>\n<\/details>\n
\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043f\u0430\u0440\u0443 \u043d\u044e\u0430\u043d\u0441\u043e\u0432:<\/p>\n