Как сделать в вк касание на расстоянии

Touch Me Приложение Вк Касание

Touch me приложение вк касание

Мультитач тест

Проверьте возможности мультитач вашего устройства с помощью этого простого теста. Он показывает, сколько касаний вы делаете одновременно.

Коснитесь экрана внутри черной рамки. Нажмите кнопку полноэкранного режима в правом нижнем углу поля, чтобы растянуть его на весь экран.

Как проверить мультитач экрана?

Коснитесь экрана внутри поля выше, чтобы начать проверку.
Верхнее число показывает, сколько касаний вы делаете в данный момент. Нижнее число показывает, сколько касаний одновременно вы сделали больше всего.

Используйте полноэкранную кнопку в правом нижнем углу тестового поля, чтобы разместить больше пальцев.

Этот мультитач-тест можно использовать только на сенсорных экранах в таких браузерах, как Chrome Mobile, Safari Mobile и т. д. Если ваш браузер или устройство не поддерживаются, это будет показано в специальном сообщении в красном поле.

Какое максимальное количество касаний вы можете получить?

Стандартом для дисплеев смартфонов с функцией мультитач в настоящее время является 10 одновременных касаний, но некоторые могут обрабатывать даже больше, например, 11 или даже до 20.
Вам, вероятно, не нужно столько, потому что обычно у людей всего 10 пальцев…

Touch me приложение вк касание

Прикосновение станет звуком!

Со времен Возрождения человеческое касание являлось символом передачи божественной энергии, это сила, данная человеку для создания мира.

Звук дал людям возможность касаться предметов на расстоянии. С помощью звуковых волн человечество изучает далекие галактики и мельчайшие элементы, все дальше расширяя познание.

Наше устройство совмещает опыт физического касания
и звука. Простая технология дает возможность услышать границы человеческой чувствительности.

В комплект входят:

Инструкция и конверт для хранения

Как работает TouchMe?

Устройство измеряет сопротивление между контактами и переводит его в последовательность нот в выбранной гамме и тональности.

Подключенный к компьютеру TouchMe передает MIDI-сигнал. Можно работать с онлайн-синтезаторами и специальными программами.

Как подключить TouchMe?

Откройте один из онлайн-синтезаторов в браузере Chrome.

Возьмитесь за контакты устройства, как показано на картинке.

Создайте цепь из двух или более людей, извлекайте ноты, прикасаясь друг к другу.

Touch me приложение вк касание

Специалисты МТС сделали подборку мобильных приложений для людей, находящихся в романтических отношениях.

Как правило, День святого Валентина проходит по обычному сценарию: цветы, сердечки, ресторан – а хочется чего-то необычного. Специально для жителей Карелии мы вместе со специалистами МТС сделали подборку мобильных приложений для влюбленных.

Общаемся на расстоянии

Couple — необычный мессенджер, созданный для исключительно приватного общения двух людей. Язык приложения — английский, но это не очень важно: разобраться с функциями получится быстро, а переписываться вы сможете на родном языке. Couple не только умеет отправлять вашей половинке картинки, видео и письма, но и позволит вам совместно рисовать.

Чтобы начать пользоваться приложением и отправлять друг другу электронные поцелуи, нужно скачать программу и зарегистрироваться. Вводите адрес своего почтового ящика и создаёте аккаунт. Потом впишите адрес партнёра, и ему высылается приглашение. Остаётся дождаться подтверждения.

Вся переписка, переданные фото и видео объединены в единой ленте вашего общения. Есть календарь для планирования совместных поездок и отметки на картах, чтобы назначать встречи.

Самая романтическая особенность приложения — поцелуй через прикосновение. Хотите почувствовать своего любимого на расстоянии? В специальном режиме ваш партнёр видит, к какому месту экрана вы прикоснулись, и может коснуться вас в ответ.

Доверяем

Couple tracker — приложение, позволяющее «проверять и следить за активностью партнёра в телефоне». Вы будете знать, кому пишет и чьи сообщения читает важный вам человек, с кем и как долго разговаривает, где находится и даже кого лайкает в соцсетях! Особенность этого приложения в том, что оно должно быть установлено на обоих телефонах. Вы оба знаете всё об общении друг друга. Не шпионите — доверяете.

Играем

Игра Dare to play — только для двоих очень близких людей, она точно подойдёт для романтического праздничного вечера, но, скорее всего, будет востребована и после. После установки программа проведёт небольшой опрос об одежде, отношениях и предпочтениях игроков. В зависимости от выбранных в начале пунктов задания будут меняться, а в финале победит тот, кто набрал больше всего очков.

Еще больше лайфхаков и полезных подборок ищите на МТС/Медиа!

Touch me приложение вк касание

Использование событий касания

Интерфейсы событий касания поддерживают взаимодействие с приложением с помощью одного или нескольких одновременных прикосновений, такие как жест двумя пальцами. Взаимодействие с помощью нескольких одновременных прикосновений начинается, когда палец (или стилус) впервые касается контактной поверхности. Другие пальцы могут последовательно касаться поверхности и, если нужно, перемещаться по ней. Взаимодействие заканчивается, когда пальцы убираются с поверхности. На протяжении этого взаимодействия приложение получает события касания на начальной стадии, стадии перемещения и стадии завершения. Приложение может применять собственную семантику к сенсорному вводу.

Интерфейс Touch представляет собой одну точка контакта с сенсорной поверхностью. Точка контакта обычно называется точкой касания или просто касанием. Касание обычно генерируется пальцем или стилусом на сенсорной поверхности. Свойства точки касания включают уникальный идентификатор, целевой элемент точки касания, а также координаты X и Y точки касания относительно области видимости, страницы или экрана.

Интерфейс TouchList представляет список точек контакта с сенсорной поверхностью, по одной точке касания на каждый контакт с поверхностью. Таким образом, если пользователь активировал сенсорную поверхность одним пальцем, список будет содержать один элемент, а если пользователь прикоснулся к поверхности тремя пальцами, в списке будет три элемента.

Интерфейс TouchEvent представляет событие, которое отправляется, когда меняется состояние контактов с сенсорной поверхностью. Изменения состояния включают начальный контакт с сенсорной поверхностью, перемещение точки касания при сохранении контакта с поверхностью, отпускание точки касания и прерывание события касания. Атрибуты интерфейса включают состояние нескольких клавиш-модификаторов (например, клавиши Shift ) и следующий список данных:

Вместе эти интерфейсы определяют относительно низкоуровневый набор функций, но при этом поддерживают множество видов взаимодействия с помощью касаний, включая знакомые жесты с несколькими касаниями, такие как пролистывание несколькими пальцами, вращение, сжатие и масштабирование.

При определении семантики жеста, приложение может учитывать различные факторы. Например, расстояние, которое прошла точка от начала до конца касания. Другим возможным фактором может быть время, например, количество времени между началом касания и завершением, или количество времени между двумя последовательными касаниями, предназначенными для создания жеста двойного нажатия. Направленность свайпа (например, слева направо, справа налево и т.д) является ещё одним фактором.

Списки касаний, которые использует приложение, зависят от семантики его жестов. Например, если приложение поддерживает однократное касание (тап) одного элемента, будет использоваться список targetTouches (en-US) в обработчике события touchstart (en-US) для обработки точки касания в свойственной приложению манере. Если приложение поддерживает свайп двумя пальцами для любых двух точек касания, оно будет использовать список changedTouches в обработчике touchmove (en-US) для того, чтобы определить, были ли перемещены эти две точки касания, а затем реализовать семантику этого жеста в свойственной приложению манере.

Назначьте обработчик событий для каждого типа события касания.

Обработчик события, реализующий семантику жестов приложения

Доступ к атрибутам точки касания.

Предотвращение эмуляции событий мыши

Вот несколько моментов, которых следует придерживаться при работе с событиями касаний:

Согласно данным о совместимости с браузерами, поддержка событий касания среди мобильных браузеров относительно неплохая. Десктопные браузеры немного отстают, хотя над этим уже ведётся работа.

Некоторые новые функции, связанные с областью касания (областью контакта между пользователем и сенсорной поверхностью) — находятся в процессе стандартизации. Новый функционал включает в себя радиусы эллипса по осям X и Y, которые наиболее точно описывают область контакта с сенсорной поверхностью. Угол поворота точки касания — градус, на который нужно повернуть упомянутый эллипс, чтобы соответствовать области контакта — также стандартизирован, как и степень давления в точке касания.

Внедрение новых механизмов ввода усложняет обработку всех возможных событий, таких как события клавиатуры, мыши, пера, касаний. Чтобы помочь решить эту проблему, стандарт «Pointer Events» определяет события и связанные с ними интерфейсы для обработки ввода с таких указывающих устройств, как мышь, перо, сенсорный экран и т.д. То есть, абстрактный указатель создаёт унифицированную модель ввода, которая может представлять точку контакта пальца, пера/стилуса или мыши. Подробнее в MDN-статье События указателя.

Модель событий указателя может упростить обработку разных способов ввода, поскольку указатель представляет ввод с любого устройства. В дополнение к этому, типы событий указателя очень похожи на типы событий мыши (например, pointerdown pointerup ), таким образом, код для обработки событий указателя полностью совпадает с кодом обработки ввода с помощью мыши.

Статус реализации событий указателя в браузерах относительно высок, поскольку Chrome, Firefox, IE11 и Edge имеют полные реализации.

Touch me приложение вк касание

Российские разработчики из Playtronica предложили новое музыкальное устройство. Оно способно генерировать музыкальные звуки из касаний. Касание, изменив электрическое сопротивление, приводит к появлению звука. Это сопротивление каждый раз разное и зависит от множества параметров и условий — силы касания, площади, количества точек касания и прочего, потому и музыка, созданная с помощью этого устройства, получается самая причудливая.

Подключить Touch Me можно к любому предмету, начиная от апельсина и заканчивая человеком. Таким образом, каждый может выбрать, в качестве кого он будет использовать устройство. Вариантов, по крайней мере, два: музыкант или музыкальный инструмент.

Причем одно не исключает другого, и пользователь может назначить тональность, в которой будет играть музыка, а само устройство может быть синхронизировано с онлайн-синтезаторами или специальными музыкальными программами.

«Вы выбираете, например, ля-бемоль в хроматической тональности и играете друг на друге. Касание одним пальцем — это одна нота, касание всей ладонью — пять-шесть нот, сжатие руки — 12 нот. Чем больше площадь поверхности, тем выше звук выбранной вами тональности. Но устройство реагирует на всех по-разному: кто-то лучше, а кто-то хуже проводит ток. Если кто-то ест мало соленых продуктов и его кожа более сухая, то Touch Me будет воспроизводить меньше нот. У каждого своя энергетика», — рассказала одна из создателей Touch Me Ольга Максимова.

Touch Me — набор из контроллера и USB-кабеля — уже доступен на сайте Playtronica по цене в 5 000 рублей.

Touch Me Приложение в Вк

Touch me приложение в вк

Let’s Touch

Платформа: iOS, Android
Цена: бесплатно
Возрастные ограничения: 18+
Оценка 4+

Такая маленькая игровая площадка для двух влюбленных, разделенных расстоянием. Запускаете приложение, соединяетесь с партнером и водите пальцами по экрану. Если ваши пальцы пересекутся, приложение просигнализирует об этом вибрацией. Ещё в Let’s Touch можно совместно слушать музыку, рисовать и лепить на фоточках стикеры, но главное, конечно, это возможность удаленно дотронуться до пальцев любимого человека. Ух!

Avocado

Платформа: iOS, Android
Цена: бесплатно
Возрастные ограничения: 18+
Оценка 4+

