كيفية التعامل مع اداتي الصور بكود تطبيق الاندرويد Android imagebutton and imageview

التعامل مع اداتي الصور تطبيق الاندرويد Android imagebutton & imageview

 التعامل مع اداتي الصور  تطبيق الاندرويد Android imagebutton & imageview

 التعامل مع اداتي الصور في تطبيق الاندرويد Android imagebutton & imageview 


. imagebutton & imageview في هذه المقالة سنوضح كميفية التعامل مع اداتي  الصور بتطبيق الاندرويد وهما ال
 

الاداة Image Button  وهي تظهر بهيئة زر فيه صوره .
اما الاداة imageview فهي اداة متخصصة لعرض صوره معينة .
يتم تحديد اهم الخصائص لهاتين الاداتين من خلال نافذة الخصائص وذلك بعد سحب الاداتين على شاشة الايميوليتر بمرحلة التصميم ومن اهم هذه الخصائص هي:

  • خاصيه id لاداة حيث وضع فيه الاسم المخصص للاداة والذي يتم التعامل معه بها  من داخل الكود البرمجي.
  • خاصية ال Layout-Width ,Layout-Height حيث يمكن تحديد قيم الطول والعرض للصوره حسب التصميم المطلوب .
  • خاصية الSRC وتعتبر من اهم الخصائص حيث يتم اعطاؤها قيمة مسار الصوره لكي يتم عرض الصوره .
يكون تحديد الخصائص للصوره وذلك بعد الوقوف على الصوره والضعط على مفتاح F4 او الوقوف على الصوره واختيار نافذه الخصائص الظاهره جانب الشاشة واذا لم تكن ظاهره جانبا يمكن الوقوف على  الاداة بشاشة التصميم والضغط يمينا بمؤشر الفأره لتظهر لنا الخصائص والصورة ادناه توضح اهم تلك الخصائص بنافذة الخصائص :

 

 كيفية  التعامل مع اداتي الصور بكود تطبيق الاندرويد Android imagebutton and  imageview

يتم تحديد مسار الصوره وذلك باختيار الصوره الموضوعه في فولدر  الdrowble التابع للفولدر الرئيسي Resources 
وكما موضح بالشكل اللي بالصوره ادناه :


 التعامل مع الصور بكود تطبيق الاندرويد Android imagebutton vs imageview
نضع الصور المطلوب عرضها بفولدر الdrowble وبعد ذلك نقف على كل اداة بعد تحديد خاصيتي الطول والعرض  .
الان نحدد مسار الصورة التي سيتم عرضها وذلك من خلال خاصية الSRC لكل واحدة منها  وبعد تحديد المسار ستظهر الصور لكل اداة وكما بالشكل الموضح بالصورة ادناه :

 التعامل مع الصور بكود تطبيق الاندرويد Android imagebutton vs imageview


ويتم التعامل مع الادوات بالكود البرمجي كما موضح بالصورة التالية :




 التعامل مع الصور بكود تطبيق الاندرويد Android imagebutton vs imageview
وهنا بعد تعريف الادواة يتم انشاء حدث الزر واعطاء الكود المطلوب هنا على سبيل المثال انشاءنا كود اخفاء img1 عند الضغط على زر الصوره ويمكن وضع اي كود برمجي في هذا الحدث .عند تنفيذ الكود يظهر بالشكل التالي الموضح بالصوره :


 التعامل مع الصور بكود تطبيق الاندرويد Android imagebutton vs imageview

وعند الضغط على زر الصوره نلاحظ اختفاء الصوره الاولى كما تم بالكود اللي بحدث زر الصورة وكا بالصوره التاليه :


 التعامل مع الصور بكود تطبيق الاندرويد Android imagebutton vs imageview

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

نشكرك علي المشاركة