حتى الآن كانت أفضل وأسرع طريقة هي تصدير الصورة من الفوتوشوب بصيغة PNG ونقلها على هاتفك ثم فتحها على كامل الشاشة. لكن Roman Nurik وهو مبرمج يعمل لدى غوغل قام بتطوير أداة رائعة تسمى Android Design Preview وهي تسمح لك بعرض جزء مما يظهر على شاشة الكمبيوتر مباشرةً على شاشة الهاتف, أي أن الأداة هي عبارة عن مرآة تعمل عن طريق ADB. كل ما عليك عمله هو تحديد الجزء الذي تريد مشاهدته على الهاتف (في هذه الحالة التصميم داخل برنامج الفوتوشوب وسيقوم البرنامج بعرض التصميم متناسباً مع دقة شاشة هاتفك.

البرنامج هو عبارة عن ملف Jar تقوم بتثبيته على جهاز الكمبيوتر وبالتالي فهو يعمل مع ويندوز ولينوكس وماك, لمزيد من الإيضاح شاهد الفيديو التالي:

Click here to view the embedded video.

تستطيع تحميل الأداة من هنا.

في الواقع توفرت مؤخراً العديد من الأدوت الرائعة المساعدة لمطوري تطبيقات أندرويد وكنا مقصرين في تغطيتها. سنقوم بتغطية عدد منها خلال مقالات لاحقة.

[Android Police]

انتهيت منذ فترة قليلة من تطوير تطبيق سيرى النور قريبا جدا. ورغبت باستخدام مجموعة ArabicReshape التي أنشأها المطور عبدالعزيز الحسين والذي أجرينا معه لقاء في وقت سابق. هذه المجموعة تقوم برسم الأحرف العربية كي تظهر صحيحة على جميع الأجهزة، المعربة وغير المعربة.

تكمن المشكلة في أن طريقة استخدام هذه المجموعة غير موضحة، أو بالأحرى، مجرد استدعاء الدالة الموجودة في المجموعة وهي:

public static String reshape(String Str)

ومن ثم عرض النص المرتجع منها لن يظهره بأحرف عربية.

بحثت عن الحل ووجدته بعد عدة محاولات. الحل ببساطة هو ربط العنصر المرئي (كعنصر نصي أو زر) بملف خطوط Font يدعم الأحرف العربية. فلو أردنا مثلا استخدام ملف الخطوط DroidSans-Bold.ttf، نقوم بإنشاء مجلد بداخل مجلد موجود مسبقا وهو assets ونسميه fonts ومن ثم ننسخ ملف الخط إليه.

والآن نقوم، بعد وضع مجموعة ArabicReshape.java في ملفات المشروع المصدرية، بكتابة الكود التالي: (على فرض أننا نريد إظهار النص في داخل زر Button)

Typeface droidBold = Typeface.createFromAsset(getAssets(),"fonts/DroidSans-Bold.ttf");
 
String ardroid = ArabicReshape.reshape("موقع أردرويد");
 
ardroidButton = (Button)findViewById(R.id.ardroiddButton);
 
ardroidButton.setTypeface(droidBold);
 
ardroidButton.setText(ardroid);

النتيجة ستكون على الشكل التالي:

بالتوفيق، وكل الشكر مجددا للأخ عبدالعزيز.

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

متابعة ممتعة وإلى اللقاء في سلسلة قادمة.

ملفات الحلقة: هنا.

لتحميل الحلقة: هنا.

متابعة ممتعة

ملفات الحلقة: هنا.

لتحميل الحلقة: هنا.

- شرح مفهوم الـ Adapter.

- تنفيذ الواجهة البصرية لكل عنصر\مهمة.

- عمل الواجهة الرئيسية.

- ربط الواجهة بالـ Adapter.

- إضافة بعض المهام لتجربة العملية.

يمكنكم تحميل ملفات الشيفرة المصدرية (سورس كود) بالضغط هنا.

- إنشاء تطبيق جديد.

- رؤية وتعديل ملف المانيفست Manifest.

- عمل بعض الدوال والمجموعات المساعدة.

–مجموعة المهمة TaskItem.

– إنشاء قاعدة البيانات (تتطلب معرفة بسيطة بعبارات SQL)

– إنشاء المجموعة الأم للتطبيق.

يمكنكم تحميل ملفات الشيفرة المصدرية (سورس كود) بالضغط هنا.

هاقد عدنا إليكم بسلسلة جديدة لتطوير تطبيقات الأندرويد. تختلف هذه السلسلة عن سلسلة الدروس التي قدمناها سابقاً بأنها ذات هدف محدد وهو العمل على تطوير تطبيق مدير مهام Task Manager من البداية الى النهاية. كما أن هذه السلسلة مرئية ويمكنكم متابعة حلقاتها عبر أردرويد أو قناتنا على موقع يوتيوب.

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

أترككم مع تفاصيل التطبيق في الحلقة رقم صفر من السلسلة. (يمكنكم اختيار 720p لمشاهدة نسخة عالية الدقة HD)

Click here to view the embedded video.

تناقلت المواقع التقنية الإخبارية اليوم خبر صدور App Inventor for Android وهو ببساطة بيئة برمجية مرئية عبر الويب تمكن مستخدمي الأندرويد (من المبرمجين وغير المبرمجين) من عمل تطبيقات أندرويد.  ما تعنيه كلمة بيئة مرئية هو احتوائها على عناصر وأشكال مرئية لكل منها وظيفة معينة يتم تعديلها وربطها ببعضها البعض بالشكل الذي يرغب المستخدم أن يظهر التطبيق عليه (مشابهة للبيئة المستخدمة في برنامج LabView ولعشاق الليجو NXT). لا حاجة لرؤية الأكواد ولا التدخل بكتابتها.

تتضمن العناصر ما يلي:

• العناصر الأساسية (الأزرار، مربعات الاختيار، الصور، حقول نصية،…)
• عناصر الوسائط المتعددة (الصور، عرض الفيديو، مشغل الصوت،…)
• عناصر الرسوم المتحركة (كرة، شبح )
• عناصر اجتماعية (مربع اختيار المتصل، اختيار البريد الالكتروني، مربع الاتصال، ارسال رسالة قصيرة، التواصل عبر تويتر، …)
• عناصر خاصة بالحساسات Sensors (حساس تسارع ميل الجهاز Accelerometer، تحديد المكان GPS، تحديد وضع الجهاز (أفقي | عمودي))
• عناصر ترتيب ما يظهر على الشاشة (ترتيب العناصر التي تظهر على شاشة التطبيق أفقيا أو عموديا أو على شكل جدول)
• عناصر أخرى (قاريء الباركود، محول النص الى صوت، التنبيهات، التعرف الى الصوت speech recognition،…)

بالإضافة الى العناصر، هناك القطع البرمجية أو ال Blocks والتي تشكل الدوال methods/functions وما تتضمنه من منطق logic كما تتعامل مع البيانات المستخدمة في التطبيق ويتم ربطها بالعناصر المذكورة في الأعلى. القطع تتضمن:

• قطع التعريف (تعريف الدوال ومدخلاتها ووظيفتها)
• قطع النصوص (التعامل مع النصوص: تعريف النص، تجزيء النص، هل يحتوي النص على؟، هل يبدأ بحرف ..؟،…)
• قطع القوائم (التعامل مع القوائم: إنشاء قائمة، استبدال عنصر في القائمة، البحث عن عنصر،…)
• قطع الرياضيات (جميع العمليات الرياضية على المدخلات: العمليات الحسابية، المنطقية، الدوال الرياضية،…)
• قطع المنطق (true, false, and, or,….)
• قطع التحكم (if, ifelse, for, while,…)
• قطع الألوان (التعامل مع الألوان)

App Inventor هو أداة ممتازة جدا وتحرك ذكي من غوغل. ففي مقالة نشرها موقع TechCrunch، شرح الكاتب وجهة نظره المتعلقة بقوة هذه الأداة في خلق جيل من المطورين الجدد لتطبيقات الأندرويد. فالبداية لهؤلاء المطورين ستكون عبر أداة  App Inventor (ونلاحظ أن الأداة في متناول جميع الفئات العمرية) التي بطبيعة الحال ستمكن المستخدمين من الوصول الى حدود معينة (حالها حال أية أداة برمجية من هذا النوع) تدفعهم فيما بعد لدخول عالم البرمجة الفعلي وكتابة الأكواد والذي سيعطيهم تحكما أكبر في صنع التطبيقات. عطفا على هذه النقطة، أتوقع شخصيا أن تقوم غوغل بعمل مسابقات بين المدارس لأفضل تطبيق باستخدام هذه الأداة، على غرار مسابقات Lego Robocup وهذا تحديدا من شأنه تشكيل الجيل الجديد من المبرمجين.

في الختام، أتوقع بأن تسهم هذه الأداة في عمل تطبيقات أكثر أمنا وفاعلية من تلك المنتشرة في سوق الأندرويد والتي تزعجنا في بعض الأحيان لكونها مليئة بالأخطاء البرمجية، حيث أن هذه الأداة ستجعل من عملية تصليح لأخطاء debugging أسهل.

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

Click here to view the embedded video.

تحديث ١:

أطلعنا BarcaDroid أحد أصدقاء موقعنا الدائمين على بعض العيوب التي وجدها في هذه الأداة (وهو ما كنا قد أشرنا اليه بوجود محدودية في هذا النوع من الأدوات البرمجية، الا أن صديقنا أورد عددا منها بالتفصيل) وهي:

١- الكود الذي تنتجه الأداة ليس مثاليا optimized (أي احتوائه على أكواد زائدة يمكن الاستغناء عنها، وهذا موضوع حساس في عالم تطبيقات الأجهزة الذكية والنقالة)

٢- لا يمكنك الإطلاع على كود التطبيق بعد الانتهاء منه، ولا يمكنك التعديل عليه باستخدام الحزمة البرمجية SDK.

٣- التطبيقات التي تنتجها الأداة أكبر حجما من تلك التي تؤدي نفس الغرض والمطورة يدويا على مستوى الكود.

٤- عدد الدوال المتوفرة في الأداة أقل بكثير من عددها في ال SDK.

٥- لا يمكنك عمل widgets للتطبيقات (الwidgets هي النماذج المصغرة من التطبيق والتي يمكنك وضعها على الشاشة الرئيسية للتحكم بالتطبيق عبرها).

٦- حاليا، لا يمكن رفع التطبيقات المطورة بهذه الأداة على سوق الأندرويد! ولم تعلن غوغل حتى الآن عما اذا كانت ستفعل هذه الخاصية.

٧- ال app inventor لا يدعم الاتصال ورفع التطبيقات المطورة على جميع أجهزة الأندرويد (أي أنه عليك التأكد من دعم هذه الأداة لجهازك حتى تتمكن من تطوير ورفع التطبيقات عليه عبر سلك اليو اس بي).

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

هل تذكر ميزة خلفية الخرائط الحية من خرائط غوغل 4.1؟ لا بد أنك احببتها مثل الكثير من الناس. أما الآن فستحبها أكثر بعد أن قام المطورون في AndroidGamer بما يجيدون فعله و لم يعطونا بعض الخيارات و امكانية استخدام كل أنواع الخرائط فقط, بل انطلقوا لأبعد من هذا ببرنامجهم الجديد و المتميزAdvanced Map Live Wallpaper.

الميزات الجديدة في هذا التطبيق و الغير موجودة في نسخة غوغل رائعة و ستعجبك:

• خيارات متعددة للخرائط, مثل غوغل, Bing, Ordnance survey, USA VFR, IR charts و openstreetmap.
• لا يستهلك البطارية بشكل كبير, حيث يغلق نفسه عند اخفاء الخليفة.
• يوفر عليك من تكلفة الاتصال بميزة التخزين المؤقت Caching, حيث لا تطر لتحميل ملفات الخرائط سوى مرة واحدة.
• يمكنك تغيير درجة التكبير على جميع الخرائط.
• يحدد لك مكانك, و يضع دائرة حوله لتتمكن من معرفة أين أنت, و يمكن ايقاف هذه الميزة.

(ملاحظة: هذه الخلفية لا تعمل إلا على Android 2.1 أو النسخ الأحدث, و هي لا تزال في المرحلة التجريبية)

الآن و إذا أردت تحميل البرنامج (على الأغلب أنت تريد ذلك) فما عليك إلا مسح الكود الآتي:

[مصادر: talkandroid.com, androidcentral.com]

مرحبا..

مع وصولنا الى الحلقة الخامسة من سلسلة تعلم برمجة الأندرويد، وبعد تغطيتنا لأهم المفاهيم، ستكون الحلقات القادمة عبارة عن أمثلة متنوعة أنقلها لكم من مصادر مختلفة كالكتب والمواقع الالكترونية. وستتنوع هذه الأمثلة كون البرمجة والحزمة البرمجية SDK ماهي الا أدوات في صندوق العدة الذي يحمله المبرمج، والتطبيقات تتشكل بحسب إبداع ومهارة المبرمج.

سنتعلم في هذا الدرس المواضيع التالية:

١- استخدام الواجهة الخاصة بالإعدادات كتلك المستخدمة في نظام الأندرويد

٢- تعديل الثيم الخاص بعرض الرسالة

٣- تشغيل مقاطع صوتية داخل التطبيق

١- استخدام الواجهة الخاصة بالإعدادات كالمستخدمة في الأندرويد

سنستخدم التطبيق الذي قمنا بالعمل عليه في الحلقة السابقة لنضيف نشاطا ثالثا. ننشيء ملفا باسم: Act3.java ونضع فيه التالي:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

package android.programming.series.ArdroidMultiActs;
 
import android.os.Bundle;
 
import android.preference.PreferenceActivity;
 
public class Act3 extends PreferenceActivity
 
{
 
@Override
 
protected void onCreate(Bundle savedInstanceState)
 
{
 
super.onCreate(savedInstanceState);
 
addPreferencesFromResource(R.layout.act3);
 
}
 
}

ننشيء ملفا تحت res/layout تحت مسمى act3.xml ونضع فيه التالي:

<?xml version="1.0" encoding="utf-8"?>
 
<PreferenceScreen
 
xmlns:android="http://schemas.android.com/apk/res/android">
 
<CheckBoxPreference
 
android:key="setting1"
 
android:title="Setting 1"
 
android:summary="Modify setting 1"
 
android:defaultValue="true"
 
/>
 
<CheckBoxPreference
 
android:key="setting2"
 
android:title="Setting 2"
 
android:summary="Modify setting 2"
 
android:defaultValue="true"
 
/>
 
<CheckBoxPreference
 
android:key="setting3"
 
android:title="Setting 3"
 
android:summary="Modify setting 3"
 
android:defaultValue="false"
 
/>
 
</PreferenceScreen>

نضيف التالي في ملف القائمة ArdroidMultiActs.java :

menu.add(0, 2, 0, "Act3");

ومن ثم:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

public boolean onOptionsItemSelected (MenuItem item)
 
{
 
switch (item.getItemId())
 
{
 
case 0:
 
showAct1();
 
return true;
 
case 1:
 
showAct2();
 
return true;
 
case 2:
 
showAct3();
 
return true;
 
}
 
return true;
 
}

ومن ثم:

1
2
3
4
5
6
7
8
9

public void showAct3()
 
{
 
Intent autocomplete3 = new Intent(this, Act3.class);
 
startActivity(autocomplete3);
 
}

وختاما نضيف التالي في ArdroidMultiActs Manifest.java :

<activity android:name=".Act3"
 
android:label="activity 3"
 
>
 
<intent-filter>
 
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
 
</intent-filter>
 
</activity>

البرنامج يصبح كالتالي عند اختيار الخيار الثالث:

٢- تعديل الثيم الخاص بعرض الرسالة

يمكننا استخدام ثيمات معرفة مسبقا في الحزمة التطويرية لعرض المحتوى الذي نرغبه. وسنجد أن هذه الثيمات تشابه تلك المستخدمة في الأندرويد نفسه. لتحديد نوع الثيم الخاص بنشاط معين، ننشيء ملفا باسم: Act4.java ونضع فيه التالي:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

package android.programming.series.ArdroidMultiActs;
 
import android.app.Activity;
 
import android.os.Bundle;
 
public class Act4 extends Activity
 
{
 
@Override
 
protected void onCreate(Bundle savedInstanceState)
 
{
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.act4);
 
}
 
}