У Avocado есть две очень крутые фишки — отправка сердцебиения и поцелуйчиков. В первом случае вы прижимаете смартфон к груди, он каким-то невероятным образом записывает ритм сердечной мышцы и отправляет вашей второй половинке. Во втором — вы целуете экран с фотографией, фронтальная камера фиксирует этот момент, и ваш любимый человек получает отпечаток поцелуя на свое фото. В остальном приложение Avocado представляет собой обычный органайзер двух влюбленных с селфи и календарем, а также умеет работать с умными часами, передавая тапы на расстоянии.

Touch Room

Платформа:iOS
Цена: бесплатно
Возрастные ограничения: 18+
Оценка 4+

Чатик для тех, кто чувствует кончиками пальцев. Здесь нет ничего, кроме прикосновений: вы создаете «комнату» (room), кидаете на нее ссылку своему другу или подружке через любой мессенджер, тот переходит по ней и видит только экранчик с вашим пальцем. А вы соответственно видите его отпечаток у себя на телефоне. Если вы совместите пальцы — аппараты завибрируют. Никакой другой функциональности приложение не содержит. Хотя многие склонны считать, что именно это и делает Touch Room романтичным.

Intimate

Платформа: Android
Цена: бесплатно
Возрастные ограничения: 18+
Оценка 4+

В отличие от других эппов подборки приложение Intimate создано специально для тех, кто вынужден длительно практиковать любовь на расстоянии. Это двусторонний чат, в котором только вы и ваша вторая половинка ведете историю своих отношений. Для этого в приложении есть календарь важных событий, фотоальбом, рисовалка. И, конечно, функция finger kiss — поцелуйчики пальцами на пустом экране. Важная часть Intimate — приватность. Никто и никогда не может получить доступ к вашим сообщениям и фоткам. Никто. Только вы.

Еще 3 интересных приложения:

Hey Tell — обмен краткими голосовыми сообщениями с любимыми

Couple — ещё один отличный коммуникатор двух влюбленных

Between — это архив вашей любви: фотки, даты, карты с путешествиями

Тест: радуют ли ваши подарки?

7 мобильных приложений для влюблённых

Первый официальный мессенджер социальный сети Вконтакте, не привязанный к учетной

VK Me — быстрый доступ к обмену сообщениями

VK Me – первый мессенджер от Вконтакте, который не привязывается к вашей учетной записи ВК. До этого был лишь декстопный вариант этой социальной сети, который представлял собой версию клиента VK для компьютера. Используя VK ME, вы можете синхронизировать его с контактами из вашего телефона или друзьями Вконтакте. Если попытаться написать человеку, которого у вас в друзьях нет, ему сначала придет запрос на подписку.

Мессенджер VK ME позволяет обмениваться текстовыми и голосовыми сообщениями один на один, а также по средствам групповых чатов. В приложении предусмотрена возможность голосовых и видеозвонков, обмена медиафайлами (фото, видео, аудиозаписи) и перевод денежных средств. Эмодзи, стикеры, геолокация и другие возможности популярных мессенджеров также присутствуют. Из VK ME можно осуществить быстрый переход во Вконтакте.

Особенности VK Me:

Touch me приложение в вк

VK Me – официальный мессенджер для социальной сети ВКонтакте на Андроид, в нем, в отличие от оригинального приложения, отсутствует возможность вступать в группы и просматривать новости. Он предназначен непосредственно для общения. Скачать приложение VK Me на телефон можно ниже.

В приложении VK Me можно не только обмениваться текстовыми сообщениями: еще есть возможность записывать голосовые, разговаривать по видеосвязи, делиться медиа-контентом, переводить денежные средства и передавать свое местоположение собеседнику. Отличительная особенность мессенджера – диалоги с людьми из контактов. Причем адресат в диалогах будет называться именно так, как вы его записали в своей телефонной книге. Чтобы скачать VK Me бесплатно вам не нужно регистрироваться на сайте, все просто и быстро.

Расширенные настройки VK Me

В VK Me для Андроид присутствует несколько категорий настроек: можно настроить уведомления, тему и предварительную загрузку голосовых сообщений. Также есть настройки приватности, установка фона для чата, скрытие статуса «Онлайн» и смена пароля от страницы. Через длинное нажатие по любому диалогу можно добавить его ярлык на главный экран, отметить сообщение непрочитанным, отключить уведомления или быстро очистить историю переписки.

VK Me обладает привычным для пользователей дизайном, но при этом в нижней функциональной панели находится всего три кнопки: «Контакты», «Сообщения» и «Профиль». В разделе «Контакты» можно не только списаться со знакомыми, находящимися в списке контактов, но и отправить приглашение по смс тем, кто мессенджером не пользуется. А в раздел Профиль, помимо настроек, встроен сервис VK Pay и мини-приложения от соц. сети ВКонтакте.

Touch-web: Swipe

Этим постом мы продолжаем серию статей на тему разработки веб-интерфейсов для touch-устройств.

Смартфоны с сенсорными экранами достаточно сильно распространены и стали незаменимыми помощниками многим из нас. Потому нельзя не учитывать их особенности при разработке мобильных веб-интерфейсов.
Сенсорное управление существенно отличается от привычного управления мышкой.
Пользователь взаимодействует пальцами с самим экраном. И в зависимости от того, какие движения и сколькими пальцами производит пользователь, интерфейс реагирует по-разному: если быстро коснулся экрана и отпустил палец, то срабатывает клик; если коснулся и провел пальцем по экрану – скролл; если провел двумя пальцами – zoom; и великое множество других вариантов реакции.

Сегодня речь пойдет о swipe, в простонародье – листалке. Swipe позволяет перелистывать «страницы» привычным движением пальца. О том, как грамотно реализовать swipe, я расскажу на примере блока новостей на главной странице портала Mail.Ru.

Touch events

Потому swipe реализован только на touch-событиях.

Также объект касания содержит информацию о координатах относительно viewport, экрана и страницы.

Логика довольно простая:

Touchstart

Touchmove

Touchend/Touchcancel

Алгоритм работы с событиями довольно простой. Его легко расширить новыми фишками. Например, если пользователь передвинул страницу на малое расстояние, возвращаться к исходному состоянию по touchend. А если пользователь очень быстро провел горизонтально пальцем, но на величину меньшую, чем пороговое значение для прокрутки, все равно осуществлять перелистывание.

Рендеринг

Для того чтобы сделать листалку, нужно расположить страницы в ряд.

Каждая из них должна быть шириной не больше и не меньше родителя.

Центральная всегда видна, левые смещены на 100% влево, а правые – на 100% вправо.

Сделать страницы float’ами тоже не вариант, т.к. это даст лишнюю нагрузку на и без того во многих случаях медленный браузер, даже если чистить поток.

Мы выбрали другой вариант:

Обертке блока указали высоту, position:relative и overflow:hidden, тем самым значительно снизив нагрузку на браузер при рендеринге и расчетах – мы получаем обособленную ветку DOM-дерева внутри листалки, браузер не пересчитывает другие части дерева при изменениях внутри.

Чтобы ускорить рендеринг, нужно максимально обособить страницы друг от друга, потому для каждой страницы указаны position:absolute; и соответствующие координаты и размеры.

Далее встает вопрос смещения страниц вправо и влево.
Анимируются страницы средствами CSS-transition.
Если анимировать left, получается очень медленно. Гораздо быстрее работает translate, а еще быстрее — translate3d из CSS-трансформаций.

Поэтому всем страницам указан left:0 и оба варианта translate — на случай, если браузер не поддерживает 3d-трансформации, со значениями смещения по горизонтали 100%, 0 и 100% для левых, центральной и правых страниц соответственно.

Таким образом, у нас получилось следующее: видимая центральная страница, и за границей видимой части блока стопка страниц слева и стопка страниц справа.

Изначально класс swipe__page_animating (добавляет CSS-transition) не установлен. По событию touchmove для страницы устанавливается соответствующий translate, со значением смещения по горизонтали равным смещению пальца (либо смещению, деленному на «коэффициент сопротивления»). Т.е. страница просто двигается вместе с пальцем.

На самом деле все несколько сложнее. Одновременно двигаются три страницы: текущая видимая, и по странице слева и справа, что создает эффект непрерывной ленты. Соответственно, для правой и левой страниц смещение равно его ширине с соответствующим положению знаком (для правой – плюс, для левой – минус) плюс смещение пальца.

По событию touchend или touchcancel страницам устанавливается класс swipe__page_animating, включающий CSS-анимации, и величины смещений, соответствующие финальному положению – либо перелистываем, либо устанавливаем исходные значения.

Как дать понять, что блок можно листать — это тема отдельного доклада проектировщика интерфейсов. Я лишь могу сказать, что должна быть какая-то визуальная подсказка или иной путь переключения.

Например, в случае блока новостей, на примере которого я рассказываю о swipe, мы сделали привычные всем табы. Пользователь может тапнуть по закладке и перелистнуть страницу. Плюс таб является и заголовком, дающим понять какую страницу видно в данный момент.

Такой метод хорош и для совместимости с браузерами, не поддерживающими touch-события. Например, в WP IE пользователь с таким же успехом может пользоваться блоком новостей, как и на других устройствах.

На этом на сегодня все. Вопросы и обсуждение приветствуются.

Новая огненная фича ВК – vmoji. Показываю на себе, как это сделать

Создание стикеров с твоим собственным персонажем может казаться баловством, но на самом деле это шаг в будущее.

ВКонтакте презентовала инструмент под названием vmoji, который позволяет создавать стикеры со своим собственным персонажем. Прежде всего, конечно, новая функция предназначена для создания стикерпака с самим собой, но пользователь волен использовать кого угодно.

Как работают vmoji в ВК

Соцсеть презентовала новый инструмент 19 июля. Аудитория бурно отреагировала на новость — у записи с анонсом в группе Стикеров ВК почти 200 тысяч просмотров всего за 24 часа. И есть чему радоваться — теперь каждый пользователь может создать стикеры с самим собой без модерации и даже без навыков рисования. Тут есть, чем поразвлечься.

Чтобы начать, загляните в мессенджер, истории или клипы, нажмите на кнопку эмодзи, а затем — на иконку vmoji. Она доступна везде, где вы отправляете стикеры. Можно использовать фото профиля, загрузить снимок, собрать персонажа в конструкторе или просто сделать селфи — в приложении ВКонтакте.

Сразу получите базовый набор стикеров. Для тех, кто хочет выделиться, будут платные расширения: очки и другие аксессуары, бороды, классные цвета для волос. Позже появятся дополнительные наборы эмоций для персонажа.

Анонс vmoji в группе, посвященной стикерам ВК

Сделать стикеры с самим собой (ну правда – vmoji звучит как-то странно) действительно легко и быстро. Проще всего зайти в приложение ВК на телефоне, открыть Мессенджер и перейти в Избранное. Там увидите справа от поля ввода текста смайлик. Жмем на него и попадаем в окно с эмоджи и стикерами. Тут нужно посмотреть на нижнюю строку и найти значок с лицом человека в рамке с закругленными углами. Он-то нам и нужен — жмем.

Попадаем в меню, где можно выбрать несколько вариантов генерации стикеров — либо делаем фото прямо сейчас, либо добавляем из галереи, либо делаем персонажа сами без всяких фотографий. Можно также использовать фото профиля ВК, но такой вариант подойдет, только если на аватарке лишь ваше лицо крупным планом.

В меню можно выбрать несколько вариантов создания vmoji

Мы протестировали новую функцию и выяснили, что первый вариант с фото на камеру смартфона получается не очень — не всегда алгоритм ВК может увидеть лицо на фото и сделать из него стикеры. С загрузкой фото дела лучше: если на нем есть ваше лицо и оно хорошо освещено, программа сможет сделать набор стикеров без проблем. Но если на вас надеты очки, ВК их не распознает и уберет.

С созданием персонажа вручную проблем тоже быть не должно — если вы играли в Sims или подобную игру с выбором внешности персонажа, то интерфейс покажется вам даже проще и легче, а если нет, все равно легко разберетесь, что к чему.

Однако, как показала практика, лучший вариант — использовать сначала загруженное фото, а затем отредактировать его вручную. Если, конечно, ваша цель — создать точную «стикерную» копию себя.

В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров

Как мы тестировали vmoji ВК

Мы проверили на сотрудниках Texterra, насколько хорошо работает новая функция ВКонтакте. Первым ее протестировал автор статьи, то есть я. Вот такую довольно старую фотографию из галереи я загрузил в приложение для создания стикеров:

Фотография, которую я загрузил для создания стикеров из себя самого

А вот какой стикерпак после обработки мне выдал ВК:

Ей-богу, этот персонаж похож больше на Павла Дурова, чем на меня. Хотя радует, что он увидел бороду (пусть и не всю, но фото такое), распознал часть прически за капюшоном и даже вроде как правильно подобрал форму носа. Но как-то все равно персонаж не кажется похожим на меня. Хорошо, что каждого созданного по фото персонажа можно отредактировать.

Осторожнее с эмодзи! Реальные значения смайлов, о которых вы могли не знать

Возможностей для редактирования, кстати, довольно много. Их я протестировал, создав другой стикерпак с нуля. Первое, что надо сделать – выбрать пол. Тут без сюрпризов — мужской или женский. Сюрприз ждет дальше – на цвете кожи: кроме обычных оттенков есть кожа в стиле Симпсонов и даже как у Мистик из «Людей Икс» (фиолетовая).

В ВК не ограничились белым цветом и оттенками черного

В остальном – все как в Sims и других симуляторах с выбором внешности персонажа. В целом, вариантов прически, форм различных частей лица, макияжа и прочих параметров достаточно много. В некоторых случаях мне было даже трудно различить, чем же они все отличаются. Тем не менее, ВК планирует расширить список возможностей vmoji, добавив еще больше вариантов редактирования персонажа.

Отдельное спасибо за очки — в редакторе их довольно много. Однако свои с двойной дужкой я не нашел. Ну и немного не хватает ползунка с густотой бороды.

Отдельное спасибо ВК за очки в редакторе vmoji

Есть даже предпосылки к монетизации инструмента — редактор предложил мне купить головные уборы за 5 голосов:

ВК предлагает бесплатно лишь красную косынку, а ушки — за голоса.

Вот какой стикерпак выдал мне редактор ВК:

Проверила новую фичу ВК и руководитель отдела контент-маркетинга Росса Бланк (blank@texterra.ru). Ее фото прямо с камеры приложение распознало. Правда, для придания «похожести» Россе пришлось провести несколько манипуляций:

Вариант с загруженным из галереи фото Россе понравился больше, хотя алгоритм и не распознал очки. Пришлось немного доработать персонажа:

Также получилось сравнить виртуальных аватаров, созданных в ВК, Facebook (признана экстремистской в РФ и запрещена) и в инструменте Apple.

Сверху вниз: Facebook, ВК и Apple memoji

Мне кажется, интересное получилось сравнение, и ВК тут не проигрывает. У Facebook больше вариантов для выбора внешности и одежды, но результат все равно ужасный. ВК все, по сути, сделал сам и не обидел меня какой-нибудь причёской, которая делает старше на 50 лет

Руководитель отдела контент-маркетинга

Протестировала новую функцию и Татьяна Коробинцева — ведущий специалист отдела продаж Texterra. Кстати, пишите ей сюда korobinceva@texterra.ru – поможем продвинуть ваш бизнес в ВК

По ее словам, сходство между ней и персонажем, который создал алгоритм ВК, есть, но довольно отдаленное.

Ассортимента vmoji ВК пока недостаточно для создания более-менее точной копии человека

А вот как ВК «видит» нашего арт-директора Святослава Грошева (groshev@texterra.ru):

Сходство реального человека и стикеров также получилось довольно отдаленным

Я разные пробовал фото использовать, в целом он делает типовых персонажей и меняет общие черты, такие как цвет волос, прическа, борода. Цвет глаз не угадал ни разу. Кстати, создаются разные эмодзи, видимо рандомятся. Если говорить про то будет ли спрос на данную фичу, то не самый высокий. Я ранее вообще не слышал о ней, хотя в чатах ВК общаюсь с друзьями часто. Будет умеренный спрос на этот функционал, не более. Плюс в том, что бесплатно новые эмодзи можно делать.

Почему за стикерами с самим собой будущее

Можно подумать, что vmoji — просто развлечение, инструмент, которым можно побаловаться пару-тройку дней. На самом же деле это не просто стикеры, а первый шаг к созданию полноценных виртуальных аватаров внутри соцсетей.

Сегодня множество крупных технокомпаний так или иначе движется в сторону создания метавселенных, и ВК — не исключение. Инструменты vmoji можно вполне расширить для создания трехмерного персонажа и взаимодействовать с его помощью внутри платформы. Наверняка отдел разработки ВКонтакте давно занят этой задачей.

Улыбаемся и машем: самый серьезный гайд по эмодзи для маркетологов

Все секреты и скрытые функции ВКонтакте – вы и не подозревали о таких возможностях соцсети

Я очень рад, что вы решили прочитать эту статью. Ведь после ее прочтения вы станете настоящим джедаем ВК. В этой статье собраны все самые интересные и малоизвестные секреты ВКонтакте: начиная от трех способов прочитать сообщение, не открывая его и заканчивая получением отметки “Прометей” от администрации соцсети. Если вы знаете какие-то скрытые функции ВК, которые не попали сюда, то поделитесь своими знаниями в комментариях.

Бесплатные голоса

Думаю, многие знают, что ВК существует внутренняя валюта, которая называется голоса. Один голос можно купить за 7 рублей, если оплачивать с банковской карты или с помощью электронных денег. При оплате с мобильного счета выйдет немного дороже.

Но большинство участников социальной сети даже не подозревает, что голоса можно получить бесплатно. Как вы думаете, что для этого нужно сделать? Правильный ответ – поиграть в игры. Я серьезно.

Каждому пользователю ВК предлагается индивидуальный набор игр-заданий, выполнив которые, можно получить бесплатные голоса. Например, в моем списке специальных предложений оказалось целых 24 задачи со стоимостью выполнения от 3 до 200 голосов за одну. За выполнение всех предложенных мне задач я могу получить 731 голос, а это больше 5 000 рублей, при расчете 7 рублей за один голос.

Узнать обо всех способах получения голосов, в том числе и бесплатных, вы можете в отдельной статье.

Фильтрация новостей и умная лента

Лента новостей – это раздел, в котором пользователи проводят около половины времени пребывания в соцсети. Разработчики ВКонтакте создали отличный инструмент для фильтрации отображаемых новостей.

Описание всех возможностей этого инструмента и написание инструкций выйдет за рамки этой статьи, поэтому перечислю только основные фишки, которые вы могли не знать.

Большинство настроек новостной ленты проводятся в меню фильтров. Попасть туда можно через значок воронки на странице новостей.

Можно скрыть все репосты из вашей ленты, чтобы в нее попадал только авторский контент. Для этого уберите галочку напротив надписи “Показывать копии” в окне фильтров.

Умная лента ВК анализирует ваше поведение в сети и может сортировать новости в соответствии с вашими предпочтениями. Включить этот режим можно, активировав переключатель “Сначала интересные”.

Вы имеете возможность скрыть новости сообщества или друга, которые вас раздражают или просто не интересны. Сделать это можно в меню фильтров или с помощью кнопок “Это не интересно” и “Скрыть … из ленты”. Вернуть посты друга или сообщества можно только через меню фильтров.

Вы вправе создавать несколько лент новостей с разными источниками. Например, в первой ленте можно настроить отображение новостей по профессии, во второй – только хобби и так дальше, на сколько хватит фантазии. Эта функция актуальна, если вы подписаны на большое количество сообществ или у вас много друзей.

Быстро прикрепить снимок экрана

Вы можете за несколько секунд сделать скриншот и отправить его другу или опубликовать на стене. Нажмите клавишу PrtSc, чтобы сфотографировать экран.

Перейдите в диалог или поле создания поста и нажмите Ctrl + V. Перед отправкой или публикацией вы можете отредактировать снимок в фоторедакторе ВК и добавить эффекты. Для этого откройте изображение в режиме просмотра и выберите пункт “Фоторедактор” или “Эффекты” во всплывающем меню кнопки “Еще”.

Смена языка

Пользователям ВКонтакте представлено более 80 языков на выбор. Вы можете в любой момент изменить язык интерфейса через соответствующий раздел кнопки “Еще”, которая располагается под основным меню страницы.

Кроме официальных языков разных стран, разработчики добавили два уже не существующих: Советский и Дореволюционный. С их помощью можно превратить “Мою страницу” в “Мое досье”, “Друзей” в “Товарищей”, “Сообщения” в “Письма”, а “Статус” в “Статусъ”.

Невидимка

Бывает, что очень нужно узнать какую-то информацию ВК, но не хочется привлекать к себе внимание. Ведь если кто-то увидит, что вы онлайн, то обязательно напишет, тогда завяжется переписка. Так можно застрять в сети на долгое время.

Указать сообщество в качестве места работы

Во ВК создают не только личные страницы, но и страницы компаний. Это значит, что вы можете указать любую группу или паблик, как фирму в которой вы работаете. Сделать это можно на страничке редактирования личной информации.

Пустые поля на странице, в сообщениях и постах

Используя специальный код, вы можете отправлять пустые сообщения, публиковать пустые записи и сохранять незаполненную личную информацию страницы. Большой пользы это умение не принесет, но немного развлечься можно. Вставьте код в любое поле, например, в поле набора текста для создания поста. После публикации на месте этого кода будет пустое место.

Ссылки на другие сайты в меню ВК

В интернет-магазине Chrome можно найти сотни замечательных расширений, которые могут значительно обогатить стандартные возможности социальной сети. С помощью расширения VK Menu вы сможете сделать ваш профиль хранилищем закладок ваших любимых сайтов. Все сохраненные ссылки будут размещены под основным меню вашей страницы, так что у вас всегда будет возможность быстрого доступа к закладкам.

После установки расширения в вашем браузере появится пиктограмма VK Menu на панели. Нажмите на пиктограмму и выберите “Добавить эту страницу”, чтобы сохранить в закладки сайт, на котором вы находитесь. Кликните “Добавить ссылку”, чтобы вставить скопированный URL-адрес в закладки.

Скачать музыку

Во ВКонтакте находится просто огромнейшее хранилище музыки. Некоторые песни можно найти только там. Например, малоизвестные музыканты обычно выкладывают свои первые работы на свои страницы в соцсети.

После введения платной подписки на музыку администрация социальной сети начала создавать некоторые ограничения на бесплатное прослушивание аудиозаписей. Например, с конца 2017 года нельзя бесплатно слушать музыку в фоновом режиме более 1 часа в день.

Для обхода ограничений можно скачивать аудиозаписи на смартфон или компьютер с помощью специальных программ, приложений, онлайн-сервисов и расширений для браузера.

Распознать музыку с помощью бота

Для того чтобы бот AudD распознал песню, необходимо записать и отправить ему голосовое сообщение продолжительностью от 3 до 10 секунд. После распознавания мелодии бот пришлет вам сообщение, в котором будет следующая информация:

Плюс ко всему бот пришлет несколько аудиозаписей, которые он нашел для прослушивания. Вы также можете запросить у AudD текст песни и ссылку на iTunes для скачивания.

Кроме всего прочего, бот обещает распознать песню по напеванию. Для этого нужно перейти в соответствующий режим и записать, как вы напеваете мелодию. Мои попытки получить песню “Батарейка” с помощью напевания не увенчались успехом. Бот решил, что я исполнил что-то на китайском или японском языке.

В официальной группе бота можно подробнее прочитать о нем и алгоритмах его работы, связаться с разработчиком и даже договориться о релизе своего сингла, если вы пишете музыку.

Удалить подписчика

При отклонении заявки в друзья или удалении старого друга человек окажется в подписчиках. Если у вас закрытый профиль, то никто, кроме друзей, никакой информации с вашей странички не увидит, но при открытом профиле в новостной ленте подписчиков будут появляться ваши публикации и другие обновления.

Чтобы пользователю не были доступны ваши личные данные, необходимо убрать его из подписчиков. Сделать это можно, зайдя в перечень ваших подписчиков и нажав крестик в верхнем углу аватарки. Таким образом вы полностью заблокируете человеку доступ к вашей странице.

Как узнать людей, которые заходили на мою страницу

В отличие от Одноклассников, социальная сеть ВКонтакте всегда хранила в секрете информацию о том, кто посещает вашу страничку. Если пользователь не оставил никаких следов в виде лайков или комментариев и не попался в ловушку, то вычислить его будет крайне сложно, но все-таки возможно.

Отложенный постинг и другие возможности при публикации

Администрация ВКонтакте всячески старается поддерживать авторов и активно расширяет возможности для создания качественного контента. Для облегчения работы SMM-менеджеров и обычных юзеров разработчики создали очень удобный инструментарий для публикации новых записей на своей стене и в ленте сообщества.

На данный момент есть следующие функции для создания поста:

Эти и другие возможности рассмотрены в статье про отложенный постинг. Всем рекомендую ознакомиться – материал крайне полезный.

Как сделать зачеркнутый и подчеркнутый текст

Любой текст на стене или в личном сообщении можно необычно оформить с помощью специального HTML-кода, наподобие того, с помощью которого можно отправлять пустые сообщения.

Чтобы подчеркнуть или зачеркнуть текст, необходимо вставить код перед каждой буквой:

Есть еще много вариантов оформления текста с помощью HTML-кода. Все варианты вы можете посмотреть сами в таблице символов Юникода. В этой же таблице вы найдете различные символы, которые помогут украсить текст.

Кстати, все те символы, которые есть в таблице, вы можете набрать с помощью Alt-кода. Для этого нужно с зажатой клавишей Alt набрать число на дополнительной цифровой клавиатуре. Например, комбинация Alt + 0169 позволит получить вот такой символ копирайта ©.

Если вы не хотите тратить время на сооружение конструкций из кода, то воспользуйтесь онлайн-сервисом, который сделает нужное форматирование автоматически. Вам нужно только выбрать, как именно вы хотите оформить текст.

Настройка режима отправки сообщений

При написании длинного сообщения в личной переписке нередко возникает необходимость переноса текста на следующую строку, например, при написании стихотворения.

По умолчанию при нажатии клавиши Enter сообщение будет отправлено собеседнику. Чтобы переместить курсор на следующую строку можно использовать комбинации клавиш Ctrl + Enter или Shift + Enter.

Вы можете сменить стандартный режим и сделать так, чтобы сообщения отправлялись при нажатии комбинации клавиш Ctrl + Enter, а при нажатии Enter курсор переносился на новую строку. Для этого наведите курсор на кнопку отправки сообщения и отметьте нужный вариант.

Обратите внимание, что кнопка отправки сообщения появляется только в том случае, если в поле ввода текста напечатана хотя бы одна буква. В противном случае на месте кнопки отправки будет кнопка записи аудиосообщения.

Как перемещать аудиозаписи

Вы можете легко изменить порядок ваших аудиозаписей. Для этого нужно просто зажать песню мышкой и перетащить ее в нужное место. Учтите, что менять композиции местами можно только в своей музыке и только на странице аудиозаписей. Изменить порядок песен в плеере не получится.

Жирный шрифт в сообщениях

При желании вы можете выделить определенный текст в вашем сообщении жирным шрифтом. Эта функция будет полезна, если вы написали длинное сообщение и хотите выделить основную мысль в заголовке или кратко описать тему вашего обращения.

Чтобы сделать текст жирным, нужно создать сообщение через кнопку на странице пользователя, которому оно предназначается. Через диалоги сделать текст жирным не получится.

Просто начните набирать сообщение любого содержания. После того как вы напечатаете текст объемом в 201 символ или больше, в окне появится дополнительное поле “Тема”. Все, что вы наберете в этом поле, будет выделено жирным шрифтом. К сожалению, в теме сообщения нельзя набрать больше 64 символов, включая пробелы.

Иногда хочется написать короткое сообщение жирным шрифтом. Это возможно. Придется пойти на небольшую хитрость. Если вы читаете статью с начала, то уже знаете про код, который позволяет отправлять пустые сообщения. Заполните кодом поле для ввода сообщения, чтобы появилось поле для ввода темы. Напишите ваше короткое сообщение и отправьте его.

Такой результат у меня получился.

Сделать слово ссылкой на человека или группу

Любую внутреннюю ссылку, например, ссылку на пользователя можно заменить именем этого пользователя или любым другим словом. При желании можно даже смайлик сделать кликабельной ссылкой. Делается это очень просто и быстро.

Убрать рекламу

Порой реклама в интернете становится настолько навязчивой, что вызывает желание покинуть сайт и никогда на него не возвращаться. К счастью, в случае с ВК все не так плохо.

Если вы все-таки хотите избавиться от рекламы, то есть отличный способ – расширение-блокировщик для браузера. С его помощью можно избавиться от рекламы в музыке, видеозаписях и скрыть объявления под основным меню.

Накрутить лайки, репосты и другие показатели

Тема накрутки очень объемна. На нашем блоге вы можете найти статьи по накрутке каждого показателя статистики в сообществе или на личной странице:

Посмотрите инструкцию по сервису Bosslike, который накручивает репосты и все, что перечислили в списке выше.

Написать сообщение самому себе

Некоторые пользователи, в число которых вхожу и я, используют ВКонтакте, как записную книжку. Когда сидишь в соцсети, под рукой нет блокнота, а Wunderlist не хочется открывать, чтобы записать важную мысль или сохранить найденную ссылку. Можно написать всю информацию в сообщение и отправить его себе. Так вы всегда сможете быстро вернуться к записи и ее никто, кроме вас, не увидит.

Существует несколько способов отправить себе сообщение. Проще всего зайти в меню сообщения и в строке поиска ввести свое имя и фамилию. Когда вы найдете себя, перейдите в беседу и напишите сообщение. Еще вы можете найти свою страницу в списке друзей вашего товарища и нажать кнопку “Написать сообщение”.

После того, как вы отправите первое сообщение, у вас появится возможность отправлять себе в личку репосты записей.

Сделать картинку ссылкой

В любую запись или комментарий на стене можно вставить кликабельную картинку. При нажатии на нее пользователь перейдет на внешнюю страницу, ссылку на которую вы поместили в картинку.

Первым делом нужно сократить ссылку с помощью специального сервиса. В работе я обычно использую Bitly или Кликер. Можно этого не делать, ведь ссылки все равно не будет видно под картинкой, но в этом случае ВК может забраковать URL-адрес и не дать пользователю перейти на внешнюю страницу или выдать предупреждение, что сайт вредоносный.

Теперь, когда вы уже подготовили ссылку, вставьте ее в поле создания поста или комментария. ВКонтакте сразу подгрузит картинку и заголовок страницы, на которую вы ссылаетесь. Их можно поменять. В левом верхнем углу картинки вы найдете иконку фотоаппарата. Нажмите на нее, а в следующем окне кликните на кнопку “Выбрать файл” и загрузите картинку с компьютера.

Рекомендуется использовать изображения размером 537 x 240 пикселей или больше. Если ваша картинка будет больше по размеру, то после загрузки придется ее обрезать, выбрав область, которая будет отображаться в посте или комментарии.

После того как вы установили изображение ссылки, можете поменять заголовок. Для этого кликните на него или на значок карандаша рядом справа от текста. Удалять заголовок нельзя, так как без него ВК не даст опубликовать запись.

Нужно будет поставить хотя бы одну букву или символ. Вы также можете использовать код, который мы уже рассмотрели в разделе о том, как отправлять пустые сообщения. С его помощью можно будет опубликовать запись без подписи.

Получить платные стикеры бесплатно

Практически все пользователи социальной сети используют стикеры при общении. Подавляющее большинство использует бесплатные стикерпаки, которые предоставляются сразу при регистрации нового аккаунта или подарочные наборы, полученные от ВК на какой-либо праздник.

Хотите пополнить свою коллекцию наклеек платными стикерами? Тогда читайте статью о том, как бесплатно получить стикеры. Там же вы найдете инструкции по получению комплектов ТНТ, Дюрекс, Дота 2 и других редких стикеров.

Как позвонить другому пользователю

Спустя 6 лет после того, как разработчики ВКонтакте запустили тестовые звонки в веб-версии социальной сети, полноценная возможность аудио и видеосвязи появилась в приложении ВК для смартфонов.

На данный момент совершить звонок может любой пользователь соцсети. Для этого нужно только установленное официальное приложение на вашем смартфоне и телефоне пользователя, с которым вы собираетесь связаться. Если у юзера не установлено приложение, он получит сообщение о пропущенном вызове в личку.

Позвонить можно абсолютно любому участнику социальной сети ВКонтакте, при условии, что у него разрешены входящие вызовы в настройках конфиденциальности.

Чтобы совершить звонок, перейдите на страницу пользователя, которому хотите позвонить, нажмите значок телефонной трубки в правом верхнем углу экрана. Этот же значок вы можете найти в вашей с ним переписке. Находится он также в правом верхнем углу экрана. Если трубка выглядит блекло-серо, значит этот человек запретил звонить ему в настройках приватности.

Сделать закрепленную запись

Вы можете закрепить один, выбранный вами пост, в самом верху стены на вашей странице. Создание закрепленной записи крайне полезная функция, особенно для тех, кто уже ведет группу или только собирается стать администратором сообщества, поэтому рекомендую ознакомиться со статьей.

Узнать, как давно вы зарегистрированы ВК

В 2016 году ВКонтакте отметил свое десятилетие. В связи с этим всем пользователям был сделан приятный подарок – специальная статистика личной страницы, в которой отображены первые фото, друзья, аудиозаписи и другие данные. Также там было указано, как давно вы пользуетесь соцсетью ВКонтакте.

Страница с личной статистикой до сих пор работает и попасть на нее может любой пользователь, даже если он только зарегистрировался.

Если в какой-то момент эта статистика перестанет работать, то дату регистрации и другую информацию о любом аккаунте можно узнать с помощью этой ссылки – view-source:https://vk.com/foaf.php?id=1.

Скопируйте весь URL-адрес и вставьте его в адресную строку браузера, заменив при этом цифру 1 на id вашей или любой другой страницы. Нужен именно идентификатор, так что если он заменен словом, то прочитайте статью о том, как узнать id.

В результате вы получите код страницы, в котором отображена дата регистрации, время последнего посещения и другая информация профиля. С помощью этого способа можно узнать данные даже закрытого профиля.

Узнать статистику своей страницы

Вы можете узнать, кто посещает вашу страницу, с помощью персональной статистики профиля. Для этого даже не обязательно расставлять ловушки в виде ссылок на стене.

