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

مشاهدة النسخة كاملة : جولة حول أكشن سكريبت 3 التعامل مع النصوص جزء1


azizsoft
20-09-2013, 09:51 AM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته




التعامل مع النصوص :
سأحاول تقديم المختصر المفيد دون تعقيدات لتتمكن أخي الكريم من استيعاب المعلومة بسم الله نبدا


توفر لغة أكشن سكريبت 3 عديد المميزات للتعامل مع النصوص من خلال أشهر كلاس وهو كلاس TextField
و يمكن التعامل مع النصوص من خلال 3 كلاسات وهي على النحو التالي :


1 - StaticText
يمثل الحقوق النصية التي يتم اضافتها من قبل المستخدم بالواجهة الرسومية
2 - TextField
يمثل الحقول النصية التي يتم اضافتها من قبل المستخدم سواء بالواجهة الرسومية أو عن طريق الأكشن سكريبت
3 - TextSnapshot
يمثل التعامل مع محتوى الحقل النصي الثابت المضاف يدويا من قبل المستحدم


ابراز النص بواسطة الأكشن سكريبت :

يكون بثلاثة سطور وهي :


// TextField من نوع monTexte اعلان متغير باسم
var monTexte:TextField = new TextField();
// اسم النص الذس سيظهر
monTexte.text = " طريق الاحتراف ";
// ابرازه بالمسرح
addChild ( monTexte );



افتح برنامج الفلاش حدد الطبقة الأولى اضغط F9 نسخ ولص الكود ثم اضغط Ctrl + Enter
تابع الشرج بالتطبيق لتستوعب كيفية التعامل مع النصوص من خلال البرمجة .


النص يكون افتراضيا بالنقطة 0 و0 بالمحورين x y و 100 بكسل طول و 100 عرض

الخاصية text تخول لنا تطبيق عدة وظائف وخصائص اخرى من الكلاس TextField
على سبيل المثال سنضيف الخاصية border للحقل النصي والتي تحدد اطار حول النص
تحت السطر الأول من الكود اضف الكود التالي

monTexte.border = true;

لاحظ أنه ااذا قمنا مثلا بتغير النص "طريق الاحتراف" الى" مرحبا بكم اخوتي في طريق الاحتراف" لاتكون ظاهرة تماما في المربع أو الاطار
في هاته الحالة نستدعي خاصية اخرى تسمى wordWrap قيمتها الافتراضية false
ونغير القيمة الى true وضيفتها ارجاع تلقائي الى السطر اذن
في الكود السابق وقبل السطر الأخير اضف الكود التالي

monTexte.wordWrap = true;

عكس ذلك واذا أردنا أن يتم تحجيم النص أو الفقرة اليا مع المربع اأو الاطار نستدعي خاصية autoSize
و تأخذ هاته الخاصية أحد القيم الأربعة من كلاس TextFieldAutoSize وهي على النحو التالي :

TextFieldAutoSize.CENTER محاذاة النص للوسط
TextFieldAutoSize.LEFT محاذاة النص لليسار
TextFieldAutoSize.NONE بدون محاذاة
TextFieldAutoSize.RIGHT محاذاة النص لليمين

في هذا المثال قمنا باضهار نص مع المحاذاة الى المين


var monTexte:TextField = new TextField();
monTexte.border = true;
monTexte.text = "السلام عليكم ورحمة الله ";
monTexte.autoSize = TextFieldAutoSize.RIGHT;
addChild ( monTexte );



ذا أردنا ادراج حقل نصي محدد يمكن استعمال خاصية الطول width والعرض height
من الكلاس TextField



var monTexte:TextField = new TextField();
monTexte.border = true;
monTexte.text = " بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد الصادق الأمين وعلى اله وصحبه أجمعين ومن تبعه باحسان الى يوم الدين.";
monTexte.width = 250;
monTexte.height = 250;
monTexte.wordWrap = true;
addChild ( monTexte );


انسخ هذا الكود وقم بالمعاينة لاحظ الاطار أكبر من الفقرة لنطابق الاطار وتحجيمه من الكتابة الأمر
سهل نغير قيم العرض والطول اجعلها مثلا 120 و 120 وعاين :salla:

اجعل مثلا الرقم الأول 450 والثاني 30 هل فهمت أخي الكريم التعديلات لك الخيار في التلاعب بالارقام

لاحظ اخي الكريم أن الحقل الني يكون افتراضيا قابل للاختيار من قبل المستخدم يعني selectable
وقيمتها الافتراضية true وبالتالي يمكن تغييرها الى false ونضيف في الكود السابق هذا الأمر

monTexte.selectable = false;


انوع الحقول النصية

يحتوي كلاس TextFieldType على نوعين وهما
TextFieldType.DYNAMIC
TextFieldType.INPUT