ننشيء ملفا تحت res/layout تحت مسمى act4.xml ونضع فيه التالي:

<?xml version="1.0" encoding="utf-8"?>
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
android:orientation="vertical"
 
android:layout_height="fill_parent"
 
android:layout_width="fill_parent"
 
>
 
<TextView android:id="@+id/text"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:text="This is an android powered application"
 
/>
 
</LinearLayout>

نضيف التالي في ملف القائمة ArdroidMultiActs.java :

menu.add(0, 3, 0, "Act4");

ومن ثم:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

public boolean onOptionsItemSelected (MenuItem item)
 
{
 
switch (item.getItemId())
 
{
 
case 0:
 
showAct1();
 
return true;
 
case 1:
 
showAct2();
 
return true;
 
case 2:
 
showAct3();
 
return true;
 
case 3:
 
showAct4();
 
return true;
 
}
 
return true;
 
}

ومن ثم:

1
2
3
4
5
6
7
8
9

public void showAct4()
 
{
 
Intent autocomplete4 = new Intent(this, Act4.class);
 
startActivity(autocomplete4);
 
}

وختاما نضيف التالي في ArdroidMultiActs Manifest.java :

<activity android:name=".Act4"
 
android:label="activity 4"
 
android:theme="@android:style/Theme.Dialog">
 
<intent-filter>
 
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
 
</intent-filter>
 
</activity>

بالضغط على الخيار الرابع، يظهر لدينا ما يلي:

٣- تشغيل مقاطع صوتية داخل التطبيق

من المفيد أحيانا إضافة مقاطع صوتية للتطبيق وتمكينه من تشغيلها. قد تكون المقاطع مقترنة بأزرار لوحة المفاتيح إن وجدت، أو بأزرار نقوم بإنشائها داخل التطبيق. سنقوم بعمل تطبيق يحتوي على زر واحد من شأنه تشغيل مقطع صوتي في حال الضغط عليه. كما سيقوم بعمل إيقاف مؤقت للمقطع في حال ضغطنا عليه من جديد.

أود التنبيه لنقطة مهمة. فيما سبق، قمت بذكر أن المقاطع الصوتية ومقاطع الفيديو يتم إضافتها الى ملف ال  assets. ولكن التغييرات العديدة في الحزمة البرمجية التطويرية SDK قامت باسترجاع الطريقة السابقة من حيث المكان الذي توضع فيه مقاطع الصوت. والطريقة السابقة تقتضي بوضع المقطع في مجلد اسمه raw نقوم بإنشائه تحت المجلد res. سأقوم بوضع أغنية سميتها song.mp3 في مشروع جديد أسميته AndroidAudio على النحو التالي:

في ملف ال main.xml، قمت بإضافة الكود التالي:

<?xml version="1.0" encoding="utf-8"?>
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
android:orientation="vertical"
 
android:layout_width="fill_parent"
 
android:layout_height="fill_parent"
 
android:background="#4500ffff"
 
android:padding="40dip"
 
>
 
<TextView
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:text="Android Audio"
 
/>
 
<Button android:id="@+id/ac1"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:text="play/pause"
 
/>
 
</LinearLayout>

الآن نعود الى ملف المصدر البرمجي AndroidAudio.java وأقوم باستيراد المكتبات والمجموعات التالية:

1
2
3
4
5
6
7
8
9
10
11

import android.app.Activity;
 
import android.media.MediaPlayer;
 
import android.os.Bundle;
 
import android.view.View;
 
import android.widget.Button;
 
import android.widget.Toast;

المجموعة الثانية خاصة بالكائن الذي سنقوم بإضافة الأغنية له. بالنسبة لآخر مجموعة، سنرى تأثيرها فيما بعد.

نقوم بإضافة الكود التالي:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

public class AndroidAudio extends Activity {
 
public int playstop = 0;
 
public MediaPlayer mp;
 
public void onCreate(Bundle ww)
 
{
 
super.onCreate(ww);
 
setContentView(R.layout.main);
 
final Button play = (Button) this.findViewById(R.id.ac1);
 
final MediaPlayer mp = MediaPlayer.create(this, R.raw.song);
 
play.setOnClickListener(new Button.OnClickListener(){
 
public void onClick(View v)
 
{
 
if (playstop == 0)
 
{
 
MediaHandler(mp,1);
 
//mp.start();
 
playstop = 1;
 
show1("played");
 
}
 
else
 
{
 
MediaHandler(mp,2);
 
//mp.pause();
 
playstop = 0;
 
show1("paused");
 
}
 
}
 
}
 
);
 
}

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

الدالة MediaHandler :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

public void MediaHandler(MediaPlayer mp, int e)
 
{
 
if (e == 1)
 
{
 
mp.start();
 
}
 
else
 
{
 
mp.pause();
 
}
 
}

الدالة show1 :

1
2
3
4
5
6
7

public void show1(String ss)
 
{
 
Toast.makeText(this, ss,Toast.LENGTH_SHORT).show();
 
}

الشكل النهائي لملف AndroidAudio.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105

package android.programming.series.AndroidAudio;
 
import android.app.Activity;
 
import android.media.MediaPlayer;
 
import android.os.Bundle;
 
import android.view.View;
 
import android.widget.Button;
 
import android.widget.Toast;
 
public class AndroidAudio extends Activity {
 
public int playstop = 0;
 
public MediaPlayer mp;
 
public void onCreate(Bundle ww)
 
{
 
super.onCreate(ww);
 
setContentView(R.layout.main);
 
final Button play = (Button) this.findViewById(R.id.ac1);
 
final MediaPlayer mp = MediaPlayer.create(this, R.raw.song);
 
play.setOnClickListener(new Button.OnClickListener(){
 
public void onClick(View v)
 
{
 
if (playstop == 0)
 
{
 
MediaHandler(mp,1);
 
//mp.start();
 
playstop = 1;
 
show1("played");
 
}
 
else
 
{
 
MediaHandler(mp,2);
 
//mp.pause();
 
playstop = 0;
 
show1("paused");
 
}
 
}
 
}
 
);
 
}
 
public void MediaHandler(MediaPlayer mp, int e)
 
{
 
if (e == 1)
 
{
 
mp.start();
 
}
 
else
 
{
 
mp.pause();
 
}
 
}
 
public void show1(String ss)
 
{
 
Toast.makeText(this, ss,Toast.LENGTH_SHORT).show();
 
}
 
}

أتمنى أن تكون هذه الحلقة قد نالت إعجابكم. تحياتي لكم

مرحبا بكم من جديد..

تساءل عدد من القراء إن كان يلزمهم الالمام بلغة الجافا حتى يتمكنوا من اتمام هذه السلسلة واستيعابها. الجواب نعم! وهناك عدد من الكتب التي تشرح لغة الجافا البرمجية بشكل مبسط وسهل الفهم ولعل أهمها برأيي هو كتاب Thinking in Java. وطبعا يوجد عدد من المواقع\المنتديات العربية التي تقدم دروسا في الجافا لمختلف المستويات.

وأرسل لي أحد القراء الأفاضل رسالة يتساءل فيها عن أفضل الكتب التي تشرح برمجة الأندرويد. في الواقع هناك كتب عديدة يمكن مطالعة عناوينها وتقييماتها عبر أمازون، على أنني لا أفضل الكتاب الذي ذكرت في بداية السلسلة بأنني سأستخدمه أثناء الشرح والسبب كمية الأخطاء الكبيرة الموجودة في هذا الكتاب، إضافة الى أنه يستخدم الحزم البرمجية القديمة التي انقرض عدد من أهم دوالها في الحزم الجديدة، وهذا ما أدى الى حصول الكتاب على تقييم منخفض في Amazon من قبل القراء، حتى أن عددا منهم انتقدوا عدم تقيد الكاتب ب “عرف” الجافا Java Convention في تسمية الدوال وال Packages، وأعترف بأنني لم أقم بالا لهذا الأمر في هذه السلسلة ولكنني سأعمل على تدارك الموضوع في الدروس القادمة، فمعذرة من قرائنا الأعزاء.

ابتداء من هذا الدرس ستتنوع المصادر التي سأستخدمها في الشرح العملي، حيث أننا استوفينا شرح الجانب النظري المبسط من الأندرويد بمساعدة الكتاب آنف الذكر وهي بالمناسبة النقطة الوحيدة المضيئة في هذا الكتاب، وكان لزاما عليّ أن ألجأ لأحد الكتب في شرح المفاهيم النظرية لأنني لست بارعا في شرحها مرتبة ومتسلسلة .

حسنا، بعد المقدمة الطويلة، سنتعرف اليوم على:

١- كيفية التأكد من صحة المدخلات باستخدام Regular Expressions وكيفية إظهار رسالة خطأ.

٢- استخدام زر القائمة Menu وكيفية اضافة خيارات له.

٣- كيفية عمل تطبيق متعدد الأنشطة.

لنبدأ..

١- كيفية التأكد من صحة المدخلات باستخدام Regular Expressions وكيفية إظهار رسالة خطأ.

سنقوم باستدعاء المكتبة

import java.util.regex.*;

وسنقوم في داخل المجموعة المجهولة الخاصة بزر الاتصال بعمل باستدعاء دالة validatePhoneNumber (سنقوم بكتابة محتواها بعد قليل) لتتحقق من البيانات التي قام بإدخالها المستخدم. والآن، عند استدعاء الدالة الخاصة بالزر (عند ضغط الزر) سنستخدم جملة if على الشكل التالي:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

callButton.setOnClickListener(new Button.OnClickListener() {
 
public void onClick(View v)
 
{
 
if(validatePhoneNumber(phoneNumber.getText().toString()))
 
{
 
Intent callIntent = new Intent(Intent.ACTION_CALL,Uri.parse("tel:" + phoneNumber.getText()));
 
callIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
 
startActivity(callIntent);
 
}
 
else
 
{
 
showDialog(1);
 
}
 
}

بالنسبة لما ورد في جملة else، سنقوم بتجاهله حاليا.

علينا الآن كتابة محتوى الدالة validatePhoneNumber على الشكل التالي: (وهي ستكون كدالة تابعة للمجموعة المجهولة Anonymous Class):

1
2
3
4
5
6
7
8
9

private boolean validatePhoneNumber(String number) {
 
Pattern phoneNumber1 = Pattern.compile("(\\d{2}-)?\\d{7}");
 
Matcher matcher = phoneNumber1.matcher(number);
 
return matcher.matches();
 
}

عند استدعاء هذه الدالة، نستدعي بداية الدالة Pattern.compile التي تقوم بإنشاء رقم بناء على الصيغة التي عرفناها (وهناك قواعد عديدة لصيغ التحقق وقمت باختيار

(\\d{2}-)?\\d{7}

والتي تعني أن المستخدم يمكنه ادخال رقمين في البداية ووضع – بعدهم ومن ثم اكمال الرقم بسبعة أعداد. كما يحق له عدم ادخال الرقمين الأولين وعدم ادخال – ولكنه يجب أن يدخل سبعة أعداد. فمثلا الرقم 01-1234567 هو رقم صحيح، والرقم 1234567صحيح ولكن 1-1234567 والرقم 123456 هو غير صحيح.).

تقوم الدالة

matcher(number);

بمقارنة الرقم المدخل من قبل المستخدم بالرقم المنشأ الذي يتبع الصيغة التي عرّفناها. تقوم الدالة

validatePhoneNumber(...);

بإعادة صح أم خطأ True or Flase .

المجموعة المجهولة الخاصة بالزر تصبح على النحو التالي:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

callButton.setOnClickListener(new Button.OnClickListener() {
 
public void onClick(View v)
 
{
 
if(validatePhoneNumber(phoneNumber.getText().toString()))
 
{
 
Intent callIntent = new Intent(Intent.ACTION_CALL,Uri.parse("tel:" + phoneNumber.getText()));
 
callIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
 
startActivity(callIntent);
 
}
 
else
 
{
 
showDialog(1);
 
}
 
}
 
private boolean validatePhoneNumber(String number) {
 
Pattern phoneNumber1 = Pattern.compile("(\\d{2}-)?\\d{7}");
 
Matcher matcher = phoneNumber1.matcher(number);
 
return matcher.matches();
 
}
 
});

نتحول الآن الى كيفية إظهار رسالة خطأ والتي استدعيناها في جملة ال Else في الدالة السابقة عبر استدعاء

showDialog(1);

وهي دالة موجودة في مجموعة Activity التي يتبع لها تطبيقنا ككل. تقوم دالة أخرى موجودة في ال Activity أيضا وتسمى

onCreateDialog(int id)

باستقبال الطلب الذي أطلقته الدالة السابقة

showDialog(1)

بداية، نقوم باستدعاء المكتبات والمجموعات التالية:

1
2
3
4
5

import android.app.Dialog;
 
import android.app.AlertDialog;
 
import android.content.DialogInterface;

ونقوم الآن بكتابة محتوى الدالة

onCreateDialog(int id)

بالشكل التالي:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

protected Dialog onCreateDialog(int id) {
 
if (id == 1){
 
return new AlertDialog.Builder(AndroidPhoneDialer.this)
 
.setTitle("Error")
 
.setMessage("please enter a valid number")
 
.setPositiveButton("OK", new DialogInterface.OnClickListener() {
 
public void onClick(DialogInterface dialog, int whichButton) {
 
/* User clicked OK so do some stuff */
 
}
 
})
 
.create();
 
}
 
else
 
{
 
}
 
}

لا صعوبة تذكر في هذه الدالة، ولاحظوا كيفية تحديد النص المراد عرضه. لاحظوا أيضا إمكانية عمل شيء معين في حال ضغط المستخدم زر ال OK في رسالة الخطأ. ولاحظوا أيضا أننا مررنا رقم ١ في showDialog ويمكننا طبعا تمرير أرقام مختلفة لعرض رسائل مختلفة بحسب الحالة، وهذا يتم عبر If .

اذا يصبح الملف المصدري ArdroidCaller.java  كاملا:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103

package android_programmers_guide.AndroidPhoneDialer;
 
import android.app.Activity;
 
import android.os.Bundle;
 
import android.content.Intent;
 
import android.net.Uri;
 
import android.widget.Button;
 
import android.widget.EditText;
 
import android.view.View;
 
import java.util.regex.*;
 
import android.app.Dialog;
 
import android.app.AlertDialog;
 
import android.content.DialogInterface;
 
public class ArdroidCaller extends Activity {
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.main);
 
final EditText phoneNumber = (EditText) this.findViewById(R.id.phoneNumber);
 
final Button callButton = (Button) this.findViewById(R.id.callButton);
 
callButton.setOnClickListener(new Button.OnClickListener() {
 
public void onClick(View v)
 
{
 
if(validatePhoneNumber(phoneNumber.getText().toString()))
 
{
 
Intent callIntent = new Intent(Intent.ACTION_CALL,Uri.parse("tel:" + phoneNumber.getText()));
 
callIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
 
startActivity(callIntent);
 
}
 
else
 
{
 
showDialog(1);
 
}
 
}
 
private boolean validatePhoneNumber(String number) {
 
Pattern phoneNumber1 = Pattern.compile("(\\d{2}-)?\\d{7}");
 
Matcher matcher = phoneNumber1.matcher(number);
 
return matcher.matches();
 
}
 
});
 
}
 
protected Dialog onCreateDialog(int id) {
 
return new AlertDialog.Builder(AndroidPhoneDialer.this)
 
.setTitle("Error")
 
.setMessage("please enter a valid number")
 
.setPositiveButton("OK", new DialogInterface.OnClickListener() {
 
public void onClick(DialogInterface dialog, int whichButton) {
 
}
 
})
 
.create();
 
}
 
}

٢- استخدام زر القائمة Menu وكيفية اضافة خيارات له.

ما سنقوم بعمله بكل بساطة هو انشاء المشروع التالي:

والذي سيقوم باستخدام زر القائمة لعرض محتوياتها، ولكل خيار، سنقوم بعمل نشاط Activity معين. اذا سنبدأ بكيفية توظيف زر القائمة.

نقوم بداية باستدعاء المكتبات التالية:

1
2
3

import android.view.Menu;
 
import android.view.MenuItem;

ومن ثم نقوم بإعادة كتابة Override الدالة الموجودة في مجموعة Activity والمسماة onCreateOptionsMenu على النحو التالي:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

@Override
 
public boolean onCreateOptionsMenu(Menu menu)
 
{
 
super.onCreateOptionsMenu(menu);
 
menu.add(0, 0, 0, "Act1");
 
menu.add(0, 1, 0, "Act2");
 
return true;
 
}

الدالة menu.add لها عدة أشكال ولكننا سنستعمل:

add (int groupId, int itemId, int order, CharSequence title)

حيث أن أول عنصر يدل على رقم المجموعة الخاصة بخيارات القوائم، وافترضت أنهم في مجموعة واحدة، لذلك قمت بوضع 0 عند استدعاء الدالة كما هو الحال في عنصر order حيث أنني لا أهتم بترتيب الخيارات. itemId هو ما يهمني لذلك استخدمت الترقيم لمعرفة هوية الخيار.

الدالة onCreateOptionsMenu تقوم بتعبئة الخيارات في القائمة عند تشغيل البرنامج. لذلك، سنقوم بإعادة كتابة دالة أخرى موجودة في Activity والتي يتم استدعاؤها بمجرد اختيار أي خيار في القائمة وهي onOptionsItemSelected. في هذه الدالة، سنستخدم Switch المعروفة وذلك لاطلاق النشاط المقترن بالخيار الذي اختير من قبل المستخدم على النحو التالي:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

public boolean onOptionsItemSelected (MenuItem item)
 
{
 
switch (item.getItemId())
 
{
 
case 0:
 
return true;
 
case 1:
 
return true;
 
}
 
return true;
 
}

الشكل النهائي لملف:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

package android.programming.series.ArdroidMultiActs;
 
import android.app.Activity;
 
import android.os.Bundle;
 
import android.view.Menu;
 
import android.view.MenuItem;
 
public class ArdroidMultiActs extends Activity {
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.main);
 
}
 
@Override
 
public boolean onCreateOptionsMenu(Menu menu)
 
{
 
super.onCreateOptionsMenu(menu);
 
menu.add(0, 0, 0, "Act1");
 
menu.add(0, 1, 0, "Act2");
 
return true;
 
}
 
public boolean onOptionsItemSelected (MenuItem item)
 
{
 
switch (item.getItemId())
 
{
 
case 0:
 
return true;
 
case 1:
 
return true;
 
}
 
return true;
 
}
 
}

٣- كيفية عمل تطبيق متعدد الأنشطة.

لنتذكر قضية مهمة وهي أن كل نشاط له ملف مصدري .java وله ملف .xml خاص بتصميمه. وهذا ما سنفعله. سنقوم بإنشاء ملف xml للنشاط الأول تحت اسم act1.xml في res/layout وليكن كالتالي:

<?xml version="1.0" encoding="utf-8"?>
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
android:orientation="vertical"
 
android:layout_height="fill_parent"
 
android:layout_width="fill_parent"
 
android:padding="30dip"
 
android:background="#8123f555"
 
>
 
<AutoCompleteTextView android:id="@+id/act1Test"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
/>
 
</LinearLayout>

ثم نقوم بإنشاء ملف Act1.java داخل ال Package في src. المطلوب من النشاط هو عرض مربع النص التلقائي وهو الذي يقوم باقتراح عدة خيارات للمستخدم (نقوم بتحديدها مسبقا) ليكمل عنه الكلمة بدلا من كتابتها كاملة. سنقوم بوضع ما يلي في الملف:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

package android.programming.series.ArdroidMultiActs;
 
import android.app.Activity;
 
import android.os.Bundle;
 
import android.widget.ArrayAdapter;
 
import android.widget.AutoCompleteTextView;
 
public class Act1 extends Activity {
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.act1);
 
//android.R.layout.simple_dropdown_item_1line is an existing file that contains a style of presenting the list in the application
 
ArrayAdapter<String> monthArray = new ArrayAdapter<String>(this,android.R.layout.simple_dropdown_item_1line,months);
 
final AutoCompleteTextView textView = (AutoCompleteTextView) findViewById(R.id.act1Test);
 
textView.setAdapter(monthArray);
 
}
 
static final String[] months = new String[] {"January","February","March",
 
"April","May", "June","July","August","September","October","November",
 
"December"};
 
}

بالنسبة للنشاط الثاني، نقوم بإنشاء ملف act2.xml :

<?xml version="1.0" encoding="utf-8"?>
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
android:orientation="vertical"
 
android:layout_height="fill_parent"
 
android:layout_width="fill_parent"
 
>
 
<CheckBox android:id="@+id/act2CheckBox"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:text="Act2 checkbox"
 
/>
 
<Button android:id="@+id/act2ColorButton"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:text="Change Text Color"
 
/>
 
</LinearLayout>

والنشاط الثاني يقوم بعرض Check Box وزر خاص بتغيير لون النص. نقوم بوضع الكود التالي في Act2.java:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

package android.programming.series.ArdroidMultiActs;
 
import android.app.Activity;
 
import android.os.Bundle;
 
import android.view.View;
 
import android.widget.Button;
 
import android.graphics.Color;
 
import android.widget.CheckBox;
 
public class Act2 extends Activity {
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.act2);
 
final CheckBox checkbox = (CheckBox) this.findViewById(R.id.act2CheckBox);
 
final Button changeButton = (Button) this.findViewById(R.id.act2ColorButton);
 
changeButton.setOnClickListener(new Button.OnClickListener(){
 
public void onClick(View v)
 
{
 
changeColor(checkbox);
 
}
 
public void changeColor(CheckBox checkbox)
 
{
 
checkbox.setTextColor(Color.RED);
 
}
 
}
 
);
 
}
 
}

نعود الآن الى ملف ArdroidMultiActs.java لنضيف ما يلي لجملة ال Switch:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

public boolean onOptionsItemSelected (MenuItem item)
 
{
 
switch (item.getItemId())
 
{
 
case 0:
 
showAct1();
 
return true;
 
case 1:
 
showAct2();
 
return true;
 
}
 
return true;
 
}

ونقوم الآن بكتابة الدالتين showAct1 و showAct2. بداية، دعوني أصحح أحد المفاهيم التي كنت قد مررت عليها وهو مفهوم النوايا Intents. كنت قد ذكرت التالي:

“النوايا Intents بكل بساطة هي وسيلة لتمرير المعلومات من نشاط لآخر وبكلمات أخرى، تمرير ما ينوي فعله المبرمج بين الأنشطة. ولكنها تستخدم فقط في حالة وددنا استخدام نشاط خارج التطبيق الذي نعمل عليه. مثلا، اذا أراد المبرمج من تطبيقه أن يأخذ كلمة معينة من المستخدم ليبحث عنها بين ملفات النظام فإنه سيقوم بتصميم نشاط تحتوي واجهته على حقل نصي يمكن للمستخدم الكتابة فيها، وما يتم ادخاله يتم تمريره الى نظام الأندرويد تحت نية عمل بحث في ملفات النظام (وال Intent اسمه في هذه الحالة: SEARCH_ACTION) الذي يستقبل الطلب ويفهم النية\المعلومة المرغوب تحقيقها ويستدعي بدوره نشاط البحث Search Activity. نلاحظ أن النية تم تمريرها الى نشاط خارج التطبيق، وهو نشاط يقوم عليه نظام التشغيل. بالنسبة للأنشطة التي ذكرتها في معرض حديثي عن تطبيق الرسائل النصية، فهي أنشطة داخل التطبيق الواحد ولا يتم استخدام مفهوم النوايا Intents عليها (سنرى كيفية التعامل معها في الدرس القادم).“

وهذا غير صحيح بشكل كامل حقيقة. النوايا يمكن استخدامها داخل التطبيق الواحد، ويتم استدعاء الأنشطة المختلفة باستخدام هذا المفهوم، ولكن الذي كنت أقصده بما ذكرت في الأعلى هو عدم امكانية استخدام النوايا المعرفة مسبقا ك SEARCH_ACTION وغيرها لاستدعاء نشاط داخلي، بل يجب علينا تعريف نوايا خاصة بتطبيقنا. وهذا ما سنقوم به في داخل الدالتين أعلاه على النحو التالي:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

public void showAct1()
 
{
 
Intent autocomplete = new Intent(this, Act1.class);
 
startActivity(autocomplete);
 
}
 
public void showAct2()
 
{
 
Intent autocomplete2 = new Intent(this, Act2.class);
 
startActivity(autocomplete2);
 
}

يصبح ملف ArdroidMultiActs.java كاملا:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

package android.programming.series.ArdroidMultiActs;
 
import android.app.Activity;
 
import android.content.Intent;
 
import android.os.Bundle;
 
import android.view.Menu;
 
import android.view.MenuItem;
 
public class ArdroidMultiActs extends Activity {
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.main);
 
}
 
@Override
 
public boolean onCreateOptionsMenu(Menu menu)
 
{
 
super.onCreateOptionsMenu(menu);
 
menu.add(0, 0, 0, "Act1");
 
menu.add(0, 1, 0, "Act2");
 
return true;
 
}
 
public boolean onOptionsItemSelected (MenuItem item)
 
{
 
switch (item.getItemId())
 
{
 
case 0:
 
showAct1();
 
return true;
 
case 1:
 
showAct2();
 
return true;
 
}
 
return true;
 
}
 
public void showAct1()
 
{
 
Intent autocomplete = new Intent(this, Act1.class);
 
startActivity(autocomplete);
 
}
 
public void showAct2()
 
{
 
Intent autocomplete2 = new Intent(this, Act2.class);
 
startActivity(autocomplete2);
 
}
 
}

يبقى لدينا إضافة ما يسمى بفلتر النوايا Intents Filter وهو عبارة عن كود XML يتم وضعه في ArdroidMultiActs Manifest ومهمته تمرير النوايا الى لنشاط المقترن بها وتمييزها عن الآخرين بشكل صحيح. نقوم بإضافة ما يلي:

<activity android:name=".Act1"
 
android:label="activity 1">
 
<intent-filter>
 
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
 
</intent-filter>
 
</activity>
 
<activity android:name=".Act2"
 
android:label="activity 2">
 
<intent-filter>
 
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
 
</intent-filter>
 
</activity>

ليصبح الملف كاملا:

<?xml version="1.0" encoding="utf-8"?>
 
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 
package="android.programming.series.ArdroidMultiActs"
 
android:versionCode="1"
 
android:versionName="1.0">
 
<application android:icon="@drawable/icon" android:label="@string/app_name">
 
<activity android:name=".ArdroidMultiActs"
 
android:label="@string/app_name">
 
<intent-filter>
 
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
 
</intent-filter>
 
</activity>
 
<activity android:name=".Act1"
 
android:label="activity 1">
 
<intent-filter>
 
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
 
</intent-filter>
 
</activity>
 
<activity android:name=".Act2"
 
android:label="activity 2">
 
<intent-filter>
 
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
 
</intent-filter>
 
</activity>
 
</application>
 
<uses-sdk android:minSdkVersion="6" />
 
</manifest>

نقوم بتشغيل التطبيق لنحصل على:

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

تحياتي لكم

وذكرت غوغل بأن هذه النسخة هي “إصدارة ثانوية من المنصة” تأتي كتحسين على النسخة Android 2.0, لكن على الرغم من أن غوغل تسميها “إصدارة ثانوية” تحتوي هذه النسخة على عدد من الميزات الجديدة مثل التعرف إلى الصوت Voice Recognition, صور الجدار المتحركة Live Wallpapers, مُشغّل برامج جديد, وعدة تعديلات على الشاشة الرئيسية والمتصفح, كما لاحظ بعض من اختبروا النسخة أن نظام التشغيل الجديد أسرع أيضاً.

كما أوضحت غوغل من خلال تدوينتها في مدونة مطوّري أندرويد بإتاحة إمكانية إدارة لمنفذ الـ USB وبشكل يدعم جهاز Nexus One, هذا قد يكون له علاقة بالخدمات الجديدة التي ستطرحها غوغل لجهاز نيكسوس ون مثل محطة Docking Station الجديدة التي ستستخدم لشحن الجهاز وعمل نسخة احتياطية للبيانات.

يمكنكم الحصول على الـ SDK الجديدة من هنا.

(المصدر: TechCrunch)

أهلا بمحبي الأندرويد

في الدرس الماضي، قمنا بتشغيل الأمثلة التي تأتي مع الحزمة البرمجية. كما قمنا باستعراض دورة حياة تطبيق الأندرويد Software Development Life Cycle SDLC وانتهينا بالتعرف على الملفات المكونة لنظام الأندرويد وبرمجة تطبيق أهلا بالعالم.

في درسنا الثالث، سنقوم بما يلي:

١- شرح طريقة عرض النص بشكل مغاير لما قمنا به في الدرس الماضي.

٢- شرح طريقة إظهار صورة في التطبيق.

٣- شرح مفهوم النوايا Intents وبرمجة تطبيق يقوم بالاتصال على رقم يدخله المستخدم.

لنبدأ !

١- طريقة عرض النص.

تذكرون أننا في الدرس الثاني قمنا بتغيير النص الذي أردنا إظهاره عن طريق ملف ال main.xml، كما في الصورة

ما نود الآن عمله هو إيضاح إمكانية عدم استعمال الدالة

setContentView(R.layout.main);

والتي تقوم بعرض الواجهة التي حُددت معالمها ومحتوياتها باستخدام ملف main.xml. الهدف من عرض هذه النقطة هو التركيز على أهمية ملفات ال XML التي تسهل الأداء بشكل أكبر وأكثر فعالية.

ببساطة (باستخدام ملفات الدرس السابق) قم بمسح:

TextView
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:text="@string/hello"

من main.xml ليصبح محتوى الملف بعدها:

<?xml version="1.0" encoding="utf-8">
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
android:orientation="vertical"
 
android:layout_width="fill_parent"
 
android:layout_height="fill_parent"
 
>
 
</LinearLayout>

الآن في ملف HelloWorldArdroid.java قم باستدعاء المكتبة التالية:

import android.widget.TextView;

عبر هذه المكتبة، سنقوم باستعمال عنصر الواجهة النصية TextView بتعريف كائن Object داخل دالة onCreate على النحو التالي:

TextView HelloWorldText = new TextView(this);

لا يخفى على مبرمج الجافا الغرض من تمرير this عند استدعاء الدوال البرمجية في الجافا Functions/Methods. وفي هذه الحالة، this تستخدم للدلالة على أن الكائن المنشأ ينتمي للسياق البرمجي الحالي المتمثل بمجموعة السياق  Context Class والتي هي أحد أسلاف Ancestors المجموعة التي نعمل عليها حاليا (بتتبع التسلسل الهرمي نجد أن: HelloWorldArdroid extends Activity extends ApplicationContext extends Context).

الآن نقوم باستعمال الدالة setText لتعيين النص الذي نريد الكائن HelloWorldText أن يحمله:

HelloWorldText.setText("Hello World");

والآن نطلب من دالة setContentView أن تعرض الكائن على النحو التالي:

setContentView(HelloWorldText);

المحتوى النهائي للملف:

package android_programming_series.HelloWorldArdroid;
 
import android.app.Activity;
 
import android.os.Bundle;
 
import android.widget.TextView;
 
public class HelloWorldArdroid extends Activity {
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
TextView HelloWorldText = new TextView(this);
 
HelloWorldText.setText("Hello World");
 
setContentView(HelloWorldText);
 
}
 
}

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

٢- شرح طريقة إظهار صورة في التطبيق.

يمكنكم استكمال العمل على المشروع الحالي أو انشاء مشروع جديد تحت أي مسمى، مثلا HelloWorldImage. علينا إنشاء صورة لنقوم بعرضها. اخترت الصورة التالية

وقمت بحفظها تحت مجلد drawable_hdpi.

نقوم بفتح ملف الmain.xml ونضيف بداية العنصر الخاص بالواجهة الرسومية (صورة) وهو <ImageView. ثم نقوم بعدها بإضافة الخصائص التالية:

android:id="@+id/imageviewar"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:src="@drawable/imageviewar"

تقوم الخاصية الأولى بتوليد رقم خاصID بالعنصر المسمى imageviewar (حيث يتم التعامل مع الواجهات Viewsعبر أرقامها الخاصة). تتحكم الخاصيتان اللاحقتان بطول وعرض الصورة. أما الخاصية الأخيرة فعن طريقها يتم تحديد مصدر الصورة (وهو تحت مجلد drawable بغض النظر عن تفرعات المجلد).

ملف ال XML:

<?xml version="1.0" encoding="utf-8"?>
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
android:orientation="vertical"
 
android:layout_width="fill_parent"
 
android:layout_height="fill_parent"
 
>
 
<ImageView
 
android:id="@+id/imageviewar"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:src="@drawable/imageviewar"
 
>
 
</LinearLayout>

package android_programmers_guide.HelloWorldImage;
 
import android.app.Activity;
 
import android.os.Bundle;
 
public class HelloWorldImage extends Activity {
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.main);
 
}
 
}

التطبيق في الجهاز الافتراضي:

٣- شرح مفهوم النوايا Intents وبرمجة تطبيق يقوم بالاتصال على رقم يدخله المستخدم.

قبل تعريف ال Intents، علينا التفريق بين مفهومين: التطبيق Application و النشاط Activity. التطبيق هو عبارة عن نشاط واحد أو أكثر. في تطبيق الرسائل النصية مثلا، كل اختيار يمثل نشاطا. بمعنى، خيار كتابة الرسائل هو نشاط، وخيار عرض الرسائل هو نشاط مختلف وهكذا.

النوايا Intents بكل بساطة هي وسيلة لتمرير المعلومات من نشاط لآخر وبكلمات أخرى، تمرير ما ينوي فعله المبرمج بين الأنشطة. ولكنها تستخدم فقط في حالة وددنا استخدام نشاط خارج التطبيق الذي نعمل عليه. مثلا، اذا أراد المبرمج من تطبيقه أن يأخذ كلمة معينة من المستخدم ليبحث عنها بين ملفات النظام فإنه سيقوم بتصميم نشاط تحتوي واجهته على حقل نصي يمكن للمستخدم الكتابة فيها، وما يتم ادخاله يتم تمريره الى نظام الأندرويد تحت نية عمل بحث في ملفات النظام (وال Intent اسمه في هذه الحالة: SEARCH_ACTION) الذي يستقبل الطلب ويفهم النية\المعلومة المرغوب تحقيقها ويستدعي بدوره نشاط البحث Search Activity. نلاحظ أن النية تم تمريرها الى نشاط خارج التطبيق، وهو نشاط يقوم عليه نظام التشغيل. بالنسبة للأنشطة التي ذكرتها في معرض حديثي عن تطبيق الرسائل النصية، فهي أنشطة داخل التطبيق الواحد ولا يتم استخدام مفهوم النوايا Intents عليها (سنرى كيفية التعامل معها في الدرس القادم).

هناك نوعان من النوايا، نوايا النشاط Activity Intents و النوايا واسعة الانتشار Broadcast Intents. النوع الأول هو ما قمنا بشرحه. بينما النوع الثاني فهو نوع عكسي نوعا ما. النوع الثاني عبارة عن رسائل يرسلها نظام التشغيل للأنشطة العاملة التي يمكنها التفاعل مع هذه الرسائل بحسب وظيفتها. مثلا نجد أن النية المسماة CAMERA_BUTTON_ACTION يتم اطلاقه عند تشغيل الكاميرا. اضغط هنا للاطلاع على ال Intents المتاحة لكل نوع: Activity Action Intents ، Broadcast Intents.

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

ما سنقوم به هو التالي: سنقوم بكتابة تطبيق يحتوي على حقل نصي\رقمي يتيح للمستخدم ادخال رقم ويوجد في أسفل الحقل زر بمجرد الضغط عليه، يتم الاتصال بالرقم المدخل.

سنبدأ بملف ال main.xml: (أفترض الآن أنكم تفهمون محتواه دون الحاجة الى شرح)

<?xml version="1.0" encoding="utf-8"?>
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
android:orientation="vertical"
 
android:layout_width="fill_parent"
 
android:layout_height="fill_parent"
 
>
 
<TextView android:id="@+id/textLabel"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:text="Enter Number to Dial:"
 
/>
 
<EditText android:id="@+id/phoneNumber"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
/>
 
<Button android:id="@+id/callButton"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:text="Call"
 
/>
 
</LinearLayout>

تم شرح الغرض من عنصر TextView من قبل. بالنسبة لعنصر EditText فهو يعني الحقل النصي القابل للتغيير (الحقل الذي سيتم ادخال الرقم فيه). عنصر الزر Button وهو الزر الذي بضغطه سيتم الاتصال.

بالنسبة لملف ArdroidCaller.java نقوم بداية باستدعاء المكتبات التالية:

import android.app.Activity;
 
import android.os.Bundle;
 
import android.content.Intent;
 
import android.net.Uri;
 
import android.widget.Button;
 
import android.widget.EditText;
 
import android.view.View;

تتضح نسبيا مهمة كل مكتبة بمجرد قراءة اسمها باستثناء الرابعة والأخيرة اللتان سنرى الغرض من استدعائهما قريبا.

public class ArdroidCaller extends Activity {
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.main);
 
final EditText phoneNumber = (EditText) this.findViewById(R.id.phoneNumber);
 
final Button callButton = (Button) this.findViewById(R.id.callButton);

نلاحظ في السطرين الأخيرين كيفية استدعاء المؤشر الذي يشير الى الرقم ID الخاص بالعنصر. لاحظوا أننا قمنا بعمل Downcast في كلا السطرين لأن مخرج الدالة findViewById هو من نوع View.
أعتقد أن العديدين ممن برمجوا بلغة الجافا كانوا قد مروا على برمجة واجهات المستخدم User Interface وتحديدا برمجة الأزرار Buttons واستخدموا أحد مفاهيم برمجة الجافا وهو مبدأ المجموعات المجهولة Anonymous Classes الذي يستخدم عادة في كتابة setOnClickListener المسؤول عن متابعة الزر وتنفيذ عدد من الأوامر عند ضغط الزر من قبل المستخدم.

callButton.setOnClickListener(new Button.OnClickListener() {
 
public void onClick(View v)
 
{

المفترض أن نقوم باستدعاء ال Intent المسؤول عن الاتصال ويسمى ACTION_CALL وأن نقوم بدمجه مع الرقم المدخل وارساله الى نظام التشغيل. وهذا ما يحصل باستخدام:

Intent callIntent = new Intent(Intent.ACTION_CALL,Uri.parse("tel:" + phoneNumber.getText()));

ثم نطلب من نظام التشغيل إطلاق النشاط الخاص بعمل المكالمة:

callIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

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

startActivity(callIntent);

اذا، يصبح الملف في النهاية كما يلي:

package android_programming_series.ArdroidCaller;
 
import android.app.Activity;
 
import android.os.Bundle;
 
import android.content.Intent;
 
import android.net.Uri;
 
import android.widget.Button;
 
import android.widget.EditText;
 
public class ArdroidCaller  extends Activity {
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.main);
 
final EditText phoneNumber = (EditText) this.findViewById(R.id.phoneNumber);
 
final Button callButton = (Button) this.findViewById(R.id.callButton);
 
callButton.setOnClickListener(new Button.OnClickListener() {
 
public void onClick(View v)
 
{
 
Intent callIntent = new Intent(Intent.ACTION_CALL,Uri.parse("tel:" + phoneNumber.getText()));
 
callIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
 
startActivity(callIntent);
 
}
 
});
 
}

قبل تشغيل البرنامج، بقي لدينا مسألة صغيرة. هل لاحظت عند تنصيبك للتطبيقات على جهازك أنك تُسأل عما اذا كنت تصرح للتطبيق باستخدام الانترنت مثلا أو الاطلاع على رسائلك وغيرها؟ هذه هي الأذونات Permissions المرتبطة بالتطبيقات التي يجب أن توافق عيها ليعمل البرنامج بشكل صحيح.
ما قمنا به في تطبيقنا لا يختلف حالا عن باقي التطبيقات، فاستخدام خاصية الاتصال تحتاج اذن المستخدم. لذلك، في ملف الاعدادات العامة ArdroidCaller Manifest.xml ، نضيف سطر ال XML التالي:

<uses-permission android:name="android.permission.CALL_PHONE"></uses-permission>

ليصبح ملف  ArdroidCaller Manifest.xml كاملا:

<?xml version="1.0" encoding="utf-8"?>
 
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 
package="android_programming_guide.ArdroidCaller"
 
android:versionCode="1"
 
android:versionName="1.0">
 
<application android:icon="@drawable/icon" android:label="@string/app_name">
 
<activity android:name=".ArdroidCaller"
 
android:label="@string/app_name">
 
<intent-filter>
 
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
 
</intent-filter>
 
</activity>
 
</application>
 
<uses-sdk android:minSdkVersion="6" />
 
<uses-permission android:name="android.permission.CALL_PHONE"></uses-permission>
 
</manifest>

للاطلاع على معظم الأذونات الموجودة اضغط هنا.
الآن نشغل التطبيق على الجهاز الافتراضي لنرى التالي:

وبالضغط على زر الاتصال Call يظهر:

أعتقد أن هذا الدرس كان طويلا بعض الشيء

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

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

بالتوفيق يا أصدقاء !

]]> http://ardroid.com/2010/01/12/android-programming-series-l3/feed/ 22 http://ardroid.com/2010/01/04/android-programming-series-l2/ http://ardroid.com/2010/01/04/android-programming-series-l2/#comments Mon, 04 Jan 2010 21:16:32 +0000 وائل العلواني http://ardroid.com/?p=672 تابع القراءة »]]>

