Изображение сохраняет пропорции при уменьшении масштаба с помощью адаптивного изменения размера XD.

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

введите описание изображения здесь

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

введите описание изображения здесь

Но происходит то, что изображение не сохраняет свои пропорции при изменении размера. Я пробовал 2 подхода, оба из которых терпят неудачу:

1. Используйте изображение внутри содержащей фигуры: я создаю прямоугольник 16:9, затем перетаскиваю изображение из окна Finder в этот прямоугольник. По сути, сделать его фоновым изображением для этого прямоугольника.

Здесь происходит следующее: хотя значок сохраняет свое относительное положение и форму, изображение теряет свои пропорции и обрезается.

введите описание изображения здесь

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

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

введите описание изображения здесь

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

Ответы (1)

Я нашел решение. Я действительно проглядел что-то простое. Я перепутал опцию «исправить ширину/высоту» с опцией «зафиксировать аспект».:

введите описание изображения здесь

Я заблокировал соотношение сторон изображения (думаю, оно было заблокировано по умолчанию), а затем поместил значок поверх изображения в нужном месте в правом нижнем углу. Я сгруппировал значок и изображение вместе, затем я убедился, что значок использует параметры ручного изменения размера, которые я упомянул в своем вопросе, зафиксировав его внизу и справа. И как только я это сделал, все, что мне нужно было сделать, это также зафиксировать соотношение сторон для группы, и вуаля, это сработало!

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

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