Правда, вы получите информацию не о конкретном пользователе, который зашел к вам на страницу, а сводную информацию о вашей аудитории: пол и возраст, страна и город проживания, сколько людей за день посетили ваш профиль. При желании на основе этих данных можно вычислить конкретного человека, который заходил к вам “в гости”.

Получить доступ к статистике может каждый пользователь, но для этого необходимо выполнить определенные условия. Подробнее об этом читайте в отдельном посте.

Как стать Прометеем

Для авторов, которые создают уникальный и полезный контент, разработчики сделали специальную награду – метку “Прометей”. Она выдается как личным страницам, так и сообществам.

Кроме огненной отметки, которая будет неделю отображаться справа от вашего имени или названия группы, вы получите поддержку в продвижении ваших материалов. Семь дней ваши публикации будут отображаться в разделе “Рекомендации” мобильного приложения у пользователей, которым может быть интересен подобный контент.

Прометея можно получать неограниченное количество раз, а уже после первого награждения вы попадете в зал славы – “Пантеон авторов” в сообществе “ВКонтакте с авторами”.

Прочитать сообщение и оставить его непрочитанным

Не открывая переписку во ВКонтакте, получится прочитать только последнее полученное сообщение, а если оно длинное, то и его полностью не видно.

Официально функции, которая позволила бы прочитать переписку и оставить сообщения непрочитанными, нет, поэтому придется идти на хитрости.

Для пользователей, которые пользуются соцсетью через компьютер, есть два возможных варианта скрытного чтения переписки.

Зайдите в свой аккаунт и перейдите по этой ссылке – vk.com/im?q=day:31122035. Вы увидите все свои входящие и исходящие сообщения. Читайте их не открывая. Эта ссылка помогает найти все сообщения, которые вы получили с момента регистрации и до 31 декабря 2035 года (дату обозначают цифры в конце ссылки). Я взял с запасом. При желании вы можете поставить более близкую дату.

Перейдите на страницу с беседами и в окне поиска по диалогам введите имя и фамилию человека, сообщения которого вы хотите прочитать. В результате поиска будет находиться закрытый диалог, в котором показано, сколько сообщений прислал пользователь, а под ним размещены все прочитанные и непрочитанные сообщения.

Незаметно читать сообщения в официальном приложении ВКонтакте можно, но с некоторым ограничением. Зайдите на страницу с диалогами и отключите интернет на вашем смартфоне. Откройте беседу и прочитайте сообщения. Закройте приложение ВК и больше не заходите в него. Сообщения автоматически будут отмечены прочитанными, когда вы следующий раз запустите приложение.

Чтобы скрытно читать сообщения без ограничений, установите Kate Mobile. В настройках этого приложения можно установить режим, в котором сообщения не будут отмечаться прочитанными до тех пор, пока вы сами их не отметите или не ответите собеседнику.

Закладки

Совсем недавно разработчики сделали серьезное обновление закладок. Раньше поставленный лайк автоматически сохранял запись в закладки, которые можно было посмотреть в соответствующем разделе своего профиля.

Теперь же отметка “Мне нравится” и закладки – это две, несвязанные между собой функции. Все поставленные лайки можно найти в разделе “Понравилось” на странице новостной ленты.

Добавить интересный пост в закладки можно с помощью специальной кнопки, которая есть у каждой записи. Нажмите стрелку и выберите пункт “Сохранить в закладки”. Теперь вы можете найти сохраненный материал в разделе “Закладки” вашего профиля. Просматривать сохраненные в закладках записи можете только вы.

Скопировать ссылку на комментарий

На блоге уже рассматривался вопрос о том, как просмотреть пост в развернутом виде и скопировать ссылку на него. Похожим способом можно скопировать ссылку и на комментарий.

Для этого нужно правой кнопкой мыши кликнуть на время публикации комментария и выбрать пункт “Копировать ссылку”. При переходе по такой ссылке нужный комментарий будет размещен в самом верху страницы.

Редактор фотографий Avatan

Для всех любителей фотографий большим открытием будет приложение Avatan. С его помощью можно за несколько минут отредактировать фото, не хуже чем в Фотошопе. В инструментарий приложения входят десятки фильтров, возможность ретуши и цветокоррекции, устранение недостатков, а также множество рамок, наклеек и эффектов. Найти приложение можно в разделе “Игры”.

Браузер Orbitum

Orbitum – это браузер, разработанный на базе движка Chromium. По утверждениям разработчиков, он оптимизирован специально для социальных сетей ВКонтакте и Одноклассники.

С его помощью вы можете установить одну из сотен тем для странички ВК или даже создать свою. В браузере встроено расширение-чат, чтобы вы могли общаться, не переходя на страницу беседы. Также в Orbitum установлен переводчик и блокировщик рекламы.

Скачать это чудо можно с официального сайта. Вы можете установить браузер не только на Windows, на сайте также есть версии для Android и Mac.

Редактировать отправленное сообщение

“У каждого есть право на ошибку” – подумали разработчики социальной сети и добавили возможность редактировать отправленные сообщения.

Внести правки в сообщения может любой пользователь. Для этого нужно навести курсор на сообщение и нажать на значок карандаша. Теперь можно исправить допущенную ошибку или полностью переписать текст.

В мобильном приложении также можно вносить исправления в текст. Нужно один раз коснуться сообщения, которое необходимо скорректировать, и выбрать значок карандаша в появившемся меню. Таким же образом можно редактировать посты и комментарии.

Стоит учитывать, что ваш собеседник будет знать о внесенных вами исправлениях, так как рядом с сообщением появится примечание (ред.) Если вы отредактировали текст до того, как пользователь его прочитал, то он не узнает о содержании первой версии сообщения (при условии, что у него не включены оповещения по электронной почте).

Редактировать можно только те сообщения, которые были отправлены в течение последних 24 часов.

Удалить отправленное сообщение

Вместе с возможностью редактировать сообщения во ВКонтакте появилась функция удаления. Вы можете стереть любое свое послание, отправленное когда-либо и оно никогда больше не будет отображаться у вас в диалоге.

Сообщения же, которые отправлены в последние 24 часа, вы имеет право удалить у себя и у вашего собеседника. При этом неважно, прочитал он его или еще нет.

Выберите одно или несколько сообщений, которые вы хотите удалить. Нажмите значок корзины. После этого появится окно, в котором необходимо установить галочку напротив надписи “Удалить для всех” и подтвердить ваши намерения.

Поменять тему оформления

Интерфейс ВКонтакте выдержан в нейтральном стиле. Для основных элементов сайта используется только два цвета: синий и белый. Для тех, кто хочет разнообразить внешний вид своей странички в соцсети, на блоге есть статья о том, как можно поменять тему оформления.

Кого добавил друг

Вы без проблем можете посмотреть людей, которых недавно добавил ваш друг. Эта функция доступна каждому пользователю ВК, но многие до сих пор о ней не знают.

Вам нужно попасть в вашу новостную ленту и перейти в раздел “Обновления”. В этом разделе можно найти практически все действия, совершенные вашими друзьями: от изменения личной информации в профиле до оставленных комментариев.

Вам нужно убрать все отметки в фильтре, за исключением пункта “Новые друзья”. Пролистайте ленту в самый низ до тех пор, пока не прекратят появляться новые записи.

Это нужно, чтобы можно было использовать быстрый поиск по странице. Теперь нажмите комбинацию Ctrl + F и введите имя и фамилию пользователя, новых друзей которого вы хотите увидеть – все обновления, связанные с этим человеком, выделятся цветом.

В мобильном приложении функции поиска по странице нет, так что придется пролистывать все последние обновления вручную.

У кого я в подписчиках

Вы попадете в список подписчиков пользователя, если он не примет вашу заявку в друзья или удалит вас из друзей спустя время. За годы пользования социальной сетью у человека может скопиться огромное количество подписок, о которых он даже не подозревает.

Узнать, кто удалил вас из друзей и на кого вы подписаны, можно, перейдя в раздел “Заявки в друзья” на странице “Друзья”.

В этом разделе находятся всего две вкладки: “Входящие” и “Исходящие”. На первой вы можете посмотреть всех ваших подписчиков, а на второй – людей, на которых подписаны вы.

Заключение

Полезных функций в ВК огромное множество, поэтому статья получилась довольно большой. Но даже в этот объем не удалось вместить все те фишки и возможности социальной сети, о которых хочется вам рассказать.

Подписывайтесь на новости блога, добавляйтесь в группы в социальных сетях, сохраняйте сайт в закладки и возвращайтесь, а я пока подготовлю для вас новую статью о нашей любимой соцсети.

Какая из описанных в статье хитростей понравилась вам больше всего? А может вы часто используете какую-то скрытую функцию, которую я упустил? Поделитесь своими фишками в комментариях. Думаю, всем будет интересно узнать что-то новое.

Более 5 лет работаю удаленно. За это время изучил более 10 направлений работы в интернете. В 8 из них успел поработать.

Слежу за новостями, обновлениями и трендами социальных сетей. Пишу статьи, в которых делюсь своим опытом и наблюдениями.

Как создать простейшую цепочку касаний в социальных сетях для повышения продаж в бизнесе!

Всем привет! Меня зовут Максим Бондаренко, я являюсь основателем SMM агенства iMa. Мы занимаемся продвижением бизнеса в социальных сетях.

С места в карьер, как говорится и сегодня мы рассмотрим наглядно, как построить цепочку касаний с вашими потенциальными клиентами и для чего они нужны.

Разобьем статью на три части:

1) Как создать пиксели и аудитории

2) Как разработать и создать цепочку

3) Какой в ней смысл и для чего она нужна

И так, начнем с пункта 1. Давайте представим, что у нас например условный проект: Мы продаем кондиционеры и занимаемся их установкой и обслуживанием.

У всех более менее уважающих себя предпринимателей есть сайт. Возьмем его за наш фундамент и на базе сайта и будем выстраивать цепочку касаний. На сайт есть в любом случае входящий трафик: Клиенты приходящие с естественного поиска (Яндекс поиск, Гугл поиск, Майл поиск, Bing и т.д.) Клиенты приходящие по платным запросам, если у вас конечно это настроено (Яндекс директ, Гугл Адвордс и т.д.). Еще есть много способов, но мы не о них.

Для того, чтобы нам не терять этот входящий трафик и работать с ним дальше (например, если человек пришел на сайт и не купил), нам нужно для начала установить все пиксели соц. сетей в код сайта.

Что это? Это код, который встраивается в код сайта, для того чтобы мы могли собирать различные аудитории с этого же сайта и использовать рекламу по ним.

Для начала мы создаем эти пиксели в каждой соц. сети.

Заходим в свой рекламный кабинет, выбираем вкладку «Ретаргетинг». Далее заходим в пункт «Пиксели», потом нажимаем на синюю кнопку «Создать пиксель».

Пишем название пикселя например «Кондиционеры», в разрешенный домен вставляем адрес своего сайта и выбираем тематику. После нажимаем «Создать»

В открывшемся окне появляется ваш код для вставки на сайт. Если вы сами умеете работать с админкой своего сайта, то ниже есть писание куда этот код нужно вставить. Если же нет, то пишите своему подрядчику, кто занимается сайтом, чтобы они встроили код.

После того, как код будет встроен проверьте его на его работоспособность! Заходим туда же, где его создавали. В пункте «Статус» должно быть написано «Работает» и в пункте «Ошибок за час» должно быть написано «Ошибок нет»

Если все таки будут ошибки, то там будут и пояснения, что не так.

Далее важный пункт, нам нужно собрать всех посетителей сайта в аудиторию. Возвращаемся в меню и выбираем пункт «Аудитории» и нажимаем «Создать»

И начинаем собирать например всех кто посетил сайт за последние 30 дней

Далее аудитория появится и постепенно будет собираться в вашем рекламном кабинет.

По такому же принципу собираем аудиторию тех, кто купил ваш товар. Для этого на вашем сайте должны быть страница «Спасибо» — это та страница куда после оформления заказа перебрасывает посетителя.

Копируем url страницы и в рекламном кабинете создаем новую аудиторию тех кто купил ваш товар. Выбираем в настройках «Пользователи посетившие определенные страницы» и в URL вставляем скопированный адрес. Период берем самый большой.

В итоге мы получаем:

1) У нас собирается аудитория всех, кто посетил сайт

2) У нас собирается аудитория тех, кто купил товар на вашем сайте

Заходим в свой рекламный кабинет в пункт «Ads Manager» находим графу «Все инструменты» и кликаем по ней и переходим в пункт «Пиксели».

Смело заходим и начинаем создавать пиксель

Прописываем наши названия и ссылку на наш сайт (Листайте галерею)

Выбираем способ добавления кода и устанавливаем его.

Далее заходим в созданный пиксель и проверяем его работоспособность!

Реализация реакций в приложении ВКонтакте на Android

Привет! Меня зовут Денис Загуменнов, я из команды ленты и рекомендаций ВКонтакте. Мы занимаемся новостной лентой, стеной, рекомендациями, комментариями, VK Donut, социальным графом и навигацией.

В августе 2021-го мы представили реакции у записей в официальном приложении ВКонтакте. В этой статье расскажу о реализации. Материал сугубо технический, для Android-разработчиков.

В этой статье:

Отметка «Нравится» и выбор реакций.

Общая схема взаимодействия компонентов реакций.

Взаимодействие ReactionsView с другими компонентами.

Поп-ап выбора реакций.

Обработка тачей поп-апа реакций.

Анимации открытия, закрытия, выбора, отправки реакций.

Режим чтения с экрана (TalkBack).

Воспроизведение анимаций реакций.

Где это пригодится.

Отметка «Нравится» и выбор реакций

Нажимая «Нравится», пользователи выражают интерес к записи. Но одной этой отметки бывает недостаточно, чтобы показать разные эмоции. А в некоторых случаях ставить «Нравится» просто неуместно.

Поэтому мы расширили количество реакций: теперь их шесть. Так обратная связь становится точнее и помогает понять, какие чувства вызывает запись.

В мобильном приложении ВКонтакте пользователь оставляет реакции так: долгим нажатием на кнопку «Нравится» у записи вызывает поп-ап с реакциями, а затем ставит нужную — можно выбирать, не отпуская палец. Об этой и других особенностях реализации реакций в Android-приложении я расскажу в статье.

Общая схема взаимодействия компонентов реакций

В команде ленты мы используем MVP, чтобы отделять бизнес-логику от представления. Во View расположен адаптер для RecyclerView, а Presenter предоставляет для него данные — список объектов, описывающих ячейки записей. Каждой такой ячейке соответствует один ViewHolder.

Мы разбиваем записи, чтобы RecyclerView мог переиспользовать вьюхи, даже если публикация занимает больше одного экрана по высоте.

Например, на скриншоте ниже показано, как разбивается моя запись с репостом из VK Team (каждая вьюха выделена синим прямоугольником):

Заголовок записи с аватаркой автора и датой.

Заголовок оригинальной записи.

Футер записи с кнопками.

Выставление реакции происходит так:

открываем поп-ап долгим нажатием;

сохраняем слабую ссылку на вьюху футера;

пользователь выбирает реакцию;

воспроизводим анимацию в кнопке футера, используя слабую ссылку.

Таким образом мы обновляем только часть футера, не применяя методы адаптера.

В этом помогает ReactionsFacade: презентер предоставляет его адаптеру, чтобы каждый вьюхолдер футера мог быть проинициализирован этим фасадом.

В презентере находится ReactionsFacade, этот фасад передаётся в адаптер.

При создании вьюхолдеры футера поста получают фасад реакций.

Фасад реакций

ReactionsFacade реализует структурный шаблон проектирования. Это фасад, который позволяет скрыть сложность системы: все возможные внешние вызовы сводятся к одному объекту, делегирующему их соответствующим объектам системы.

Фасад содержит вьюху ReactionsView и конфиг с описанием доступной функциональности — ReactionsConfig.

Как происходит установка: на кнопку реакции устанавливается слушатель касаний (с помощью метода setOnTouchListener); а вьюхолдер, содержащий кнопку, реализует интерфейс View.OnTouchListener. У ReactionsView есть обработчик onTouch, в который передаются:

вьюха, из которой произошёл тач;

событие тача MotionEvent;

вьюхолдер, где находится вьюха из первого пункта;

объект, к которому относится реакция, реализующий интерфейс Reactionable (это может быть любой объект, но в данном случае передаётся пост).

При создании ReactionsFacade передаётся ReactionsConfig — он содержит конфигурацию с описанием доступной функциональности. Необходим для экспериментальных функций, которые можно выключать.

ReactionsView.

Взаимодействие ReactionsView с другими компонентами

ReactionsView — класс, который предоставляет взаимодействие с вьюхами для ReactionsFacade.

Cоздание и показ поп-апа ReactionsPopupWindow происходит в ShowReactionRunnable. ReactionsPopupWindow в качестве контентной вьюхи использует кастомную вьюху ReactionsPopupView. В ней размещается бабл поп-апа и все анимации реакций.

После создания поп-апа тачи передаются во вьюху ReactionsPopupView — чтобы после длинного нажатия можно было выбирать реакции, не отрывая палец от экрана.

ReactionsPopupWindow — наследник PopupWindow, необходим для присоединения вьюхи поп-апа выбора реакций ReactionsPopupView к окну.

Ссылка на ReactionsPresenter (выполняет роль классического презентера) — она содержит бизнес-логику и управляет интерфейсом.

ReactionsButtonTouchDelegate — делегат, необходимый только для обработки жестов с кнопки.

Скролл — если пользователь скроллит, то отклоняет обработку тачей, чтобы тачи обрабатывались RecyclerView.

Одиночное и долгое нажатие — в случае длительного нажатия открывает поп-ап и последующие тачи делегирует уже в его вьюху.

Ниже показываю, как выглядят onTouch в ReactionsButtonTouchDelegate.

на действие MotionEvent.ACTION_DOWN — метод onTouchDown:

MotionEvent.ACTION_UP — onTouchUp:

MotionEvent.ACTION_CANCEL — onTouchCancel:

MotionEvent.ACTION_MOVE — onTouchMove:

ReactionsStateController — управляет логикой переходов состояний реакций в ответ на действия с UI.

ReactionsViewSettings — содержит информацию с настройками отображения поп-апа.

Что можно настроить:

с какой стороны и с каким отступом от якорной вьюхи будет отображаться поп-ап;

отступы от экрана для отображения поп-апа реакций;

размер каждой реакции в выделенном и невыделенном состояниях;

цвет подсказки с названием реакции;

размер шрифта подсказки названия реакции.

ReactionsCallback — коллбэк для получения событий об открытии и закрытии поп-апа, выбора реакции и её отправки.

В ReactionsView хранится слабая ссылка на ReactionViewHolder (позволяет анимированно обновлять интерфейс). ReactionViewHolder — интерфейс вьюхолдера, который хранит внутри себя вьюху с отображением реакции. Все вьюхолдеры с кнопкой реакций — это наследники ReactionViewHolder.

Поп-ап выбора реакций

ReactionsPopupWindow — наследник PopupWindow. Необходим, чтобы к окну вьюхи присоединялся поп-ап выбора реакций ReactionsPopupView.

ReactionsPopupView — вьюха, которая занимает весь экран. В onLayout размещаем поп-ап реакций и сами реакции. Поп-ап реализован через контейнер со скроллом — так поддерживаем маленькие экраны. Он содержит вьюхи, аниматор ReactionsPopupViewAnimator и делегат тачей ReactionsPopupTouchDelegate.

ReactionsViewSettings — здесь находятся настройки визуального отображения.

Измерение

В onMeasure измеряем все текстовые вьюхи названий реакций и размер контейнера с реакциями.

В методе measureTitles измеряются вьюхи, которые используются для надписей реакций.

Функция measurePopupWidth измеряет ширину поп-апа. Если она меньше родительской ширины с учётом больших отступов, то итоговая будет без изменений.

В calcPopupCoordinates рассчитываются координаты места, где будет показан поп-ап, с учётом границ экрана.

Размещение

Про функцию измерения поговорили, теперь — о размещении контейнера. Всё это происходит в onLayout.

Подробнее опишем, что означает каждая функция.

В checkAnchor проверяем, видна ли кнопка реакций и присоединена ли она к окну:

Функция layoutChildLeft размещает view там, где левый верхний угол в координатах (x, y):

В функции layoutReactions размещаем вьюхи реакций, входящих в набор:

В layoutReactionView размещаем вьюху конкретной реакции:

layoutTitle размещает titleView по центру над реакцией с границами reactionRect в границах вью-группы thisRect:

Вычисляем левый отступ для надписи над реакцией, учитывая границы экрана:

Рисование

Вот так выглядит метод dispatchDraw в ReactionsPopupView:

В функции layoutPopup вычисляем координаты и границы поп-апа:

В функции drawPopup рисуем подложку и тень поп-апа с координатами, полученными в layoutPopup:

Обработка касаний

Перехватываем все тачи:

Все тачи передаются в ReactionsPopupTouchDelegate:

ReactionsPopupViewAnimator — отвечает за анимации открытия, закрытия и выбора реакции.

ReactionsPopupTouchDelegate — в этот класс мы делегируем все тачи от вьюхи ReactionsPopupView.

ReactionsSet — набор реакций, описание каждой находится в ReactionMeta.

Мы заложили возможность присвоить любой записи свой набор реакций: в объекте записи хранится идентификатор актуального набора. И в каждом таком наборе хранятся объекты реакций с названиями, ссылками на статические изображения и Lottie-анимации.

В объекте реакции Reaction содержится ссылка на Lottie-анимацию, изображение, название. Для изображения передаётся массив с размерами и ссылками на нарезанные размеры реакций. Это необходимо, чтобы клиент сам выбирал оптимальное для устройства изображение — в зависимости от плотности пикселей экрана.

ReactionsScrollView — скролл-вью реакций.

ReactionsAccessibilityDelegate — делегат для TalkBack.

ReactionsViewSettings.

ReactionsCallback.

Обработка тачей поп-апа реакций

ReactionsPopupTouchDelegate — в этот класс мы делегируем все тачи от вьюхи ReactionsPopupView.

Обработка тачей происходит в ReactionsPopupTouchDelegate.

В методе onTouchEvent каждый метод отвечает за обработку определённого действия:

Действие MotionEvent.ACTION_DOWN — метод onTouchDown.

Необходим для того, чтобы понимать, как произошло нажатие. С этого момента наблюдается, на какую вьюху указывает тач. Когда тач находится на вьюхе, соответствующей реакции, то эта вьюха выделяется, увеличиваясь в размерах. Также если тач находится на левом и правом краю поп-апа и не все реакции поместились на экран, то автоскролл сработает в ту сторону, откуда произошло событие тача.

startTouchTime — время начала взаимодействия с поп-апом, запоминается в момент прикосновения к экрану (MotionEvent.ACTION_DOWN) и очищается, когда юзер отпускает палец или отменяет жест (MotionEvent.ACTION_UP или MotionEvent.ACTION_CANCEL).

Действие MotionEvent.ACTION_MOVE — метод onTouchMove.

Используется для отслеживания событий наведения на реакции или для автоскролла, если все реакции не поместились на экран и можно прокручивать возможные варианты. Автоскролл в этом случае происходит при наведении на край поп-апа.

Действие MotionEvent.ACTION_UP — метод onTouchUp.

Необходимо для отслеживания момента, когда палец уже не касается экрана. Если до этого был инициирован автоскролл, то он останавливается.

Действие MotionEvent.ACTION_CANCEL — метод onTouchCancel.

Необходим для понимания, когда жест отменён. Останавливается автоскролл, если он был инициирован, и закрывается поп-ап.

onTouchMoveScroll используется для передачи события тача из onTouchMove — это нужно для скролла списка возможных реакций.

onScroll используется для обновления положения реакций и подсказок с их названиями, когда происходит скролл общего списка. Обновлять положение нужно, так как скролл — это изменение свойства и он не вызывает переразмещение вьюх.

После выбора реакции происходит её «оптимистичное» выставление. То есть реакция выставляется объекту заранее, счётчик обновляется с её учётом — и всё это до получения ответа от сервера об успешности действия. По паттерну «издатель-подписчик» прокидывается событие обновления реакции у всех вьюх, относящихся к объекту, к которому выставляется реакция. Это происходит на всех экранах, которые находятся в стеке навигации. Также при открытии поп-апа мы передавали ссылку на вьюхолдер и вьюху, откуда произошло действие. В этой вьюхе воспроизводится анимация выбранной реакции.

Определение событий при разных взаимодействиях с вью

Событие нажатия на кнопку.

Если между ACTION_DOWN и ACTION_UP прошло меньше времени, чем ViewConfiguration.getLongPressTimeout(), то вызывается performClick. Это происходит у вьюхи, откуда был тач, и поп-ап закрывается. По ACTION_CANCEL поп-ап также закрывается. Также если было событие ACTION_MOVE и дистанция изменилась на ViewConfiguration.get(context).scaledTouchSlop, то это считается за скролл. В таком случае поп-ап не открывается.

Событие длительного нажатия.

По событию ACTION_DOWN запускается отложенный Runnable через ViewConfiguration.getLongPressTimeout() миллисекунд. Если любые события произошли за это время, то этот Runnable отменяется.

Как только поп-ап открывается, все тачи обрабатываются им.

Для ответного отклика-вибрации при открытии поп-апа вызывается метод хаптика view.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS).

AutoScrollDelegate — делегат, необходимый для автоскролла в поп-апе реакций.

ScrollTouchDetector — делегат для определения скролла по событиям тача.

SelectDelegate — делегат, который содержит логику выбора реакции.

Выделение вьюхи происходит при выполнении SelectReactionRunnable через время tapTimeout.

В SelectReactionRunnable находится запуск аниматоров — нужны при изменении состояния выделенной реакции.

В коде выше reactionId — это id реакции; popupView.setSelectedPosition(reactionId) производит анимацию выбора реакции; touchDelegate.setCanScroll(false) исключает горизонтальный скролл реакций в логике. Актуально, когда все реакции не влезают в экран, и при выделении реакции нажатием на экран невозможно скроллить список жестами.

ReactionsScrollView — вьюха с горизонтальным скроллом, в которой находятся реакции.

ReactionsCallback — коллбэк для получения событий об открытии и закрытии поп-апа, выборе и отправке реакции.

ReactionsPopupView — вьюха, которая занимает весь экран и в ней размещается поп-ап. Содержит вьюхи, аниматор и делегат тачей.

Бизнес-логика поп-апа

ReactionsPresenter содержит бизнес-логику и отправляет события обновления вьюх на экране.

Оптимистичное выставление реакций во вьюхе

Параллельно с отправкой запроса на добавление или удаление реакции в UI анимируется выставление выбранной реакции и обновляется состояние в объекте записи. Пока выполняется запрос на выставление реакции, повторные запросы не выполняются. Если происходит ошибка, то UI меняет состояние на то, что было до выставления реакции. Также на предыдущее откатывается состояние объекта. Пользователю показывается ошибка с дополнительной информацией.

ReactionsView — класс, который предоставляет взаимодействие с вьюхами для ReactionsPresenter.

ReactionsModel содержит информацию об объекте, которому можем поставить реакцию.

ReactionsCallback — коллбэк для получения событий об открытии и закрытии поп-апа, выборе и отправке реакции.

Анимации открытия, закрытия, выбора и отправки реакций

За анимации открытия, закрытия, выбора реакций отвечает класс ReactionsPopupViewAnimator, в котором находятся аниматоры для каждого этапа. При отсоединении вьюхи от окна все анимации отменяются, используя метод cancel.

Этапы анимации

Анимация открытия поп-апа.

Реализована в ReactionsOpenAnimator. Для одновременного проигрывания аниматоров используем AnimatorSet, вызывая playTogether со списком аниматоров:

аниматор, который делает подложку и тень поп-апа непрозрачными, начиная с прозрачности 100%;

аниматор, который увеличивает скейл подложки поп-апа до 1, а также увеличивает ширину и высоту, начиная с круглой подложки и тени;

для каждого изображения реакции в поп-апе по два аниматора:

один отвечает за увеличение скейла с 0 до 1,

другой — за смещение реакции сверху вниз.

Так как подложка и тень анимируются отдельно от появления реакций, то они рисуются отдельно от контейнера, в котором расположены реакции.

Все этапы анимации разделены на разные аниматоры, так как у них разные времена старта и конца, а также разные интерполяторы. Тень и бабл контейнера реакций рисуем с учётом перемещений, скейла и темы. Тень рисуется отдельно от подложки — так как подложка окрашивается в цвет темы, а тень всегда одного цвета.

После проигрывания всех аниматоров открытия поп-апа начинается воспроизведение Lottie-анимаций для реакций.

Анимация закрытия поп-апа.

Анимация закрытия поп-апа реализована в ReactionsCloseAnimator.

Останавливаются все Lottie-анимации реакций.

Проигрываем одновременно несколько аниматоров:

перемещение вьюх реакций по оси Y от 0 до 36 dp кубической интерполяцией Безье;

поворот вьюх реакций от 0 до −35 градусов линейной интерполяцией;

прозрачность вьюх реакций от 1 до 0 линейной интерполяцией;

перемещение поп-апа реакций на их величину кубической интерполяцией Безье;

прозрачность подложки поп-апа реакций от 1 до 0 линейной интерполяцией.

После окончания всех аниматоров закрытия поп-апа освобождаются ресурсы, необходимые для Lottie-анимаций.

Анимация наведения пальцем на реакцию.

За анимацию выбора реакции отвечает ReactionsSelectAnimator. В нём проигрываются одновременно несколько аниматоров:

тот, что взаимодействует с вьюхами реакций, которые ожидают, когда на них наведут палец. Этот аниматор отвечает за их перемещение и масштабирование в первоначальное состояние. А ещё за перемещение, масштаб и прозрачность подписей реакций, на которые не указывает палец;

аниматор, отвечающий за вьюхи реакций и их подписи, когда на них указывает палец.

Анимация отправки реакции.

За эту анимацию отвечает ReactionsSendAnimator.

Проигрываем одновременно несколько аниматоров:

перемещение контейнера реакций по кубической интерполяции Безье;

прозрачность контейнера реакций по линейной интерполяции;

масштаб вьюхи выбранной реакции по кубической интерполяции Безье;

перемещение вьюхи выбранной реакции по кубической интерполяции Безье.

Режим чтения с экрана (TalkBack)

Мы поддержали режим TalkBack — помогает людям с нарушениями зрения и в разных ситуациях, когда неудобно смотреть на экран.

В этом режиме Android озвучивает все описания и действия кнопок, нажатий на элементы интерфейса. Также можно переходить по элементам интерфейса вперёд и назад.

Для поддержки TalkBack в кастомной вьюхе устанавливается реализация наследника класса AcessibiltyDelegateCompat. У нас она находится в классе ReactionsAccessibilityDelegate. В ReactionsAccessibilityDelegate происходит описание элементов интерфейса и их визуальных границ.

ReactionsAccessibilityDelegate — делегат для TalkBack.

AccessibilityDelegateCompat — родительский класс для ReactionsAccessibilityDelegate.

ExploreByTouchHelperImpl — наследник ExploreByTouchHelper.

ReactionsPopupView — вью-группа, которая занимает весь экран и в ней размещается вьюха поп-апа.

Чтобы проще взаимодействовать со службой специальных возможностей, используем реализацию класса ExploreByTouchHelper. Ему передаём всю необходимую информацию.

ExploreByTouchHelper — это служебный класс для реализации поддержки специальных возможностей во вьюхе. Он предоставляет информацию о визуальных элементах, подобных вьюхам. ExploreByTouchHelper расширяет класс AccessibilityNodeProviderCompat и упрощает взаимодействие с механизмом специального доступа.

С помощью ViewCompat.setAccessibilityDelegate(View, AccessibilityDelegateCompat) устанавливаем ReactionsAccessibilityDelegate для вьюхи.

Для Talkback все вьюхи, с которыми можно взаимодействовать, описываются через виртуальные вьюхи.

Опишем методы специального доступа:

Функция getVisibleVirtualViews заполняет список идентификаторами видимых вьюх. Порядок идентификаторов в ids определяет последовательность обхода вьюх в режиме TalkBack.

Всего n + 1 виртуальных вьюх, где n — количество реакций. +1 — так как нажатие на область вне поп-апа реакций используется для его закрытия.

getVirtualViewAt позволяет получить идентификатор вьюхи по координатам на экране. Все вьюхи реакций у нас будут иметь идентификаторы от 0 до n + 1, где n — количество реакций.

В onPopulateEventForVirtualView заполняем событие AccessibilityEvent информацией об указанной виртуальной вьюхе.

В onPopulateNodeForVirtualView заполняем AccessibilityNodeInfoCompat информацией о конкретном элементе. Указываем:

текст для людей с ограниченными возможностями;

возможные действия с ней (AccessibilityNodeInfoCompat.ACTION_CLICK).

В коллбэке onPerformActionForVirtualView выполняем указанное действие (простое или длительное нажатие) из параметра action — для элемента, связанного с идентификатором id виртуального представления. Например, так мы обрабатываем событие нажатия в режиме специального доступа:

Воспроизведение анимаций реакций

Анимированные картинки реакций выполнены в формате Lottie.

Использование Lottie в общем виде выглядит так:

Загрузка данных анимации с сервера в векторном формате Lottie.

Кеширование данных анимации в векторном формате.

Алгоритм воспроизведения анимации состоит из нескольких шагов (см. ниже).

Получаем начальную точку отсчёта времени: принимаем, что в этот момент будет первый кадр.

Для получения следующего номера кадра вычисляем, сколько времени прошло со старта. Если это первый кадр, приступаем к пункту Б.

А. Если наступило время отрисовывать кадр анимации, то на следующем вызове onDraw нужно отрисовать битмапу на экран, а предыдущую поместить обратно в пул битмап.

Б. Параллельно с отрисовкой кадра из битмапы приступаем к переводу векторного Lottie в битмапу:

получаем битмапу из пула (битмапа берётся из пула, если конкретная битмапа указанного размера существует; если нет, создаётся новая);

запускаем алгоритм перевода векторного формата Lottie в растровый — в конкретную битмапу для указанного кадра на фоновом потоке.

Шаги следует повторять, пока:

— количество раз полного воспроизведения анимации меньше максимального количества повторов воспроизведений (необходимо на случай, если надо показать анимацию ограниченное количество раз).

Формат Lottie

Для перевода Lottie из векторного в растровый формат используется библиотека RLottie (github.com/Samsung/rlottie), она реализована на C++. В Android приложение подключается через NDK. В результате выполнения RLottie битмапа наполняется пикселями указанного кадра анимации.

