Скрин в предыдущем уроке вроде и красивый, но такую картинку вы увидите только в том случае, если у вас экран 320 х 240. А если, например 480х272, то картинка будет такой, как на прилагаемом нижне первом скрине.
С одной стороны видно, что все элементы расположились так, как и задумано. Но с другой стороны, нижняя белая полоска стала выше. Это из-за того, что она у нас нарисована в back.bmp и, следовательно, расстягивается вместе с остальным изображением. Что делать?
Нам потребуются три картинки для создания фона:
1. расстягиваемый фон, будет тот же самый голубой
2. фиксированный "верх" фона, синий с белой полоской снизу (на картинке ниже он желтый для видимости)
3. фиксированный "низ" фона, также синий, но с белой полоской сверху
При этом ширина исходных картинок в двух последних случаях (в данном примере) не играет никакой роли.
Теперь добавим две новые картинки ("верх" и "низ") в наш @index.ini:
Код:
# основные параметры
[MAIN]
key2run=>SETUP_PRINT_SCREEN
bmp=Shell\back.bmp
method=stretch
# верхняя полоска с синим фоном
[BLOCK]
position=TL
[BITMAP]
bmp=Shell\back_up.bmp
left=0+
top=0
transparent=no
[ENDBLOCK]
# нижняя полоска с синим фоном
[BLOCK]
position=BL
[BITMAP]
bmp=Shell\back_down.bmp
left=0+
top=53
transparent=no
[ENDBLOCK]
Результат на правом скрине. Как видно, он совершенно аналогичен скрину из предыдущего урока: такие же тонкие несмещенные линии, также расположены относительно их остальные элементы.
Обратите внимание на параметры
left. Запись "0+" означает "расстянуть от точки 0 до правого края экрана". Параметр
top в последнем случае равен 53 - это
высота картинки back_up.bmp, раз мы хотим сделать, чтобы нижний её край совпал с краем экрана. При этом отсчет идет от нижнего края экрана (что указано в position -
Bottom) и знак минус поэтому ставить не надо.
P.S. А, скажем, запись
top=50+ расстянула бы картинку до нижнего края экрана, при этом начало выводимой картинки было бы в позиции top=50.
Ну что ж... Как говорится "вуаля!", @index.ini готов, можно идти дальше