Просмотр полной версии : гибкая подложка под текст
maxmets_
11.09.2009, 21:15
друзья! помогите плз. я не флешер, но сильно надо сделать во флеше вот что:
http://savepic.ru/821103.gif
типа есть подложка под подсказку (и не только подсказку). ее нарисовать раз плюнуть, но вот сделать, чтоб можно было в ней писать текст и чтоб она по ширине (я уже не мечтаю о высоте, но если и это возможно...) соответствовала тексту! о небо! один товарищ сказал что так сделать нельзя, но чет я ему не верю... I need help!
Я делаю, как привел ниже. Не все тут оптимально.
Писал, еще совсем слабо владея кодом, взяв за основу один пример...
//---подсказки, всплывыем!! --------------------------------
this.createEmptyMovieClip("helps", this.getNextHighestDepth()); //контейнер для все подсказок
helpovers = function(targetmc:MovieClip, mess:String) { //сама ф-я для установки хинта
p = "hover"+ String(targetmc).split('.').join(''); //из полного (с путем - для уникальности) имени мувика, к которому привязываем подсказку, делаем имя мувика-подсказки
helps.createEmptyMovieClip(p, helps.getNextHighestDepth());
targetmc["popup"] = helps[p];
helps[p]._visible = false ;
helps[p].createEmptyMovieClip("shad", helps[p].getNextHighestDepth());
with(helps[p].shad){
moveTo(2,2);
lineStyle(0,0x000000,0);
beginFill(0x000000,40);
lineTo(122,2);
lineTo(122,21);
lineTo(2,21);
lineTo(2,2);
endFill();
}
//создается поле для текста внутри подсказки, глубина выше БГ
helps[p].createTextField("tf", helps[p].getNextHighestDepth(), 0, 0, 0, 9);
helps[p].tf.text = mess;
//helps[p].tf.wordWrap = true ;
//helps[p].tf.multiline = true ;
helps[p].tf.autoSize = true ;
helps[p].tf.type = "dynamic";
helps[p].tf.textColor = 0x000000;
helps[p].tf.background = true ;
helps[p].tf.backgroundColor = 0xFFFF99;
helps[p].tf.selectable = false ;
//фориатируем поле с текстом внутри подсказки
tform = new TextFormat();
tform.font = "Arial cyr";
tform.size = 11;
tform.align = "center";
helps[p].tf.setTextFormat(tform);
//ширина тени равна ширине текстового поля
helps[p].shad._width = helps[p].tf._width + 6;
helps[p].tf.autoSize = false ;
helps[p].tf._width = helps[p].tf._width + 6;
//проявляем и таскаем
targetmc.onRollOver = function(){
this.onMouseMove = function(){
this["popup"]._visible = true ;
this["popup"]._x = _xmouse ;
this["popup"]._y = _ymouse - 30;
};
};
targetmc.onRollOut = function(){
this["popup"]._visible = false ;
delete this.onMouseMove ;
};
};
Использую, например так, создавая подсказку для определенного мувика:
add5bot_mc.useHandCursor = false ;
_root.helpovers(add5bot_mc, "Экспресс-добавление товарной позиции"); //привязываем подсказку
Недостаток номер один:
Не учитывается размеры сцены, желательно сделать, чтобы при достижении краев хинты за них не выходили.
Есть еще...
Кстати, текст можно разбивать построчно вставкой \r в тексте для аргумента mess. Но при этом еще кое-что в функции поправить.
maxmets_
15.09.2009, 14:28
спасибо, это гениально! это мне здорово помогло и в принципе со всем разобрался, кроме одного. у вас на лету создается поле и закрашивается. у меня внешний вид поля сложнее (гляньте вложение). можно ли здесь что-то сделать?
Думаю - да. Вместо прорисовки можно попробовать на лету аттачить подложку.
Буде сложность с ее трансформацией под длину (а возможно и под ширину) текста.
Другой вариант - все-таки научиться рисовать такую плашку программно, со всеми градиентами.
Сейчас не могу подсказать готовое решение, может быть кто-то еще посодействует, хотя бы советом.
maxmets_
17.09.2009, 13:16
спасибо! нарисовал программно, научили здесь (http://www.flasher.ru/forum/showthread.php?p=851012). тему закрываем
Работает на vBulletin ® версия 3.7.3. Copyright ©2000-2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Copyright © 1999-2008 Flasher.ru. All rights reserved.