📅 Как проходит мой рабочий день 🏃‍♂️

Вышла статья из рубрики “День с экспертом” на SkillFactory Media. Там я рассказываю про свой типичный рабочий день.

Из интересного и про мобильную разработку я рассказываю, что:
• у нас есть правило на короткие PRы 📝
• мы работаем по Trunk-Based Development 🌳
• я люблю парное программирование, но удается применять его редко 👨‍💻👩‍💻
• подставка под ноут — это маст 📦
• каждый день кормлю уличных котов 🙂

Заголовок и тон статьи может вызвать подозрение на тупые понты или что я собрался продавать мастер-классы “Эффективная эффективность: успевайте всё как я”. Знайте, такого намерения не было. 😅

💬 Мне интересно, а что у вас любимое в вашем рабочем дне? Или наоборот, что вас бесит?

В продолжение поста про рисование на Canvas, у нас появляется новое требование 🚨
Что если нам надо теперь уметь трансформировать холст?

Есть конечно идея сделать режим отдельной кнопкой, но будет не интуитивно. Мы постараемся сделать это бесшовно, как это часто делают хорошие фоторедакторы 🖼

Наш главный кандидат – PointerInputScope.detectTransformGestures(). Он сразу посчитает все значения и отдаст нам pan, zoom, rotation

Однако сразу как добавим его, обнаружим, что он конфликтует с жестом рисования detectDragGestures(). Причина простая – жест обрабатывается самым вышестоящим обработчиком и не пробрасывается дальше

Modifier
  .pointerInput(Unit) {  
    detectDragGestures()  
  }  
  .pointerInput(Unit) {  
    detectTransformGestures()  
  }

Чтобы избежать этого, нужно что-то ✨творческое✨

Возьмем исходный код из detectTransformGestures и подкорректируем его с учетом пожеланий:

1. Когда жест происходит одним пальцем, мы рисуем. Значит нам дополнительно нужно отслеживать drag, примерно как делает detectDragGestures
2. Когда жест двумя пальцами, начинаем трансформирование. И рисовать уже не получится
3. Когда мы начинаем одиночный жест, и с задержкой ставим второй палец, режим переходит в трансформацию только в случае если не преодолели threshold по drag. А нарисованное удаляем

В итоге получаем обработчик жеста – опубликовал его в виде Gist
Отличия от стандартной реализации – более сложное условие для начала трансформации

var dragAmount = 0f  
val dragAmountThreshold = 50f

// 2 pointers is required for transform gesture  
val gesturePointersRequirementMet = downPointerCount > 1

if (!canceled && gesturePointersRequirementMet && dragAmountThreshold > dragAmount) {
// Handle gesture

И в если не проходим по условию – просто рисуем на канве

else {  
  val change = event.changes.first()  
   if (!dragGestureStarted) {  
     dragGestureStarted = true  
     onDragStart(change.position)  
  }  
  if (transformGestureStarted) return@awaitEachGesture  
  onDrag(change.positionChange())  
  dragAmount += change.positionChange().getDistance()  
}

Не забудем трансформирование применить в Modifier.graphicsLayer{} и динамический режим рисования/трансформирования как на видео готов!

Полный пример я опубликовал в репозитории про Canvas из прошлого поста

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

#compose #gestures #modifier #yandexcup