Очень хорошо, что вы оставили возможность расположить элементы за пределами видимой части онлайн редактора. За это спасибо. Прекрасно понимаю, что экраны у всех устройств разные. Полагаю для максимальной совместимости со всеми устройствами вы установили некие универсальные пропорции, чтобы количество вопросов свести к минимуму. Тем самым получив прямоугольник с фиксированным соотношением сторон, который масштабируется на экране конечного устройства исходя из той стороны, которая упирается в разрешение экрана. Достаточно в меню "Экран" онлайн редактора добавить поля разрешения, где будет возможность вписать число пикселей по горизонтали и вертикали. Оставить ваш используемый сейчас по умолчанию прямоугольник если хотя бы одно поле не заполнено. Полагаю люди, которые разобрались в программировании модулей arduino, bluetooth, уж точно имеют представление о разрешении экрана и смогут указать требуемое количество пикселей на экране для всех предполагаемых к использованию в проекте устройств. В описание настройки экрана дописать пунктик, что для корректного отображения элементов нужно для всех предполагаемых к использованию устройств найти коэффициент соотношения сторон путем деления количества пикселей разрешения экрана большей стороны на количество пикселей меньшей стороны. Минимальный коэффициент использовать для расчета второй цифры разрешения, которое нужно вписать во второе поле. Если, например, мы получили для всех устройств минимальный коэффициент 1,3333..., то для устройства с разрешением меньшей стороны 1080px нужно умножить эту цифру на найденный коэффициент. Вписываем 1440px для длинной стороны. Исходя из этих данных элементарно высчитать пропорции и создать в онлайн редакторе поле редактирования, соответствующее указанным параметрам. Таким образом можно расширить область редактирования от прямоугольника по умолчанию, до указанного размера в пределах установленного запаса. Тогда весь экран используемого в проекте устройства будет виден в поле онлайн редактора. Т.е. перенести функцию масштабирования из приложения на конечном устройстве в онлайн редактор. Получится прямоугольник, который идеально отмасштабируется на каждом из устройств. При этом как вариант для ленивых, можно предусмотреть выпадающее меню "Универсальный экран", которое будет зажигать универсальный прямоугольник в редакторе, чтобы любой пользователь понимал насколько размещаемые элементы могут не вписаться, если проект предполагается для разных устройств, разрешение экрана которых неизвестно заранее. Изменений в принципе размещения элементов никаких. Ведь код сейчас все равно генерируется правильно когда элементы заходят за пределы видимой области размещения. Т.е. нужно всего лишь пересчитать и отрисовать область редактирования с другими пропорциями. Минимальные доработки онлайн редактора и море довольных пользователей, которые смогут сразу видеть расположение элементов именно на своем устройстве, не угадывая насколько можно увеличить элемент и как далеко его можно подвинуть за пределы видимой области онлайн редактора, чтобы использовать весь экран своего девайса. Не говоря уже о возможности разместить маленький элемент не прибегая каждый раз к правке сгенерированного кода.
К примеру это могло бы выглядеть вот так:
