المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : كيفية انشاء صفحة بيانات بالسكرول بار كصفحة الويب


azizsoft
02-01-2015, 12:59 AM
http://img39.imageshack.us/img39/1332/virusx.gif


استفسر احد الاخوة حول طريقة انشاء صفحة بيانات في برنامج الفلاش شبيهة بصفحة الويب
بمؤشر السحب ما يعبر عنه بالسكرول بار وطريقة اضافة الملف الى برنامج الاتوبلاي يعني
كيفية ادراج الاكواد خصوصا على الازرار وربط اكود البرنامجين والتي تكون عن طريق خاصية fscommand


هاته الصفحة في برنامج الفلاش تكون بعدة طرق منها المكون الجاهز scrollpane وفي موضوعنا هذا
سنتعرف على طريقة انجاز صفحة خاصة بنا بتصميم خاص وان شاء الله في الموضوع الثاني نتعرف على كيفية اضافة ازرار
لهاته الصفحة وربطها ببرنامج الاتوبلاي وكيفية ادراج اكواد fscommand


تابع الشرح وفي الاسفل الاسماء التي ستدرجها بالنسخ واللصق لتتطابق مع الموجودة في الكود == يمكن ان تغيرها ان شئت وايضا بالكود =

http://im50.gulfup.com/Lsjn8C.swf


في الطبقة الثانية عنما تضيف جميع بياناتك حددها واضغط بيمين الماوس بمسرح العمل على اي عنصر وحول الى موفي كليب باسم content_mc
المساك اعطه اسم mask_mc
المؤشر اعطه اسم scroller_mc
حدد السكرول والمؤشر معا وحولهما الى موفي كليب باسم scrollbar_mc


http://img.roro44.com/imgcache/2014/04/82874.png




import flash.events.MouseEvent;
import flash.geom.Rectangle;
import flash.display.MovieClip;
import flash.events.Event;

var rect:Rectangle;
var scrollerMinY:Number = scrollbar_mc.scroller_mc.y;
var contentMaxY:Number = content_mc.y;


scrollbar_mc.scroller_mc.buttonMode = true;
scrollbar_mc.scroller_mc.addEventListener(MouseEve nt.MOUSE_DOWN, dragIt);

function dragIt(e:MouseEvent):void {
rect = new Rectangle(0, 0, 0, 645);
scrollbar_mc.scroller_mc.startDrag(false, rect);
stage.addEventListener(MouseEvent.MOUSE_UP, dropIt);
scrollbar_mc.scroller_mc.addEventListener(Event.EN TER_FRAME, scrollIt);
}

function dropIt(e:MouseEvent):void {
scrollbar_mc.scroller_mc.stopDrag();
scrollbar_mc.scroller_mc.removeEventListener(Event .ENTER_FRAME, scrollIt);
}

function scrollIt(e:Event):void {
var scrollerRange:Number = rect.height;
var contentRange:Number = content_mc.height - mask_mc.height;
var percentage:Number = (scrollbar_mc.scroller_mc.y - scrollerMinY) / scrollerRange;
var targetY:Number = contentMaxY - percentage * contentRange;
content_mc.y = targetY;
}





ملف الشرح كامل
http://www.gulfup.com/?0WaUo6


الجزء الثاني من الموضوع
http://www.abc4web.net/vb/showthread.php?p=274516#post274516


http://up.graaam.com/img/c254fbbb25128f204e18c9c273464a02.png

خادم المسلمين
02-01-2015, 09:40 AM
موضوع يهم كثير من المصممين ومنتجى البرمجيات :abc_088:
واجابة وافية
وشرح منظم
و
توفير الوقت والجهد على الاخرين"الكود"
يستحق تقدير وتقييم كامل 5/5
أخ azizsoft (http://www.abc4web.net/vb/member.php?u=12762)
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الحارث بن فيصل
02-01-2015, 10:00 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أبو يوسف
02-01-2015, 02:40 PM
جزاك الله خيرا اخانا شريف :abc_152: وبارك الله فيك

أبو فارس
03-01-2015, 01:32 PM
:shokr:

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

azizsoft
03-01-2015, 06:34 PM
بسم الله الرحمن الرحيم

بارك الله فيكم جميعا

:abc_022:

خادم المسلمين
11-06-2018, 02:45 AM
:abc_022::abc_022: