بسيطة جدا كما سؤال حول يتلاشى والأشياء
-
19-09-2019 - |
سؤال
سؤال بسيط جدا. ألق نظرة على الكود أدناه. إنه محمل بسيط للغاية مع شريط التقدم. شريط التقدم هو رمز على المسرح المسمى "بار".
كل ما أريده هو إخراج الشريط عند انتهاء التحميل، وتتلاشى في الصورة التي يتم تحميلها. لقد جربت عددا من الأساليب دون الكثير من الحظ.
var loader: Loader = new Loader();
addChild(loader);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
function completeHandler(evt:Event):void {
};
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
function progressHandler(evt:ProgressEvent):void {
var percent: int = Math.round(evt.bytesLoaded/ evt.bytesTotal * 100);
bar.width = percent;
};
var req:URLRequest = new URLRequest("encs1.jpg");
loader.load(req);
شكرا مقدما على أي شخص يمكن أن يعطيني أي مؤشرات!
المحلول
جرب إحدى هذه المكتبات. يحتوي Flash على مكتبة مدمجة لتوين، FL.Transitions.tween، لكنها ليست لطيفة تقريبا مثل هذه. الثلاثة المذكورة لديهم واجهة برمجة تطبيقات مماثلة للغاية أيضا.
على سبيل المثال الخاص بك، سوف تفعل هذا (مع tweener):
function completeHandler(evt:Event):void {
Tweener.addTween(bar, {alpha:0, transtion:"easeOutQuad", time:.5});
addChild(loader.content);
loader.content.alpha = 0;
Tweener.addTween(loader.content, {alpha:1, transition:"easeInOutQunit", time:.5, delay:.5});
};
سيؤدي هذا إلى توين البار إلى Alpha 0.
نصائح أخرى
أنا لا أفعل الكثير من تطوير الفلاش ولكن زميل لي يحب GTWEN للحصول على الرسوم المتحركة البسيطة.
http://www.gskinner.com/libraries/ween/
إذا قمت بالتحقق من العروض التوضيحي، فسترى أنك تستطيع القيام ببعض الأشياء المتقدمة ولكن من المفترض أن تكون بسيطة للغاية للقيام بالاختباء الأساسي داخل وخارجه أيضا. فيما يلي مثال على الرسوم المتحركة الأساسية، قم بتعيين ItemTotweenween، SecondStoAnimate وتغيير ألفا ليكون الخاصية التي ترغب في تحريك الخاصية الحالية إليها.
new GTween(itemToTween, secondsToAnimate, { alpha: 1 }, { ease:Sine.easeOut } );
نأمل أن يساعدك قليلا حتى يمكن أن يساعد شخص ما لديه المزيد من المعرفة.