اختيار صورة من المعرض لخلفية التطبيق _ Sketchware

احمد جمال

4 Mar, 2020

السلام عليكم ورحمة الله وبركاته

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

الشرح
اولا : نضيف (Linear"V") ونضيف فيه زر (Button) في صفحة التصميم وهي (VIEW) ومن خلال خصائص الزر نضغط على text ونغير النص داخله داخله الى حدّد او اي نص يعجبك فقط لاختيار صورة من المعرض .

ثانيا :بعد اضافتك للاينر وكذلك الزر نتوجه الى الصفحة الخاصة باضافة المكونات وهي (COMPONENT) فنضيف (FilePicker) ونقوم بتسميته (file) ونختار من خلال الضغط على السهم الذي يتواجد مقابل صندوق الادخال Image Files .

ثالثا : نتوجه إلى صفحة (EVENT) ونضغط على اخر خيار المختص باضافة الكتل الإضافية (MoreBlock) ونتبع الخطوات التالية :

كما موضح بالصورة ادناه تكتب الاسم وتختار (View) من خلال Add Veriable اما في صندوق الادخال الثالث نكتب (view) ونضغط على زر ADD المقابل لصندوق الادخال الذي كتبت فيه view والرابع نكتب (fromPath) ونضغط على الزر ADD المقابل لصندوق الادخال .

بعدها تعيد الخطوات وتختار (String) بدلا من (View) في Add Veriable اما في صندوق ادخال الثاني فتكتب (path) وتضغط على زر ADD المقابل لصندوق الادخال الذي كتبت فيه path وبعدها تضغط (Add) الذي يتواجد في الاسفل بجانب الزر (Cancell ) .

رابعا : بعد الضغط على الزر Add نقوم بالضغط على الكتلة الاضافية التي انشأناها فنتوجه الى operatorونضيف اخر بلوك وهو (add source directly) وتضيف الكود التالي كما موضح القادمة .

_view.setBackground(new android.graphics.drawable.BitmapDrawable(getResources(), FileUtil.decodeSampleBitmapFromPath(_path, 1024, 1204)));

خامسا : تدخل الى الحدث الخاص بالزر (Button) وتقوم باضافة بلوك (pickFiles) عن طريقcomponent مع تعيين الاسم الخاص بالمكون في البلوك .

سادسا : نرجع إلى الصفحة الخاصة بإضافة المكّونات ونضغط على المكون FilePicker وندخل الى (onFilesPicked) وتضيف الاوامر التالية فيها كما موضح بالصورة ادناه .

للملاحظة تقوم بإضافة عن طريق List قيمة String بأسم (list) .

سابعا : الان فقط قم بتجميع تطبيقك وذلك بالضغط على زر (Run) الموجود في صفحة التصميم وهي (VIEW) .

*نبذة مختصرة عن الزر Button

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

*نبذة مختصرة عن لاينر V

يستخدم هذا التخطيط عند الحاجة لترتيب الحاجيات فيه بشكل افقي فبمجرد اضافتك للحاجيات فيه سيتم ترتيبها تلقائياً بشكل افقي .

*نبذة مختصرة عن المكون FilePicker

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

*نبذة مختصرة عن MoreBlock

وتسمى ايضاً بالكتلة الاضافية تستخدم هذه الكتلة الاضافية لتحويل الاكواد الى بلوكات والغرض واضح وهو لسهولة استخدام البلوكة وكذلك الغرض الاساسي من تحويل الاكواد الى بلوكات من خلال هذا القسم في حال احتجنا الى استعمال هذا الكود اكثر من مرة في حدث واحد او احداث متعددة في صفحة واحدة او عدة صفحات فهذا القسم يختصر عليك الوقت والسرعة في بناء تطبيقك .

اتمنى الشرح مفهوم السلام عليكم ورحمة الله