Показать сообщение отдельно
Старый 07.10.2009, 08:19   #26
DUTS
Долгожитель
 
Аватар для DUTS
Доп. информация
По умолчанию Как написать свой первый универсальный скин. Урок 5.

Скрин в предыдущем уроке вроде и красивый, но такую картинку вы увидите только в том случае, если у вас экран 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 готов, можно идти дальше
Изображения
Тип файла: png les_05_1.png (6.0 Кб, 27 просмотров)
Тип файла: png les_05_2.png (2.0 Кб, 16 просмотров)
Тип файла: png les_05_3.png (968 байт, 689 просмотров)
Тип файла: png les_05_4.png (970 байт, 701 просмотров)
Тип файла: png les_05_5.png (6.0 Кб, 23 просмотров)
__________________
Прежде чем написать критическое замечание, прочтите прилагаемые описания...
DUTS вне форума  
 
Время генерации страницы 0.02892 секунды с 12 запросами