مرحبا بكم !

في الدرس الماضي، قمنا بشرح طريقة تهيئة البيئة البرمجية التي سنستخدمها في تعلم برمجة تطبيقات الأندرويد.

درسنا اليوم، سيكون عن:

١. تشغيل الأمثلة Samples المتوفرة في الحزمة البرمجية التطويرية للأندرويد Android SDK.
٢. دورة حياة تطبيق الأندرويد Software Development Life Cycle SDLC.
٣. برمجة تطبيق “أهلا بالعالم” Hello World Application والتعرف على الملفات المكونة لتطبيقات الأندرويد.

هل أنتم جاهزون؟ لنبدأ

١. تشغيل الأمثلة Samples المتوفرة في الحزمة البرمجية التطويرية للأندرويد Android SDK

سنقوم بداية بالتأكد من وجود المجلد الذي يحتوي على الأمثلة. سنتوجه الى المجلد الذي حفظنا فيه ال SDK. ومن ثم:

Platforms>android-2.0.1>samples

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

من الآن فصاعدا، ينصح بإبقاء النسخة الافتراضية فعالة. بمعنى، لا داعي من إغلاق نسخة الجهاز الافتراضي من أندرويد بعد تشغيل التطبيقات عليها.

نقوم الآن بالتوجه الى:

ثم

ثم

تأكد من إدخال جميع القيم بشكل صحيح. اضغط على Finish لترى أن المثال الخاص بلعبة الثعبان Snake قد تم فتحه.

دعكم الآن من هذه الملفات ولنقم بتشغيل التطبيق. اضغط على:

سيظهر المربع التالي. اختر Android Application ثم اضغط OK:

ننتقل مباشرة الى نافذة الجهاز الافتراضي، فنجد التطبيق يعمل عليها:

ملاحظة: ربما تواجهك مشكلة أثناء محاولتك تشغيل التطبيق وتظهر لك رسالة تفيد بأن التطبيق يحتوي على خطأ معين. الحل قد يبدو غريبا بعض الشيء، ولكنه يعمل على الأقل. افتح الملف الذي يحمل اسم Snake_layout.xml وهو موجود تحت مجلد res/layout وقم بحذف أي مسافة بيضاء white space ومن ثم احفظ الملف. يفترض أن تختفي العلامة الحمراء المجاورة لاسم التطبيق في العمود الجانبي الذي يحتوي ملفات التطبيق. يمكنك الآن تشغيل البرنامج عبر Run.

٢. دورة حياة تطبيق الأندرويد Software Development Life Cycle SDLC

من ناحية برمجية بحتة، من المفترض أن يحتوي أي تطبيق أندرويدي على عدد من الدوال والتي ستتضح مهمة كل منها بمجرد قراءة اسمها:

• onCreate
• onStart
• Process-specific events
• onStop
• onDestroy

ببساطة، الدالة Function الأولى تحوي الأوامر المتعلقة ببداية انشاء التطبيق، كتهيئة الواجهة الرسومية له واعداد البيانات المرتبطة بالقوائم. الدالة الثانية، onStart، تحوي الأوامر الخاصة بالتطبيق عند بداية عمل العملية Process الخاصة به، وهي اذا الدالة التي عند بداية تنفيذها، نرى التطبيق وقد ظهر على الشاشة. الدالة الثالثة هي ليست دالة فعليا بقدر ماهي عدد من الدوال Functions التي تتعامل مع الأحداث Events التي تحدث أثناء عمل التطبيق، كتحليل قراءات الجي بي اس ودخول قاعدة بيانات وغيرها.

دالة onStop تتعلق بالعملية Process الخاصة بالتطبيق عند توقفها. يقترن استدعاء هذه الدالة باختفاء التطبيق من على الشاشة Foreground وعمله في الخلفية Background (أو حتى توقفه مؤقتا). فمثلا اذا ضغطنا الزر الذي يعيدنا الى الشاشة الرئيسية Home button أثناء استخدامنا لأحد التطبيقات، فإن التطبيق سيستدعي هذه الدالة ويختفي من على الشاشة. تختلف التطبيقات في التعامل مع هذا الحدث. فهناك تطبيقات تستدعي دالة onDestroy المشروحة في النقطة اللاحقة، أو أن يتم الحفاظ على العملية في الخلفية وإعادة تشغيلها عندما يضغط المستخدم على أيقونة التطبيق من جديد عبر استدعاء الدالة onRestart.

دالة onDestroy يتم استدعاؤها في حال رغبنا بإنهاء التطبيق وبالتالي قيام نظام التشغيل بقتل\انهاء العلمية الخاصة به.

٣. برمجة تطبيق “أهلا بالعالم” Hello World Application والتعرف على الملفات المكونة لتطبيقات الأندرويد

سنقوم الآن بإنشاء مشروع جديد. حاول أن تغلق جميع المشاريع المفتوحة حاليا في برنامج الاكليبس (اضغط بالزر الأيمن على اسم المشروع ومن ثم Close Project).

اضغط الآن على:

ثم

نقوم بإدخال البيانات التالية:

بعد إنشاء المشروع، تظهر لنا الملفات التالية:

بالنسبة لملف ال AndroidManifest.xml فهو ملف يحتوي الاعدادات العامة للتطبيق (لمطوري ال ASP.NET، هذا الملف مكافىء لحد ما لملف ال Web.config). عبر هذا الملف، يتم التحكم بأنشطة التطبيق Activities، وال Intents وأذونات التطبيق Permissions. (سنقوم بشرح هذه المفاهيم لاحقا).

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

• drawable: هنا نضع ملفات الصور التي يستخدمها التطبيق.
• layout: يحتوي هذا المجلد على ملفات من نوع XML وهي المسؤولة عن تصميم وتهيئة الواجهات الرسومية Views and User Interface الخاصة بالتطبيق.
• values: يحتوي على القيم النصية المشتركة Global String Values التي يمكن استخدامها في التطبيق (وما يحتويه من أنشطة وواجهات Activities and Views)

بالنسبة لمجلد assets، يتم وضع ملفات الصوت والحركة Animation في داخله.

مجلد Android 2.0.1 هو مجلد يحتوي على المكتبات البرمجية Libraries المتاحة للتطبيق كي يستخدمها. في الواقع هو مجلد يحتوي على مؤشرات الى هذه المكتبات الموجودة في الحزمة التطويرية للأندرويد.

مجلد gen يحتوي ملفا اسمه R.java وهو ملف يتم تشكيله بشكل آلي ليحتوي على مؤشرات Pointers تشير الى المواد والمصادر الموجودة في res.

أخيرا، نصل الى مجلد src والذي يحتوي الشفرة المصدرية Source Code للتطبيق.

نفتح الآن الملف HelloWorldArdroid.java :

في أعلى الملف، نستدعي المكتبات التالية:

وهاتان المكتبتان هما من أهم المكتبات التي سيتم استخدامها في برمجة جميع التطبيقات. ولا ننس أن من سيتولى عملية الاستدعاء الفعلية هو مجلد Android 2.0.1 آنف الذكر.

ننتقل الى ال Class الخاصة بالتطبيق. لاحظ أن دالة onCreate قد تم تحديد مهمتها باستدعاء الدالة

والتي تم تمرير اليها المؤشر Pointer الموجود في ملف R.java والذي يشير بدوره الى ملف ال XML الموجود في مجلد res/layout المسؤول عن إعداد الواجهة الرسومية.

بفتح ملف ال main.xml  الموجود في res/layout نجد عددا من عناصر ال XML وما يهمنا هو <TextView>

نجد أن لهذا العنصر الخصائص Attributes التالية: layout_width, layout_height, text.

الخاصيتان Width and Height تهتمان بطريقة عرض النص (طوله وعرضه). الخاصية الأخيرة تحتوي على قيمة النص. نجد أن القيمة هي: @string/hello وهذا يعني أن النص موجود في مكان ما. تكلمنا في منتصف الدرس عن ملف يحتوي القيم النصية التي يمكن استدعاؤها من أي مكان في التطبيق وهو الملف الموجود تحت مجلد res/values :

نجد القيمة الفعلية للنص hello ويمكننا الآن تغييرها لو أردنا.

نقوم الآن بتشغيل البرنامج عبر Run>Run :

ننتقل الى نافذة الجهاز الافتراضي وننتظر قليلا حتى تظهر النتيجة التالية:

ممتاز! الآن نكون قد شغلنا التطبيق الأول لنا في بيئة الأندرويد. أدعوكم الآن الى محاولة التعرف بشكل أكبر على الملفات والمجلدات ومحاولة فهم الغرض منها.

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

سيكون الدرس القادم وجبة برمجية متقدمة قليلا فكونوا بانتظارنا. والمجال مفتوح دائما لاستقبال مقترحاتكم وتعليقاتكم حول هذه السلسلة.

دمتم بودّ.

تتطرق هذه السلسلة التعليمية لأحد أهم أنظمة تشغيل الأجهزة الكفية والمحمولة الذي بدأ يبرز نجمه مؤخرا وهو نظام الأندرويد. أندرويد يقدم للمطورين بيئة تطوير قوية وغير محدودة، وإن كنت متشوقا لبدء تطوير البرامج لأندرويد، أو لديك الحماس لتجرب كيف تجري تلك العملية حتى لو كان هذا على سبيل التجربة العلمية، فسلسلة الدروس هذه سوف تساعدك خطوة بخطوة كي تنطلق بسرعة إلى عالم تطوير التطبيقات لأندرويد.

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

بداية أدعوكم لقراءة المقالة التي أدرجناها في موقعنا والتي تحدثت عن الأندرويد في لمحة وما يهمنا هو المعلومات التقنية الخاصة بهذا النظام.

يتم تطوير تطبيقات الأندرويد بلغة الجافا Java ويتم تشغيلها على نواة لينوكس Linux Kernel 2.6 . ما يميز الأندرويد عن غيره هو أنه يتعامل مع جميع التطبيقات المتاحة من طرف ثالث Third Party  بنفس الأولوية المعطاة لتطبيقات النظام نفسه، وهذا ما تفتقره الأنظمة الأخرى التي تعطي أولوية لتطبيقات قلب النظام System Core  .

كل تطبيق في الأندرويد يعمل على شكل عملية مستقلة Process على نسخة مستقلة من آلة افتراضية Virtual Machine من نوع Dalvik. وللمطور كامل الصلاحية في النفاذ الى العتاد الذي يستطيع نظام التشغيل استخدامه، مما يضمن عدم تحديد أو تأطير المبرمج بأي شكل وهذا يعني انتاج تطبيقات ابداعية.

هناك نقطة تحسب لصالح تطبيقات الأندرويد وهي التسهيلات المعطاة من غووغل لمطوري التطبيقات لربط تطبيقاتهم بخدمات وتطبيقات غووغل المعروفة كـ Google Maps, Gtalk, Gmail,… وذلك لأن غووغل عضو في تحالف الـ Open Handset Alliance OHA الذي يضم شركات كبيرة منها: Google, HTC, Intel, LG, Motorla, Nvidia, Samsung, Sony Ericsson, Toshipa, Vodafone, T-Mobile, وغيرها  ومن أهم أهداف هذا التحالف تشكيل ووضع مقاييس جديدة لأجهزة الهواتف النقالة. وكان أندرويد هو أول مشروع تم الإعلان عنه من قبل هذه المجموعة.

بعد هذه المقدمة البسيطة، قد يتساءل البعض، وماهي البيئة البرمجية\التطويرية التي سنستخدمها؟ وماهي متطلبات سلسلة “تعلم برمجة تطبيقات الأندرويد”؟

الجواب أننا سنستخدم البيئة التطويرية أو ما يعرف بـ Integrated Development Environment IDE الذي نصحت به الـ OHA وهو البرنامج الشهير Eclipse. سنقوم بإضافة ملحقة Android Plug-in الى الاكليبس. كما سنقوم بتشغيل التطبيقات التي سنكتبها على المحاكي Emulator الذي يطابق تماما عمل الأندرويد على الأجهزة المتنقلة. في نهاية هذا الدرس، سنكون قد أعددنا الاكليبس ليكون قادرا على تشغيل تطبيقات الأندرويد.

بالنسبة للسؤال الثاني، تتطلب هذه السلسلة من القارىء أن يكون ملما بلغة الجافا بمستوى مبتدىء متقدم الى متوسط.

الشرح سيأخذ بعين الاعتبار مستخدمي الويندوز والماك، ولكن الصور ستكون مأخوذة من جهاز الماك خاصتي .

بقي التنويه على أنني لازلت أتعلم برمجة الأندرويد ولم أحترفها بعد، لذلك أعتذر مقدما إن لم يلق أحدكم جوابا عندي، ولكنني سأبذل كل الجهد في المساعدة على تحصيل الإجابة. والنقطة الثانية هي أنني كنت محتارا في كيفية تنظيم هذه السلسلة لذلك قررت الاستعانة بأحد الكتب التي تشرح برمجة الأندرويد وهو كتاب: Android: A Programmer’s Guide لمؤلفه J.F DiMarzio ودار النشر McGrawHill.

هل أنتم جاهزون؟ حسنا لنبدأ :

1- قبل كل شيء، يجب أن يكون لدينا Java Runtime Environment JRE التي تجعل تنفيذ تطبيقات الجافا ممكنا على جهاز الكمبيوتر. اذا كنت تملكها، فننصح بتحديثها لآخر إصدار JRE 6 Update 17، ولتحميل نسخة منها: http://java.sun.com/javase/downloads/index.jsp

2- الخطوة الثانية هي تحميل الاكليبس: http://www.eclipse.org/downloads/

اختر Eclipse IDE for Java Developers (92 MB) واختر النسخة المناسبة لنظام التشغيل الذي تملكه (بالنسبة للماك، اختر Cocoa).

أثناء تنصيب البرنامج، يفضل الموافقة على مكان انشاء منطقة العمل Workspace التي يقترحها الاكليبس.

3- الخطوة التالية هي تنصيب الحزمة التطويرية البرمجية للأندرويد الـ Android SDK.

قم بتحميل النسخة المناسبة من هنا: http://developer.android.com/sdk/index.html

4- علينا الآن إضافة ملحقة الأندرويد Android Plug-in الى الاكليبس. للقيام بهذه الخطوة، علينا عمل التالي: (لأجهزة الماك وحتى لو كنت تملك ويندوز، اقرأ الشرح التالي):

من قائمة Help اختر Install New Software (آخر اختيار)

اضغط على Add وأضف المعلومات التالية ثم اضغط OK:

قم باختيار ما هو موجود في الصورة أدناه:

ربما تواجهك رسالة خطأ مفادها أن الموقع المزود هو https:// وستجد خيارا يتوجب عليك تحديده يجبر الاكليبس على الاتصال بالموقع حتى لو كان https:// وليس http://.

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

قم بإضافة المسار Path الخاص بالـ SDK كما هو مبين في الصورة في الـ Terminal:

في النسخ السابقة من الإضافة، كانت تتوفر نسخة من المحاكي Emulator حال تحميل الإضافة. ولكن النسخة الجديدة من الإضافة تأتي ومعها Android SDK and AVD Manager والذي عن طريقه يتم تحميل المحاكي. ستجدونه تحت خيار Window كما هو في الصورة:

في حال لم تجد الـ Android SDK Manager، توجه في الـ Terminal الى مجلد الSDK وتوجه الى /tools    ثم ادخل    ./android

اذهب الى خيار: Available Packages واضغط Refresh. اختر بعدها النسخة الجديدة من المحاكي وهي:

SDK Platform Android 2.0.1, API 6, revision 1

وقم أيضا باختيار:

Google APIs by Google Inc., Android API 6, revision 1

بعد الانتهاء، في نفس النافذة، أضف جهازا افتراضيا (اضغط New وادخل اسم الجهاز واختر Android 2.0.1 في خيار الـ Target ثم اختر Create AVD ) وتأكد من وجود علامة “صح” خضراء بجانبه. سترى أن نافذة جديدة ظهرت تحاكي جهاز الأندرويد المتنقل. لاحظ أن سرعة إقلاع الأندرويد على المحاكي تشابه السرعة الموجودة في الأجهزة الحقيقية.

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

لأجهزة الويندوز (لم أجربها ولكن يفترض بها أن تكون كما شرحت في الأسفل):

اتبع نفس التعليمات الموجودة في الأعلى مع مراعاة أن تحميل الإضافة Android Plug-in يتم من خيار: Help>Software Updates>Find and Install

ثم: Search for New Features to Install

ثم زر: New Remote Site وأضف معلومات الموقع المذكورة أعلاه.

اتبع الخطوات كالمذكورة أعلاه، ولإدخال مكان الـ SDK، ادخل على Window>Preferences ثم Android. ولا تنس اختيار المربع الموجود في الأسفل: Automatically Sync Projects to current SDK.

ختاما، لإضافة ال Path، اضغط زر الفأرة الأيمن على أيقونة My Computer ثم Properties. اضغط على تبويبة Advanced.

اضغط على Environment Variables ثم ابحث عن المتغير PATH تحت System Variables. أضف مكان الـ SDK ولا تنس أن “;” تفصل بين أسماء الأماكن في هذا المتغير.

عد إلى الاكليبس وحاول إيجاد Android SDK and AVD Manager في أحد القوائم واتبع نفس التعليمات أعلاه.

——–

في حال واجهتم أي مشكلة في تهيئة الاكليبس أوالإضافة أو المحاكي، لا تترددوا في طرح تساؤلاتكم هنا.

الدرس القادم، سيكون عن كيفية تشغيل بعض التطبيقات التي تأتي كأمثلة أو Samples مع الحزمة البرمجية SDK الخاصة بالأندرويد. كما سنتعرض بشكل سريع على دورة حياة تطبيق الأندرويد أو ما يعرف بـ Software Development Life Cycle SDLC. وختاما، سنتعرف على الملفات التي يتكون منها أي تطبيق أندرويدي.

بالتوفيق وتحياتي لكم!