Как рассчитать необходимую ширину и высоту двух изображений?

Question

[Вадим Прохоров]

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


С фотографиями одинаковых размеров проблем нет, все делаю следующим образом:

1. Допустим, ширина и высота изображений = 454x807
   
2. Находим коэф. масштаб. - 807 / 454 = 1,77
   
3. Находим сумму ширины двух изображений - 908
   
4. Экран устройства, допустим = 1080, а раз наши изображения в сумме меньше 1080, то их необходимо растянуть(было бы больше, сужали бы)
   
5. 1080 - 908 = 172, делим данное число на количество изображений, то есть на 2 = 86
   
6. Прибавляем к ширине каждой фотографии полученное число - 454 + 86 = 540
   
7. И находим ее новую высоту - 540 * 1,77 = 959,8 (среднее из двух высот)
   

Все вроде бы отлично, ширина новая известна, высота то же. Все здорово, но при использовании фотографий из изображения выше (1 фото - 135x807, 2 фото - 807x605) все происходить не так, как хотелось бы (в итоге хочу получить то, что на изображении выше - примерная высота - 717, первое фото - 121 по ширине и второе 959 по ширине (достигнуто сие число путем визуального сравнения моего "творения" с оригиналом))

Как в итоге мне заставить все это дело нормально масштабироватся?

Comments

[Therapyx]

Эх, интересно, сделал бы наверно, но спать надо. Если никто не ответит, завтра вечерком приду попробую хД

[Сергей Соколов]

Взять готовое решение и посмотреть устройство: github.com/deNULL/Paver.JS (на JavaScript)

Answer 1

[Сергей Соколов]

Есть 2 изображения со значениями ширины и высоты (w1,h1) и (w2,h2). Известна суммарная ширина двух изображений после трансформации: W.

Требуется найти коэффициенты k1 и k2 пропорционального масштабирования двух изображений, чтобы изменённые изображения:

1. имели одинаковую высоту: k1 * h1 = k2 * h2
   
2. в сумме дали нужную ширину W: k1 * w1 + k2 * w2 = W
   

Решите эту систему уравнений. У меня получилось

k1 = W / ( w2 * ( h1/h2 + w1/w2))
k2 = k1 * (h1/h2)

Comments

[Вадим Прохоров]

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

[Сергей Соколов]

Вадим Прохоров: приведите пожалуйста конкретные размеры двух исходных картинок, и какие получились у вас k1, k2 при ширине 1080?

[Вадим Прохоров]

1 фото - 505х807
2 фото - 750x562

K1 и k2 к сожалению вспомнить не могу, не дома. Но в итоге там высоты разные получаются

[Вадим Прохоров]

Сергей Соколов: Упс, прошу прощения, все работает просто замечательно (на бумажке видимо где то просчитался). Огромное Вам спасибо

[Вадим Прохоров]

Сергей Соколов: Немного рано я обрадовался) Если убрать программное масштабирование изображений (scaleType = centerCrop) То получаем следующие:

Где красным - незаполненное пространство imageView
Результат расчета:

D/TEST: IMAGE SIZE 1: 807.0  x  605.0
D/TEST: IMAGE SIZE 2: 807.0  x  453.0
D/TEST: K1 IMAGE 1: 0.57301074
D/TEST: K2 IMAGE 2: 0.7652793
D/TEST: NEW SIZE IMAGE 1: 462.41968  x  346.6715
D/TEST: NEW SIZE IMAGE 2: 617.5804  x  346.6715

Еще пример:

D/TEST: IMAGE SIZE 1: 135.0  x  807.0
D/TEST: IMAGE SIZE 2: 807.0  x  605.0
D/TEST: K1 IMAGE 1: 0.8914977
D/TEST: K2 IMAGE 2: 1.1891547
D/TEST: NEW SIZE IMAGE 1: 120.35219  x  719.4386
D/TEST: NEW SIZE IMAGE 2: 959.6479  x  719.4386

В первом случае неверно считается как ширина так и высота, во втором только ширина вроде как.

[Сергей Соколов]

Вадим Прохоров: происходит округление результирующих размеров до целых – из-за этого неточности?

[Вадим Прохоров]

Сергей Соколов: Не думаю, на некоторых изображениях неточность слишком велика (>50px)