В метаданных Lottie хранится фреймрейт и общее количество кадров.

Оптимизации

В приложении используется выделенный планировщик с отдельным пулом потоков специально для Lottie.

Чтобы не пересоздавать каждый раз битмапы, используется пул битмап.

Предзагрузка реакций

Чтобы слишком часто не показывать пользователям заглушки, мы используем предзагрузку изображений в кеш: на несколько элементов списка вперёд, по колбэку скролла. Когда карточка появляется на экране, изображение уже заранее прогружено и берётся из кеша.

Чтобы избегать случаев, когда открывается поп-ап и ещё прогружаются анимации, мы предзагружаем также анимации реакций для постов. Так как у нас технически заложено, что у каждого поста свой набор реакций, то событие для загрузки реакций вызывается на каждый пост. Но там стоят проверки: была ли уже загружена анимация реакции ранее, или она не прогрузилась из-за ошибки, или она сейчас всё ещё загружается.

Здесь downloading — множество url, которые предзагружаются прямо сейчас; loaded — множество успешно загруженных url; errors — словарь, где каждому url соответствует количество ошибок.

Где это пригодится

В статье описана схема взаимодействия компонентов реакций, их поп-апов, обработка тачей, работа с режимом чтения с экрана, а также механизм предзагрузки и воспроизведения Lottie-анимаций.

Используя логику показа поп-апа и работы с тачами, вы можете реализовывать простые всплывающие окошки с собственным дизайном и интуитивно понятным интерфейсом взаимодействия.

Описанная реализация режима чтения с экрана поможет создать доступный интерфейс для людей с нарушениями зрения — даже в случае полностью кастомных вьюх, когда простого интерфейса в виде View.setContentDescription недостаточно.

Простой механизм предзагрузки позволяет избавиться от заглушек загрузки реакций.

А подход к отрисовке Lottie-анимаций можно использовать и для других случаев, где каждый кадр вычислимо «тяжёлый» и его нужно предварительно рендерить на другом потоке.

Этот браслет позволит ощутить прикосновение близкого человека на расстоянии

Антон Чепур

Каждый, у кого были отношения на расстоянии, знает, что самое тяжелое в них – это невозможность дотронуться до своей половинки, передать ей свои чувства тактильно. И хотя технологическая индустрия добилась успеха в других областях, помогающих нам связаться с любимыми – к примеру, видеосвязь еще никогда не была такой простой, как сегодня – последним рубежом остается создание устройств, способных передавать касания между городами и даже континентами. Для решения этой проблемы голландская IT-компания House of Haptics создала браслет с простым и лаконичным названием Hey.

Что это?

Браслет будет выпущен в двух цветовых вариантах: черно-антрацитовом либо комбинации белого и «розового золота». Да, выбор невелик, но разработчики обещают красный, голубой и зеленый, если проект поддержат как минимум 2 000 человек.

Как это работает?

Оформляя предзаказ, вы получаете набор из двух браслетов (для вас и вашего партнера), а также двух зарядных устройств. Девайс подключается к вашему смартфону через Bluetooth. Когда вы отправляете касание, оно передается в приложение (поддерживаются Android и iOS), которое посылает это касание вашему партнеру в приложение на его смартфоне.

Для того, чтобы отправить прикосновение необходимо нажать на браслет в двух местах. По словам компании, такая система гарантирует защиту от случайных касаний. Hey заряжается всего 30 минут, которых должно хватить на 3 недели автономной работы. Помимо всего вышесказанного, браслет имеет влагозащиту, поэтому его можно мочить, не беспокоясь о последствиях.

Прикосновение, которое вы здесь почувствуете совсем не похоже на вибрацию в телефонах. Вместо этого здесь применяется особая тактильная технология, передающая касания в реальном времени; ее ближайшим аналогом является 3D Touch в iPhone.

“Общение с помощью Hey очень личное, практически интимное – говорит компания, — благодаря этому вы можете общаться незаметно от окружающих (например, чтобы поддержать близкого человека даже на экзамене или собеседовании).”

Где? Когда? Сколько стоит?

Кейс: Продвижение Стоматологии. Эффективные решения и связки в ВКонтакте

Прочитай кейс и получи безграничный профит)

Стоматологические услуги — супер-конкурентный сегмент с дорогим и прогретым аукционом, поэтому работа с таргетом VK в этой нише требует инсайтов, уникальных механик, проведение регулярных аудитов по каналам и использование мультиканальных связок. В нашем кейсе мы расскажем о продвижение компании в сфере стоматологии инструментами таргетированной рекламы.

Основные KPI проекта:

В связи с блокировкой многих площадок в РФ — бизнесу необходимо адаптироваться к нынешним реалиям digital — рынка и находить другие источники трафика. Одним из таких является социальная сеть ВКонтакте.

Для получения результата и достижения KPI необходима работа двух команд: продакшна подрядчика и отдела маркетинга со стороны клиента, так как важно совместно прорабатывать крутые продуктовые офферы, оперативно выполнять наши ТЗ в дедлайны и считать экономику каналов: ROMI | ROAS.

Внутренний маркетинг | Продуктовые офферы

В нише стоматологий по нашему опыту лучше всего работают следующие связки триггеров:

Рассрочки платежей. Некоторые процедуры действительно дорогостоящие. Но предложение рассрочить платеж – это очень серьезный аргумент для тех, кто нуждается в услуге, но не может оплатить ее сразу и часто откладывает на потом, поэтому такое предложение на фоне конкурентов выглядит намного привлекательнее!

Первый этап — настройка аналитики: пикселя и событий на сайте для оптимизации и обучения РК. Рекламному движку нужно показать, какие действия / события на сайте являются ключевыми и по каким нам нужно формировать базу + оптимизироваться: собирать пользователей, которые с большей вероятностью смогут совершить ту или иную конверсию.

Второй этап: генерация VK Leads Ads (лид — форм), главной задачей которых является первичная лидогенерация — получение целевых заявок по низкой стоимости при заданном бюджете для достижения поставленных KPI. Пользователь с рекламных объявлений будет сразу попадать на мини-лендинг с офферами, включая лучше связки с УТП и CТA. Сама форма должна содержать минимальное количество полей: Имя и Телефон. Автозаполнение полей лучше отключать, так как часто в профиле бывают неактуальные данные, как следствие, большой процент недозвона менеджерами. Далее мы произвели интеграцию с CRM и начали получать лидов с комфортными для клиента метриками — CPL | CPA. Менеджерам со стороны клиента важно обрабатывать заявки в течение 10-15 минут, так как после скролла ленты + заполнения формы через пару часов потенциальный клиент уже может просто забыть о том, что заполнил форму или его легко перехватят конкуренты! Не стоит забывать, что ВК — это социальная сеть и пользователь прямо сейчас не нуждается в услуге. Важной метрикой для лид-форм является — CR, поэтому важно постоянно тестировать контент с разными офферами.

! В связке с CTA лучше ставить дедлайны на офферы, люди любят “халяву”, особенно все, что связано с ценовыми факторами “Бесплатно”, “под 0% ”, ну думаем — вы поняли ). Дедлайны нужно регулярно обновлять и тестировать.

Также запустили трафик на сайт для работы пикселя ВК и сбора аудитории для ретаргетинга. Большая часть заявок по таргету классически ассоциированные, поэтому важно их трекать, особенно на продуктах с длинным циклом принятия решения до покупки.

Что за кружок на экране телефона и как его убрать

Несмотря на то что Android кажется куда более сложной операционной системой, чем iOS, разобраться в ней оказывается довольно просто. День-два, и вы начнёте чувствовать себя максимально уверенно, через месяц-другой постепенно перейдёте на альтернативные магазины приложений, а спустя год, вероятно, попробуете себя в кастомизации. Однако есть в Android и такие надстройки, разобраться с которыми оказывается не так-то просто даже продвинутым пользователям. Во всяком случае, об этом свидетельствует частота соответствующих запросов в Google.

Тот самый кружок выглядит примерно таким образом

Одной из особенностей Android, которые вызывают ступор у многих пользователей, является непонятный кружок на экране. Обычно он не появляется произвольно, а только после включения соответствующего параметра, но в некоторых случаях – например, при установке обновления – он может активироваться и сам. Разбираемся, что это за кружочек, какую функцию он выполняет в рамках операционной системы Android и как его убрать, чтобы он не мозолил вам глаза.

Кнопка домой на экране Android

Начнём с того, что этот кружочек представляет собой функциональную кнопку, которая является альтернативным способом управления системой. С её помощью можно возвращаться на шаг назад, выходить на рабочий стол, запускать меню многозадачности и выполнять другие действия, которые обычно выполняются либо подэкранными клавишами, либо жестами.

Навигационная кнопка есть в прошивке далеко не всех смартфонов. Но в аппаратах Huawei и Honor она есть

Кстати говоря, точно такая же кнопка есть и на iOS. Правда, на Android лично мне она нравится больше из-за более широкого спектра возможностей. В отличие от Apple, разработчики Google сделали так, что на кнопку можно не только нажимать, но и использовать её в качестве виртуального джойстика. Таким образом она воспринимает и нажатия, и удерживания, и свайпы.

Такая кнопка в принципе довольно удобна для пользователей, которые никак не могут освоить жесты управления Android – а среди пожилых людей это довольно распространённая практика, а также для тех, кто не может привыкнуть к трём/четырём кнопкам под экраном и либо путает их, либо допускает случайные нажатия. В этом случае единая универсальная кнопка может стать отличным решением, тем более что её можно сочетать с другими способами управления.

Как убрать кружок на экране Андроида

Отключить эту кнопку-кружочек можно легко и просто в настройках:

Отключить кнопку навигации можно в настройках

Не знаю, как вам, а мне управление Android при помощи навигационной кнопки не подходит. Я уже давно привык к использованию свайпов, которые довольно легко прощают разного рода ошибки и неточности. Жесты очень хороши тем, что позволяют управлять системой довольно размашистыми движениями. Я могу свайпнуть от нижней части экрана до верхней, а могу прервать жест, не достигнув середины. Я могу возвращаться на шаг назад свайпом и от левого, и от правого края экран. В общем, очень удобно.

Навигационная кнопка, во-первых, слишком мала для того, чтобы по ней было удобно попадать, если вы не пользовались до этого аналогичной кнопкой на iOS, а, во-вторых, жест вызова меню многозадачности, который она предлагает, слишком короток, чтобы его можно было назвать удобным. Мне с моими пальцами куда комфортнее иметь возможность тянуть его до половины экрана или дальше. Ну, а вы выбирайте то, что придётся по вкусу именно вам.

Источники информации:

• http://anticwar.ru/touch_me_prilodjenie_v_vk_5238
• http://habr.com/ru/company/vk/blog/165213/
• http://texterra.ru/blog/kak-sozdat-vmoji-vkontakte-test-vozmozhnostej-instrumenta.html
• http://iklife.ru/socialnye-seti/vkontakte/sekrety-vk-skrytye-funkcii.html
• http://vc.ru/marketing/103075-kak-sozdat-prosteyshuyu-cepochku-kasaniy-v-socialnyh-setyah-dlya-povysheniya-prodazh-v-biznese
• http://habr.com/ru/company/vk/blog/660281/
• http://android.mobile-review.com/articles/47880/
• http://vc.ru/marketing/466834-keys-prodvizhenie-stomatologii-effektivnye-resheniya-i-svyazki-v-vkontakte
• http://androidinsider.ru/polezno-znat/chto-za-kruzhok-na-ekrane-telefona-i-kak-ego-ubrat.html