ساخت ابزارهای TextView و Buttonاز طریق کدنویسی جاوا و در زمان اجرای برنامه شبیه سازی رویداد کلیک برای دکمه های ساخته شده.

دوره آموزش اندروید

دوره آموزش برنامه نویسی اندروید

با عرض سلام و خسته نباشید به شما دانشجویان محترم آموزشگاه تحلیل داده . در این مقاله قصد داریم تا نحوه ساخت ابزارهای اندروید در زمان اجرا را بصورت تصویری در محیط برنامه نویسی Eclipse به شما دانشجویان محترم آموزش دهیم.

 

اهداف پروژه :

در این پروژه ما  قصد داریم اهداف زیر را پیاده سازی نماییم:

ساخت ابزارهای TextView و  Buttonاز طریق کدنویسی جاوا و در زمان اجرای برنامه شبیه سازی رویداد کلیک برای دکمه های ساخته شده. 

برای شروع کار ابتدا می بایست یک پروژه جدید در محیط Eclipse ایجاد نماییم. برای این منظور از منوی File زیر منوی New و سپس زیر منوی Android Application Project را انتخاب می نماییم. (شکل 1)

 

 

شکل 1

همچنین برای ساده تر شدن و بالا بردن سرعت کار می توانید از منوی ابزار ها، منوی New و سپس Android Aplication Project را انتخاب نمایید.(شکل 2)

 

 

شکل 2

با انجام هر دو روش پنجره جدیدی با عنوان New Android Application باز می گردد. (شکل 3)

 

 

شکل 3

 

 

در این پنجره قسمت هایی وجود دارد که در زیر به توضیح آنها می پردازیم :

Aplication Name  : در این فیلد می بایست نام برنامه خود را وارد نمایید. توجه داشته باشید که هر مقداری را که در این فیلد وارد نمایید، برنامه با این نام در لیست برنامه های نصب شده قرار خواهد گرفت.

در این فیلد می توانید یک رشته فارسی نیز وارد نمایید.

 

Project Name : در این فیلد می بایست نام کلی پروژه خود را وارد نمایید و بهتر است که یک رشته با معنا و مرطبت با برنامه خود وارد نمایید.

زمانی که مقدار فیلد Aplication Name را وارد می نمایید، فیلد Project Name نیز بصورت خودکار همان نام را وارد می نماید. توجه داشته باشد که اگر فیلد Aplication Name را با یک رشته فارسی مقداردهی نمودید، برای جلوگیری از خطاها می بایست رشته فارسی تولید شده در فیلد Project Name را با یک رشته معادل انگلیسی جایگزین نمایید.

 

Package Name :  در این فیلد می بایست پکیج پروژه خود را تعیین نمایید که بهتر است آدرس وب سایت خود را بدون درج http  و www و بصورت از آخر به اول و به همراه نام وارد شده در فیلد Project Name وارد نمایید. این نوع مقداردهی به برنامه های مارکت نظیر بازار و Google Paly این امکان را میدهد تا زمانی که نسخه جدیدی از برنامه شما ساخته و آماده منتشر گردید باخبر شده و نسخه جدید برنامه تان را جایگزین نسخه قبلی نماید.

 

Minimum Required SDK : در این لیست انواع API های « نسخه های سیستم عامل اندروید » منتشر شده توسط گوگل وجود دارد. با انتخاب هر کدام از آنها مشخص می نمایید که برنامه تان به چه حداقل نسخه ای از سیستم عامل اندروید نیاز دارد. برای مثال اگر گزینه API 14 را انتخاب نمایید، برنامه تان در سیستم عامل اندروید پایین تر از اندروید 4 یا همان IceCream Sandwich، نصب و اجرا نمی گردد.

اگر از امکانات خاص نسخه های جدیدتر سیستم عامل اندروید استفاده نمی نمایید پیشنهاد می گردد که API 8  را انتخاب نمایید. چرا که با انتخاب این نسخه از سیستم عامل اندروید مطمئن خواهید بود که برنامه شما در تمامی گوشی ها و تبلت ها اجرا خواهد شد.

 

Target SDK : در این لیست انواع API های « نسخه های سیستم عامل اندروید » منتشر شده توسط گوگل وجود دارد. با انتخاب هر کدام از آنها مشخص می نمایید که بالاترین نسخه اندرویدی که برنامه شما می تواند در آن نصب و اجرا گردد کدام نسخه است. بدیهی ست که هرچه سطح API انتخاب شده بالاتر باشد، گوشی ها و تبلت های جدید نیز می توانند از برنامه شما استفاده نمایند.

 

Compile With : در این لیست انواع API های « نسخه های سیستم عامل اندروید » منتشر شده توسط گوگل وجود دارد. با انتخاب هر کدام از آنها مشخص می نمایید که برنامه Eclipse از کدام نسخه از سیستم عامل اندروید برای نوشتن کلاس های برنامه و همچنین کامپایل و تست نمودن آن استفاده نماید.

 

Theme : در این لیست می توانید یک Theme برای برنامه خود انتخاب نمایید.

 

توجه داشته باشید زمانی که مقدار Compile With را کمتر از API 14 انتخاب نمایید، از این قسمت نمی توانید استفاده نمایید و می بایست از لیست موجود گزینه None رو انتخاب نمایید.

پس از مقداردهی نمودن فیلد های ذکر شده بر روی دکمه Next کلیک می نماییم تا به مرحله بعدی ایجاد پروژه برویم. (شکل 4)

 

 

شکل 4

در مرحله بعدی اگر گزینه Create custom lunche icon را انتخاب نمایید، برنامه Eclipse به شما اجازه میدهد تا برای برنامه خود یک عکس جهت ساختن icon انتخاب و یا با استفاده از ابزار های خود برنامه Eclipse، icon مورد نظر خود را ترسیم نمایید. توجه داشته باشید که در صورت عدم انتخاب این گزینه، صفحه مربوطه برای شما باز نخواهد شد.

همچنین اگر گزینه Create Activity را انتخاب نمایید، برنامه Eclipse به شما اجازه میدهد که نام و نوع activity برنامه تان را انتخاب نمایید.

این دو گزینه را انتخاب می نماییم و سایر گزینه ها را به حالت پیش فرض خود می گذاریم. حال مجددا بروی دکمه Next کلیک می نماییم تا به مرحله بعدی ایجاد پروژه برویم. (شکل 5)

 

 

شکل 5

در مرحله بعدی می توانید برای برنامه خود یک icon انتخاب و یا رسم نمایید.

دکمه image برای انتخاب یک عکس ترجیحا با فرمت png به عنوان icon برنامه

دکمه Clipart برای انتخاب یک clipart « شکلک » به عنوان icon برنامه

دکمه Text برای ورود یک نوشته به عنوان icon برنامه

مورد استفاده قرار می گیرند.

ما دکمه image را انتخاب و پس از انتخاب کردن عکس مورد نظر به عنوان icon برنامه بر روی دکمه Next کلیک می نماییم تا به مرحله بعدی ایجاد پروژه برویم. (شکل 6)

 

 

شکل 6

در مرحله بعدی گزینه Create Activity را انتخاب می نماییم و از لیست موجود که بیانگر انتخاب نوع Activity برنامه می باشد گزینه Blank Activity را انتخاب می نماییم. (شکل 7)

 

 

شکل 7

در مرحله آخر نیز باید برای activity و layout خود یک نام انتخاب نمایید. ما نام انتخاب شده پیش فرض را قبول کرده و بر روی دکمه Finish کلیک می نماییم تا پروژه مان ساخته شود. (شکل 8)

 

 

شکل 8

تا این جای کار ما پروژه خود را در برنامه Eclipse ایجاد کرده ایم. حال برای ادامه کار می بایست layout برنامه خود را طراحی نماییم.

برای این منظور تنها یک LinearLayout قرار می دهیم. (شکل 9)

 

 

شکل 9

همچنین مقادیر لازمه برای نمایش متن دکمه را در فایل string.xml وارد می نماییم. (شکل 10)

 

شکل 10

 

حال در این مرحله می بایست کد های اصلی برنامه را در کلاس MainActivity وارد نماییم.

اولین کدی که می بایست به کلاس MainActivity اضافه نماییم متد onCreate می باشد. این متد یکی از متدهای اصلی برنامه و همین طور چرخه حیات برنامه های اندرویدی می باشد و زمانی که برنامه برای اولین بار اجرا می گردد و یا دستگاه اندرویدی ما از حالت portrait به حالت landscape و یا بر عکس تغییر می کند، این متد فراخوانی می گردد.

یکی از دستورات مهمی که باید به این متد اضافه شود دستور setContentView است. وظیفه این دستور به نمایش در آوردن layout برنامه می باشد. (شکل 11)

 

 

شکل  11

مقدار activity_main نام فایل xml مربوط به layout برنامه مان می باشد.

همچنین دستور savedInstanceState حالت جاری layout برنامه را ذخیره می نماید. به این معنا که، فرض نمایید بر روی layout خود یک ابزار EditText قرار داده اید و مقدار نام خودتان را درون آن وارد کرده اید. زمانی که حالت دستگاه اندرویدی خودتون را به landscape و یا portrait تغییر دهید مشاهده می نمایید که مقدار نام شما هنوز در EditText وجود دارد و پاک نشده است. دلیل آن به خاطر استفاده از دستور فوق می باشد.

در مرحله بعدی می بایست کدی بنویسیم تا بوسیله ی آن بتوانیم به ابزار LinearLayout دسترسی پیدا نماییم. (شکل 12)

 

 

شکل 12

حال که دسترسی های لازم جهت استفاده از ابزارها در برنامه مان محیا گشته است، در مرحله بعد می بایست کد جاوایی ابزارهایی را که می خواهیم از طریق کدنویسی و در زمان اجرای برنامه ساخته شوند را وارد نماییم . (شکل 13)

 

 

شکل 13

کدهای بالا را در ادامه کدهای وارد شده قبلی در متد onCreate قرار میدهیم.

 

در کد بالا، ابتدا با استفاده از حلقه for تعیین می نماییم که قصد ساخت 5 ابزار TextView و Button را داریم.

در داخل حلقه for، ابتدا یک شی به نام layout از کلاس LinearLayout می سازیم و خصوصیت orientation آنرا برابر با Horizontal مقداردهی می نماییم.

هرگاه بخواهیم از طریق کدنویسی ابزاری را تولید نماییم، می بایست از کلاس هم نام با همان ابزار مورد نظر استفاده نماییم.

در زمان ساختن ابزار مورد نظر، می بایست حداقل پرامتر اول کلاس ابزار مدنظر را مقداردهی نماییم. این پارامتر شئی از نوع Context می باشد که برای ساده تر شدن کار می توانیم از کلمه کلیدی this استفاده نماییم.

هرگاه بخواهیم خصوصیت یک ابزار را از طریق کدنویسی مقداردهی نماییم، می بایست از متد set و به همراه نام خصوصیت مورد نظر استفاده نماییم.

 

در ادامه، برای اینکه بتوانیم ابزار TextView خود را تولید نماییم، شئی به نام lblTest از کلاس TextView می سازیم. سپس برای آنکه بتوانیم مقدار رشته ای را در آن نمایش دهیم، از متد setText استفاده می نماییم و سپس با استفاده از متد addView شیlayout ، ابزار TextView خود را به LinearLayout نسبت میدهیم.

در ادامه، اعمال بالا را نیز برای ساخت ابزار Button انجام داده ایم، با این تفاوت که برای ساخت ابزار Button، شئی با نام btnTest از کلاس Button ساخته و سپس با استفاده از متد setOnClickListener، رویداد کلیک را برای آن شبیه سازی می نماییم و در داخل آن با استفاده از کلاس Toast، یک کادر پیغام کوچک، به کاربر نمایش داده و در آخر با استفاده از متد addView شی layout، ابزار Button خود را به LinearLayout نسبت میدهیم.

بعد از ساخته شدن ابزارهای مورد نیاز، در انتهای کار می بایست شی layout که حاوی تمامی ابزارهای ساخته شده ما می باشد، جهت ساخته شدن صفحه اصلی برنامه و به نمایش درآوردن آنها، از متد addView شی lm که همان ابزار LinearLayout اصلی « تعریف شده در فایل activity_main.xml » برنامه می باشد استفاده می نماییم.

 

 

 

در اینجا کار ما به اتمام میرسد. امیدواریم نهایت استفاده از این مقاله را برده باشید.

پیروز و سربلند باشید.