LiveCode / RunRev, как настроить размер стека в соответствии с размером дисплея

Question

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

. Есть ли в RunRev какие-либо средства для настройки размера представления, как относительное расположение в Android.

Answer 1

Здесь нужно рассмотреть несколько вопросов.

1. ориентация
2. Соотношение сторон
3. плотность пикселей

План A

Для обработки всех трех этих случаев с одним изображением я бы предложил квадратное изображение. Сделайте его в два раза больше, чем нужно для устройства средней плотности, в размере, который вы хотите поддерживать, и импортируйте его в LiveCode. Установите для resizeQuality значение «good» (если вы установите для него значение «best», оно может быть немного медленным), а затем установите для свойства lockLoc значение true. Теперь разделите ширину и высоту на 2, чтобы получилось изображение, отображаемое в два раза меньше его размера. Это позволит сохранить качество на высоком разрешении. Не забудьте держать что-нибудь важное в центре изображения, потому что верх и боковые стороны будут обрезаны в зависимости от ориентации и соотношения сторон.

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

on resizeStack
 lock screen
 if the height of this card > the width of this card then
    set the width of image "background" to the height of this card
    set the height of image "background" to the height of this card
 else
    set the width of image "background" to the width of this card
    set the height of image "background" to the width of this card
 end if
 set the loc of image "background" to the loc of this card
end resizeStack

План B

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

Answer 2

При изменении размеров полей или кнопок не забудьте также изменить textSize в вашем обработчике resizeStack.

Масштаб:

put "1.25" into pScaleFactor
set the textSize of field "your field" to round(the textSize of field "your field" * pScaleFactor)
set the textHeight of field "your field" to round(the textHeight of field "your field" * pScaleFactor)

или

Точно:

if the height of this card > 640 then
set the textSize of field "your field" to "24"
set the textHeight of field "your field" to "26"
end if

Answer 3

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

set the rect of img "Your Image" to the rect of this cd

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

set the rect of this stack to the screenRect
set the rect of img "Your Image" to the rect of this cd

Дайте мне знать, если это решит проблему.