1-النص المكتوب (Text View)

في هذا الدرس سوف نتعلم كيفية إنشاء (TextView) وطريقة استخدامه في برمجية Android Studio

  • بداية عزيزي المتعلم يجب أن تعرف ان النص المكتوب (TextView) هو لمشاهدة نص أو أرقام أو حروف

  • ولا يستطيع المستخدم التعديل عليها ولتوضيح ما هو النص المكتوب انظر الى هذا الشكل:

1-الشروع بالعمل

أولا :

نشغل برمجية (Android studio ) كما تعلمنا كيفية التشغيل في الدروس السابقة .

ثانيا (التصميم XML ) :

من activity_main.xml ← Layout ← res ← APP نضغط مرتين ليظهر لنا هذا الشكل (أ):

 

الشكل (أ)

لإضافة النص المكتوب (TextView)يوجد طريقتين:

الطريقة الأولى ← ← (السحب والإسقاط)

  1. نذهب إلى لوحة العناصر (Palette) المشار لها بالصورة رقم 1

  2. نختار Plain TextView المشار لها بالرقم 2

  3. نقوم بسحبها بزر الماوس الايسر الى داخل حيز العمل المشار له رقم 3

الشكل (ب)

 

4- شجرة المكونات (Component tree)                    

وهي التي تحتوي على المكونات الموجودة داخل حيز العمل.

5- المكون الموجود (TextView)

عند الضغط على المكون بزر الماوس الأيمن يمكن حذفه او نسخه والتحكم بوجوده.

6- الخصائص(Properties )

 

عند الضغط على أي مكون موجود داخل شجرة المكونات يمكن التعديل على المكون من خلال هذه الخصائص مثلا: اللون، الحجم، الطول، العرض…. الخ.

الشكل (ج)

الشكل (د)

 

كما في الشكل السابق يوجد نوعين لإضافة النص المكتوب (TextView) كما هو موضح بالشكل(د) السابق اسفل الصورة :

  1. الخيار Design يستخدم بالطريقة الأولى السحب والاسقاط

  2. الخيار Text يستخدم للطريقة الثانية كتابة الكود باستخدام ال XML

الطريقة الثانية ← (كتابة الكود باستخدام XML)

  1. نختار الخيار Text  كما في الشكل(د)  ليظهر لنا الشكل التالي :

والان سوف نتعلم كيفية كتابة كود xml للنص المكتوب (TextView )

والشكل الاتي يوضح طريقة كتابة الكود :

هناك عدة أنواع لاختيار الطول والعرض للنص المكتوب وهي: wrap_content  , match_parent

 

بعض الأمثلة:

  • العرض والطول من نوع wrap_content

 

 

 

  • العرض  match_parent  و الطول  wrap_content

 

 

  • العرض  match_parent  و الطول   match_parent

 

 

 

ثانيا (التنفيذ Java ) :

نضغط على   app ← java ← اسم المشروع الذي اخترته← com.example.user2015.   MainActivity كما هو ظاهر في الصورة: