اشاره:
در قسمت قبل نحوه نصب كيت توسعه آندروئید و پیاده سازی آن را روی Eclipse بیان كردیم. حال نوبت آن است که مفاهیم اولیه کدنویسی را برای آندروئید معرفی كنیم. براي اين كار از يك خودآموز چند قسمتي در سايت devx استفاده شده است. این متن آموزشی اصول اولیه برنامه‌نویسی آندروئید را در سه دسته ساخت رابط کاربری، کد نويسي برای برنامه و بررسی مانیفست توضیح مي‌دهد.

مقدمه
قبل از نوشتن برنامه ارائه شده در این مثال به موارد زیر دقت كنید:
نام پروژه ما HelloWorld است و در Package Explorer در سمت چپ پنجره قابل دسترسی است. هر برنامه آندروئید از پوشه‌هاي زیر تشکیل شده است:
src: این پوشه شامل فایل‌هاي سورس کد .java پروژه تام است. در این مثال دو فایل در آن قرار دارد. یکی HelloWorld.java و دیگری R.java. فایل HelloWorld.java فایل سورس activity خواهد بود. شما کد برنامه‌ خود را در این فایل مي‌نویسید. R.java نيزیک فایل تولید شده توسط کامپایلر است که به تمام منابع استفاده شده در پروژه‌ اشاره مي‌كند. نباید این فایل را تغییر داد.
Android Library: این پوشه شامل یک فایل android.jar است. اين فايل در بر گيرنده تمام کتابخانه‌هاي کلاسی است که یک برنامه آندروئید به آن‌ها نیاز دارد.
res: این پوشه شامل تمام منابع استفاده شده برنامه است و ســه زیــرپوشـه دارد: drawable، layout و values. در ادامـــه مقاله به صورت خلاصه با این سه پوشه و کاربرد آن‌ها آشنا مي‌شوید.
AndroidManifest.xml: این فایل مانیفست برنامه‌ شما است. كه در آن علاوه بر Permission‌هاي مورد نیاز برنامه ویژگی‌های دیگری مانند Intent-filter و Receiver‌ها را نیز تعریف خواهید كرد.

ساخت رابط کاربری
آندروئید از دو روش برای ساخت رابط کاربری پشتیبانی مي‌كند: کد‌نویسی و فایل‌هاي XML. عموماً روش XML ترجیح داده مي‌شود، زیرا با استفاده از آن قادر خواهید بود بدون نوشتن کدهای فراوان رابط کاربری برنامه‌ را تعریف كنید. براي اين كار، روی main.xml که در زیر پوشه res/layout قرار دارد، دو بار کلیک كنید. همان‌طور که مشاهده مي‌كنید، Eclipse فایل main.xml را به‌صورت پیش فرض در layout mode نشان مي‌دهد. این به شما اجازه مي‌دهد تا به صورت تصویری روند توسعه رابط کاربری خود را مشاهده كنید. برای اعمال تغییرات روی رابط کاربری بايد به Code View تغییر حالت دهید. برای این کار روي گزينه tab main.xml که در زیر Layout قرار دارد، کلیک كنید.


پس از انجام اين كار کد XML‌ زير را مشاهده خواهید كرد.




http://schemas.android.com/apk/res/android»
android:orientation=«vertical»
android:layout_width=«fill_parent»
android:layout_height=«fill_parent»
>
android:layout_width=«fill_parent»
android:layout_height=«wrap_content»
android:text=«@string/hello»
/>


در آندروئید، کدهای XML به صورت درختی از Tag‌ها تعریف مي‌شوند. هر ويجتي (دکمه، text box و چیزهایی مانند آن‌ها) به‌عنوان یک View شناخته مي‌شود. برای سازماندهی ویجت‌ها و قرار دادن آن‌ها روی صفحه، از Layout استفاده مي‌شود. در این مثال، المنت هر ويجتي را در یک ستون به نمایش درخواهد آورد. المنت ويجتي را تعریف مي‌کند که به نمایش یک رشته مي‌پردازد.


هر المنت تعدادي خصوصیت دارد. جدول 1 معانی خصوصیات مختلف استفاده شده در این مثال را نمایش مي‌دهد.توجه کنید که در المنت ، مقدار خصوصیت android:text برابر با string/hello ا@است. string ا@به فایل Strings.xml اشاره دارد که در پوشه Res/values قرار دارد. با دوبار کلیک روي اين فايل متن زیر را مشاهده خواهید كرد:




Hello World, HelloWorld
HelloWorld Application



خصوصیت معنی
xmlns:android این یک تعریف Namespace است که به ابزارهای آندروئید مي‌گوید شما مي‌خواهید خصوصیات معمولی را که در Namespace آندروئید وجود دارد تعریف كنيد. بیرونی ترین لایه هر layout آندروئیدی باید این خصوصیت را داشته باشد.
android:layout_width این خصوصیت بیان کننده میزانی است که این View خاص باید برای عرض صفحه در نظر بگیرد. در مثال ما این تنها View است پس منطقی است که بخواهیم تمام صفحه را با آن پر کنیم. به همین منظور مقدار خصوصیت را برابر fill_parent در نظر مي‌گیریم.
android:layout_height این خصوصيت دقیقاً همان کاری را که android:layout_width برای عرض صفحه انجام مي‌داد برای طول صفحه مي‌کند.
android:text این ويژگي متنی را تنظیم مي‌کند که TextView باید نمایش دهد.



در اینجا string/hello ا@ به رشته‌اي اشاره دارد که مانند زیر تعریف مي‌شود:


Hello World, HelloWorld


در حالت کلی، توصیه مي‌شود که رشته‌هاي استاتیک خود را در یک فایل XML (مانند Strings.xml) ذخیره كنيد تا به اين ترتیب، وقتی قرار است يك Localization‌ صورت گیرد تنها به تغییر همین فایل نیاز باشد.حال یک المنت را مانند زیر به فایل اضافه كنید:





Hello World, HelloWorld
Click Me
HelloWorld Application


همچنین باید المنت هایی را به رابط کاربری مانند آنچه در زیر نشان داده شده است، اضافه كنيد.



http://schemas.android.com/apk/res/android»
android:orientation=«vertical»
android:layout_width=«fill_parent»
android:layout_height=«fill_parent»
>
android:layout_width=«fill_parent»
android:layout_height=«wrap_content»
android:text=«@string/hello»
/>

android:id=«@+id/txt_name»
android:layout_width=«fill_parent»
android:layout_height=«wrap_content»
/>

android:id=«@+id/btn_clickme»
android:layout_width=«fill_parent»
android:layout_height=«wrap_content»
android:text=«@string/btnclickmetext»
/>




المنت یک text box را نشان داده و بیان کننده وجود یک دکمه قابل کلیک کردن است. حال باید رابط کاربری شما مانند شکل زير شود.



رابط کاربری تغییر یافته برنامه



شروع کد‌نویسی برنامه
با ساخته شدن رابط کاربری، مي‌توانید توجه خود را به نوشتن کد برنامه‌ معطوف کنید. اگر به Package Explorer نگاه کنید، متوجه خواهید شد که دو فایل HelloWorld.java و R.java در زیر پوشه src فهرست شده است. با بررسی کد R.java متوجه خواهید شد که در آن چندین خط به صورت خودكار برای شما اضافه شده است.



/* AUTO-GENERATED FILE. DO NOT MODIFY.
*
* This class was automatically generated by the
* aapt tool from the resource data it found. It
* should not be modified by hand.
*/

package net.learn2develop.HelloWorld;

public final class R ..
public static final class attr ..
}
public static final class drawable ..
public static final int icon=0x7f020000;
}
public static final class id ..
public static final int btn_clickme=0x7f050001;
public static final int txt_name=0x7f050000;
}
public static final class layout ..
public static final int main=0x7f030000;
}
public static final class string ..
public static final int app_name=0x7f040002;
public static final int btnclickmetext=0x7f040001;
public static final int hello=0x7f040000;
}
}


این خط‌های تازه اضافه شده به شما امکان مي‌دهد تا بر مبناي برنامه‌نويسي به ویجت‌ها و رشته‌هایتان اشاره كنيد. شما نباید این کد را تغییر دهید و با هر بار اضافه كردن یک Resource به پکیج خود این فایل به صورت خودکار و پویا به‌روز خواهد شد.گزينه HelloWorld.java را دوبار کلیک کرده و محتوای آن را مشاهده كنید.


package net.learn2develop.HelloWorld;

import android.app.Activity;
import android.os.Bundle;

public class HelloWorld extends Activity ..
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) ..
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}

در آندروئید، یک Activity در اصل صفحه‌اي است که از تعدادی ویجت مختلف تشکیل شده است. به همین دلیل، مشاهده مي‌كنيد که کلاس HelloWorld از کلاس پایه Activity مشتق شده است.هنگامی که یک Activity برای نخستين بار اجرا مي‌شود، متد ا()onCreate اجرا مي‌شود كه براي شروع باید متد ا()setContentView را فراخوانی کنید. با اين كار رابط کاربری را كه با المنت‌هاي مختلفی در فایل main.xml تعریف کرده‌اید، ترسیم مي‌شود. توجه داشته باشید، عبارت R.layout.main به فایل main.xml اشاره دارد که در پوشه res/layout قرار گرفته است.


حال، باید کمی کد برای برنامه‌تان بنویسید تا به اين ترتیب، هر گاه که کاربر روی دکمه Click Me کلیک کرد، پیغامی به نمایش درآید.در ابتدا، باید دو شيء را تعریف كنيد.


public class HelloWorld extends Activity
..
private EditText txtname;
private Button btnclickme;
..


در اینجا چند نکته باید مورد توجه قرار گیرد. در ابتدا مشاهده مي‌كنید که زیر کلمه EditText یک خط قرمز ترسیم شده كه بیان کننده آن است که کامپایلر این کلمه کلیدی را نشناخته؛ برای این کار مكان نما را روی کلمه‌اي که زیر آن خط کشیده شده است ببريد. Eclipse چندین راه را برای تصحیح این خطا به شما پیشنهاد خواهد كرد (شکل زير).



IDE HELP: Eclipse به شما توصیه هایی را برای حل مشکل ارائه مي‌كند.



براي نمونه، مشخص مي‌شود که شما برای کلاس Edit Text باید Namespace مربوط را Import كنيد. راحت‌ترین راه انتخاب لینک اول ((Import ‹Edit Text’ (android. Widget) است و با این کار Namespace مربوط به بالای فایل افزوده مي‌شود.


import android.app.Activity;
import android.os.Bundle;
import android.widget.EditText;

به صورت مشابه برای کلاس Button نیز این کار را انجام داده و android.widget.Button namespace را اضافه كنيد.
سپس با استفاده از روش ا()findViewByIDبه صورت داینامیک به ويجتي که در فایل main.xml مورد استفاده قرار‌داده‌اید، اشاره كنيد.



@Override
public void onCreate(Bundle savedInstanceState) ..
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

txtname = (EditText) findViewById(R.id.txt_name);
btnclickme = (Button) findViewById(R.id.btn_clickme);
}
در این مورد، شما به هر ويجتي با استفاده از مشخص کننده ا

@Override
public void onCreate(Bundle savedInstanceState) ..
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

txtname = (EditText) findViewById(R.id.txt_name);
btnclickme = (Button) findViewById(R.id.btn_clickme);

btnclickme.setOnClickListener(new View.OnClickListener() ..
public void onClick(View v) ..

}
});
}

اكنون قصد داريم كاري كنيم كه وقتی کاربر روی دکمه Click Me کلیک مي‌کند، متن وارد شده در ویجت EditText را گرفته و پیغام خوش آمد‌گویی را نمایش دهید. برای گرفتن متن ذخیره شده در ویجت EditText، از متد ا()getText استفاده کرده و آن را با استفاده از متد ا()toString به رشته تبدیل مي‌كنيم.



String str = «Hello, » +
txtname.getText().toString() + «!»;

آندروئید برای نمایش یک پنجره pop up کوچک، کلاسی با نام Toast در نظر گرفته است که به شما اجازه مي‌دهد یک View را که شامل متنی کوتاه است، نمایش دهید. متد ا ()onClick اکنون باید مانند زیر باشد:



btnclickme.setOnClickListener(new View.OnClickListener() ..
public void onClick(View v) ..

String str = «Hello, » +
txtname.getText().toString() + «!»;
Toast.makeText(getBaseContext(), str,
Toast.LENGTH_SHORT).show();

}
});

بررسی مانیفست
قبل از آن‌که برنامه خود را آزمايش کنید، بهتر است به فایل AndroidManifest.xml که در package قرار دارد، نگاهی بياندازيم:




http://schemas.android.com/apk/res/android»
package=«net.learn2develop.HelloWorld»>

android:label=«@string/app_name»>

android:label=«@string/app_name»>


android:name=«android.intent.action.MAIN» />
android:name=«android.intent.category.LAUNCHER» />









به نكته‌هاي زیر دقت كنيد:
- مانیفست با المنت و namespace تعریف شده برای آن آغاز شده است. این مورد همچنین نام package را نیز تعریف مي‌كند.
- المنت کامپوننت‌هاي مختلفی را که در برنامه‌ به کار رفته تعریف مي‌كند. در درون این المنت، خصوصیت android:icon آیکونی را که قرار است برنامه نشان دهد، تعیین مي‌کند. مقدار drawable/icon ا@ مشخص مي‌سازد که آیکون در پوشه res/drawable قرار داشته و نامش icon.png است. خصوصیت android:label متنی را که قرار است در نوار عنوان برنامه و صفحه نمایش اصلی دستگاه به نمایش درآید، تعیین مي‌کند.
- اگر مي‌خواهید برنامه‌ از طریق program launcher دستگاه آندروئید نیز قابل مشاهده باشد، باید یک المنت را مشخص کنید که شامل المنت‌هاي و باشد.

تست برنامه
هنگام نوشتن برنامه، هنوز دستگاه آندروئیدی برای آزمايش کردن وجود ندارد. به همین دلیل، تنها انتخاب ما استفاده از شبيه‌ساز يا Emulator توسعه يافته براي اين كار است. از داخل Eclipse کلید F11 را فشار دهید، سپس از شما پرسیده مي‌شود‌، راهی برای دیباگ‌کردن برنامه‌ بیابید. Android Application را انتخاب کرده و روی OK کلیک کنید.به اين ترتیب، Android Emulator ظاهر خواهد شد. دیباگر تلاش مي‌کند تا خود را به برنامه متصل كند. وقتی این موضوع با موفقیت به انجام رسید، برنامه شما ظاهر خواهد شد. نامتان را وارد کرده و روی دکمه Click Me کلیک كرده و پیغام نمایش داده شده را مشاهده كنيد (شکل زير).



این کار مي‌کند! نخستين برنامه درست اجرا شد.




این برنامه هم اکنون روی Emulator نصب شده است. شما مي‌توانید آن را در Application Tab پیدا كنيد ( شکل زير).



برنامه‌تان كجاست؟ برنامه تازه ايجاد‌شده را در Applicaion Tab بيابيد.



شروعی محکم
شما مشاهده کردید که چگونه مي‌توان از طریق Eclipse IDE یک برنامه آندروئید ایجاد كرد. از آنجا که آندروئید از زبان برنامه نویسی جاوا استفاده مي‌كند، در صورتی که پیش زمینه زبان‌هاي دیگری مانند #C را نیز داشته باشید، مأنوس شدن با شرایط نباید خیلی براي شما دشوار باشد.

درباره نویسنده:
وی منگ لی یک Microsoft MVP مؤسس Developer Learning Solutions، یک شرکت فناوري متخصص در زمینه آموزش‌هاي کاربردی آخرین فناوري‌هاي مایکروسافت است. او در زمینه دات‌نت و فناوري‌هاي بی‌سیم توسعه دهندگان و معلمان متخصصي را گرد‌‌هم آورده است. وی منگ مؤلف کتاب‌هاي متعددی در زمینه .NET ،XML و فناوري‌هاي بی‌سیم است. او درباره موضوعات گسترده‌اي از دات‌نت گرفته تا Mac OS X مطلب ‌مي‌نویسد.

 

عكس ضميمه

 

	Data_Gallery_2010_11_Andr1_s.jpg (5.7 كيلو بايت, 22 نمايش)
	Data_Gallery_2010_11_Andr2_s.jpg (46.2 كيلو بايت, 22 نمايش)
	Data_Gallery_2010_11_Andr3_s.jpg (33.6 كيلو بايت, 26 نمايش)
	Data_Gallery_2010_11_Andr4_s.jpg (60.7 كيلو بايت, 31 نمايش)

 

 

اموزش كامل همراه با نرم افزار هاي مورد احتياج

قسمت اول