اختيار صورة من المعرض ومشاركتها _ Sketchware

احمد جمال

4 Mar, 2020

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

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

الشرح
اولا : نضيف (Linear"V') في صفحة التصميم وهي (VIEW) ومن خلال خصائصه نضغط على Gravity ونختار (Center_Horzinatol) وايضا (Center_Vertical) وبعدها نتوجه إلى ايضا الطول والعرض الخاصة بالصورة وتجعله (300x300) فنضيف بعدها في اللاينر imagview.
ثانيا : نضيف زر (Button) ومن خلال خصائصه نضغط على text ونغير النص فيه من button1 الى مشاركة .
ثالثا : نتوجه الى صفحة (COMPONENT) والمقصود بها المكوّنات ونضيف (FilePicker) ونقوم بتسميته (pic) ونختار عن طريق السهم الموجود مقابل صندوق الادخال Image files .

* نبذة مختصرة عن FilePicker في نهاية الشرح .

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

* نبذة مختصرة عن onFilesPicked في نهاية الشرح

خامسا : بعد الدخول الى حدث onFilesPickedونقوم باضافة قيمة String ونقوم بتسميتها file من خلال List ونقوم بعدها بإضافة البلوكات كما موضح بالصورة ادناه

سادسا : الان بعد ان اكملت الخطوات تتوجه الى الزر (Button) وتقوم بالدخول الى الحدث الخاص به وبعدها عن طريق operator تضيف اخر بلوك وهو(add source directly) وتضيف الكود التالي كما موضح بالصورة القادمة .

Bitmap bm = ((android.graphics.drawable.BitmapDrawable)imageview1.getDrawable()).getBitmap(); try { java.io.File file = new java.io.File(getExternalCacheDir() + "/image.jpg"); java.io.OutputStream out = new java.io.FileOutputStream(file); bm.compress(Bitmap.CompressFormat.JPEG, 100, out); out.flush(); out.close(); } catch (Exception e) { showMessage(e.toString()); } Intent iten = new Intent(android.content.Intent.ACTION_SEND); iten.setType("*/*"); iten.putExtra(Intent.EXTRA_STREAM, Uri.fromFile(new java.io.File(getExternalCacheDir() + "/image.jpg"))); startActivity(Intent.createChooser(iten, "شارك عبرَ"));

* (imageview1) هو الايدي الخاص بالصورة

سابعا : بعد انتهاءك من اضافة الكود في الزر تتوجه إلى الحدث الخاص بالصورة (imageview1) وتقوم بإضافة عن طريق Component بلوك PickFiles مع تعيين الاسم ما عليك الان فقط قم بتجميع تطبيقك وذلك بالضغط على زر (Run) الموجود في صفحة التصميم وهي (VIEW)

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

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

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

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

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

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

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

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

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