فعند انشاء حقل نصي يكون افتراضيا من نوع dynamic
وبالتالي يمكن اضافة حقل نصي من نوع انبوت قابل للادخال والتعديل بواسطى الأمر


monTexte.type = TextFieldType.INPUT;


ويمكن جعل هذا الحقل يقبل أكثر من سطر الأمر باضافة هذا الأمر


monTexte.multiline = true;



تنسيق النصوص


توفراكشن سكريبت 3 ثلاثة تقنيات للتعامل مع النصوص وهي على النحو التالي


htmlText
flash.text.TextFormat
flash.text.StyleSheet




ان شاء الله غدا نستكمل الجزء الثاني من التعامل مع النصوص وهو الهام ....تغيرر حجم الخط اللون الخ .....وتعريف هاته الكلاسات .


استودكم الله

عبود عبود
20-09-2013, 10:59 AM
شكرا وجزاك الله خيرا
سوف أتابع معك و أتعلم منك إن شاء الله

:abc_152:

خادم المسلمين
20-09-2013, 02:08 PM
يا جمالك وجمال رجوعك للمنتدى

يا جمالك وابداعك
وشروحاتك المنتظرة والميسرة
الف حمد لله على رجوعك للقسم الفلاشى
ان شاء الله
متابع وما عدتش هفوت يوم واحد بدون تواجد بالمنتدى من جديد
ولكن ملاحظة اخى الحبيب

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

الحارث بن فيصل
20-09-2013, 03:12 PM
خالص الشكر والامتنان على ما بذلتموه من جهود مباركة

azizsoft
20-09-2013, 04:31 PM
بسم الله الرحمن الرحيم

بارك الله فيكم اخوتي الكرام على حضوركم المشرف
ودي وتقديري لحضراتكم

azizsoft
20-09-2013, 04:38 PM
يا جمالك وجمال رجوعك للمنتدى


ولكن ملاحظة اخى الحبيب

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


مرحبا يا طيب جاري الاعداد ان شاء الله لشروحات فيديو وستكون في اسطوانة
وفقكم الله

أبو يوسف
20-09-2013, 06:53 PM
جزاك الله خيرا اخانا عزيز وبارك الله فيك

abohmam
20-09-2013, 09:03 PM
حياك الله أخى عزيز

ماشاء الله شرح رائع وعودا حميدا ياطيب افتقدناك :abc_152:

جزاك الله خيرا وبارك فى جهودك المولى

فى انتظار التكملة :abc_022:

خادم المسلمين
20-09-2013, 09:05 PM
مرحبا يا طيب جاري الاعداد ان شاء الله لشروحات فيديو وستكون في اسطوانة
وفقكم الله


انت راجع بتقلك يا كبير::abc_028:؟
هات كل ماعندك:abc_051:

متعطشين شروحات وعلم

شكرا ليك والف شكر لكل من يتصدق على اخوانهبعلم ينتفع به
وربنا يجعله فى ميزان حسناتكم

azizsoft
21-09-2013, 02:46 AM
الله يبارك فيكم أساتذتنا أبو همام وأبو يوسف
نورتم الموضوع

ودي وتقديري وتحياتي لكم

عبد الهادي بهاب
28-12-2016, 09:52 PM
الحمد لله استفدت كثيرا من كل الاكواد الموجودة
ادراج نص مع امكانية التعديل عليه و اضافة اسطر ..............لكن ان يكتب عربي لم اجد لها حلا اعني من اليمين الى اليسار
اول محالتي في الفلاش متواضعة جدا لكن ساكما بقية الدروس

width=400 height=350

azizsoft
29-12-2016, 12:23 AM
الحمد لله استفدت كثيرا من كل الاكواد الموجودة
ادراج نص مع امكانية التعديل عليه و اضافة اسطر ..............لكن ان يكتب عربي لم اجد لها حلا اعني من اليمين الى اليسار
اول محالتي في الفلاش متواضعة جدا لكن ساكما بقية الدروس

width=400 height=350


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

عبد الهادي بهاب
29-12-2016, 11:58 AM
جميل جدا
ما فهمت اخي المحترف = أن يكتب عربي من اليمين الى اليسار
يمكن ايضا استغلال الملفات النصية الخارجية وتحميلها بالفلاش

قصدت يبقى مؤشر في اخر كلمة مكتوبة بالعربي ........

azizsoft
29-12-2016, 02:07 PM
قصدت يبقى مؤشر في اخر كلمة مكتوبة بالعربي ........

اهههه نعم فعلا هذا الأمر مقلق عند الكتابة في عنصر التكست
في هاته الحالة أفضل النسخ واللصق عوض الكتابة .

موفق :abc_022:

عبد الهادي بهاب
29-12-2016, 02:39 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
ربي يجازيك خير
متابع و اصبر معنا