বাংলায় Smartphone এ Android App Development Tutorial [পর্ব: ৪র্থ]

TrickBD User দের ভালোবাসা সঙ্গে নিয়ে লিখে ফেললাম চতুর্থ পর্বে । গত পর্বে বেশ কিছু রিকোয়েষ্ট এসেছে যেগুলো নিয়ে ৭ম পর্ব থেকে একে একে লেখার চেষ্টা করবো। সত্যি বলতে আমি অ আ বানান সহ শেখাবো সেটা কাজে লাগিয়ে গল্প লেখার দায়িত্ব আপনার, আমাকে রচনা করে দিতে বলবেন না । তবেই না সবাই আলাদা আলাদা কিছু তৈরী করতে পারবেন। আমি রচনা করলে দেখা যাবে সবাই একি গল্প রচনা করেছেন যা রুচির বিপরীত। প্রত্যেক রিকুয়েষ্ট তথা আগ্রহ কে সাম্মান জানাই। রিকোয়েষ্ট গুলোর মধে অন্যতম এডমোব, কীবোর্ড এপ, বুকশেল্ফ এপ, হ্যন্ডলার এপ, ট্রিকবিডি এপ, মোবাইল ট্রেকিং এপ, ছোট গেম। তবে আমার রিকোয়েষ্ট পুরো অমুক App বানানো শেখাতে বলবেন না । সেটা বলার সময় এখনও শেষ হয়ে যায়নি। কিছু ব্যসিক না লিখে সরাসরি বড় এপ বানানোর টিউটোরিয়াল বানানো যৌক্তিকও নয়। জিজ্ঞাস করতে পারেন এটা কেমন করে আমার App এ যোগ করবো। অতো বড়ো এপ বানানো শেখানো আমার জন্য ভীতিকর, অত্যাধিক কষ্টকর, একি সাথে টিউটরের প্রতি আপনাদের অসম্মান প্রদর্শন প্রকাশ করে যা হয়তো আমাকে লেখা বন্ধ করতে বাধ্য করবে। আর এখানে না লিখলে আমার কিছু আসে যায় না। আমি যদিও ১ থেকে ৬ পর্ব পর্যন্ত ভিডিও আপলোড করেছি ইউটিউবে তবে শুধু গুটি কয়েক মানুষ আমার উদ্দেশ্য ভূল বুঝবেন জন্য এখানে লিংক দেইয়িনি.. আবার চাইলে টপ টিউনার হওয়ার জন্য গত পর্বটাকে ১৪ পর্বে ভাগ করতে পারতাম। কিন্তু উদ্দেশ্য সেটা না। কোর্সের উদ্দেশ্য গত পর্ব থেকে চেক করে আসতে পারেন। আমি এখানে যে গুলো শেখাবো তার চেয়েও অনেক কম পরিশ্রমের এপ বানিয়ে Fiverr এ Sell করেছি। এখানে Fiverr নিয়ে আপাদত কোন কমেন্ট করবেন না। সেটা শেখানো আমার বর্তমান উদ্দেশ্য নয়। যদি এই কোর্সের লক্ষ পূরণ করতে পারি তো পরে সেটা নিয়ে লেখার কথা চিন্তা করবো।

এ পর্বে আমরা ‍শিখবোঃ

• Button যোগ করা
• Button ক্লিক হলে কিছু একটা করা

গত পর্বের খাতিরে, ধরে নিচ্ছি আপনি নূতন Project খুলতে পারেন। নূতন Project খোলার আগে নিচের চিত্রের মতন করে বা যেভাবে পারেন কোন Project খোলা থাকলে সেটি Close করে নিন।

তো নূতন একটা Project খুলে ফেলুন। আমি এ Project এর নাম দিচ্ছি MyThirdApp আপনারা আপনাদের ইচ্ছা মত দিন।

নতুন Project খোলার পর আশা করি এরকম একটা Screen পেয়েছেন। এখন আমরা বাটন এড করা শিখবো।

প্রথমে (লাইন ৬ থেকে ৯) যেটা আছে সেটা কপি করুন। তারপর নিচে পেষ্ট করুন।
পেষ্ট করার সঠিক নিয়ম :-

Phone এর কীবোর্ডে Done চেপে ১১ নং লাইনে চলে আসুন।
ওখানে আঙ্গুল চেপে ধরুন, তারপর টাইটেল বারে থাকা অপশন মেনু আইকনে ক্লিক করে Paste ক্লিক করুন।
আশা করি নিচের মত একটা Screen পেয়েছেন।

এখন টাইটেল বারে থাকা Design আইকনে ক্লিক করুন।

কী দেখছেন? বাটনের বদল ছাতার মাথা Add হইছে? জি না কবি এখানে নিরব না, পরতে থাকুন।
ব্যাক চেপে নিম্নে প্রদর্শিত Screen এ এসে TextView লেখাটা সিলেক্ট করে বা যেভাবে পারেন কেটে দিয়ে Button লিখে দিন [বড় হাতের B ছোট হাতের utton]

হয়তো লাল কিছু Error দেখাবে ভয় নেই এপ টা কিছু কাজ করছে সময় দিন আপনা আপনি সেরে যাবে যদি আপনি Button লিখতে ভূল না করেন। তো টাইটেল বারে থাকা Design আইকনে ক্লিক করুন।

একটু অদ্ভুৎ তাই না? পাশাপাশি দেখতে খারাপ লাগছে Button টাকে লেখার নিচে আনি?
৪ নং লাইনে দেখুন android:gravity=”center”> লেখা আছে “center” এর পরে > এই চিহ্নটাকে একটু নিচে নামিয়ে যায়গা ফাকা করে নিন তারপর নিচের চিত্রের মতন। এই লাইন টা লিখুন।
android:orientation=”vertical”

হুম জানি AIDE আজাইরা কিছু অক্ষর Auto লিখে দিয়ে দিস্টার্ব করছে। কী আর করার কেটে দিন। এত ‍স্মার্ট এপ আমি বানতে পারবো না এখন। আমি শিওর না এ ধরনের App বানানোর টেকনোলজি কী।

বুমমমম……… বাটন এড হইছে !!!!!!! টাইটেল বারে থাকা Play আইকনে ক্লিক করুন। এপ কম্পাইল হলে ইন্সটল ক্লিক করে অপেন করুন।

[বাটন যোগ করা শেষ]

---

[Button Click]

এখন শিখবো কেমন করে Button ক্লিক করা হলে কিছু একটা করবো।
তার আগে,
<Button android:text="@string/hello_world"

লেখা আছে ঐ যায়গায় লিখে দিন,
<Button android:text="Click Me Baby"

তারপর Design চেপে পরিবর্তন লক্ষ করুন। [Click Me Baby এর যায়গায় আপনি যা ইচ্ছা লিখতে পারেন তবে অবশ্যই দুটি ডাবল কোট ” ” এর ‍মাঝে]
ধরে নিচ্ছি আপনি লিখেছেন android:text=”Click Me Baby” এখন ওই লাইনের নিচে লিখুন :
android:onClick=”btnClicked”

btnClicked এর যায়গায় আপনি যা ইচ্ছা লিখতে পারেন তবে অবশ্যই ডাবল কোট “ ” এর ভিতরে লিখবেন। এবং কী লিখলেন মনে রাখবেন। আচ্ছা কপি করে ফেলুন। এখন যাদি প্লে আইকন ক্লিক করে এপ রান করেন এবং Button click করেন। এরকম একটা Error পাবেন।

ধরে নিচ্ছি আপনি প্রশ্ন করলেন এরকম হলো কেন?
তাহলে শুনুন, Button ক্লিক করার পরে এপ টা btnClicked নামে একটা মেথড (বা ফাংশন) খুজতে থাকে MainActivity.java ক্লাসের (বা ফাইলের) ভিতর।
তাহেলে আমরা MainActivity.java তে চলে যাই এবং প্রয়োজনীয়ো কোড/প্রোগ্রাম লিখে ফেলি?

এখানে শেষ ব্রাকেটের আগে কিছু যায়গা ফাকা করে ফেলুন।
ধরে নিচ্ছি আপনি তখন android:onClick=”btnClicked” অর্থাৎ btnClicked লিখেছেন। যদি অন্য কিছু লিখে থাকেন। তাহলে এখানেও btnClicked এর বদল সেটা লিখবেন।
public void btnClicked(View v){
}

এখানে ছোট হাতের v এর বদল যা খুশি লিখে দিতে পারেন। তবে View এটা সঠিক লিখিতেই হবে।

View এর নিচে লাল দাগ? গত পর্বের মতন করে ঠিক করতে পারেন (View এর উপর আঙ্গুল চেপে ধরুন >> উপরে Right চিহ্ন ক্লিক দিন >> Add Import android.view.View ক্লিক করুন) কিংবা
import android.app.*;
import android.os.*;
লাইনের নিচে (৫ম লাইনে) লিখে দিতে পারেন  import android.view.View;

এখন App রান করান আশা করি Button ক্লিক করলেও কোন Error আসবে না। কিন্তু ক্লিক করলেন কিছুই তো হয় না, তাই না?

কিছু একটা তো করতে হয়। আচ্ছা  আচ্ছা… গত পর্বে আমরা শিখেছি না কেমন করে Toast Message দেখাতে হয়?
Right.
তাহলে সেকেন্ড ব্রাকেটের ভিতর
public void btnClicked(View v){
}
ওরকম প্রোগ্রাম লিখে ফেলুন Button যেন বাটন ক্লিক করলে প্রতিবার Toast দেখায়। আপনাদের সুবিধার জন্য আমি Toast দেখানোর কোড আবার লিখছি..
প্রথমে
import android.app.*;
import android.os.*;
import android.view.View;
এই লাইন গুলোর নিচে লিখে নিন,
import android.widget.*;

তারপর
public void btnClicked(View v){
}
এই মেথড (সেকেন্ড ব্রাকেটের ভিতর) লিখুন।
Toast.makeText(getBaseContext(), “You just clicked Button”, Toast.LENGTH_SHORT).show();

[ঐ Toast লাইনটার কী কী পরিবর্তন যোগ্য সেটা আগের পর্বে দেখে নিতে পারেন।]

ব্যাস এপ রান করে > Button ক্লিক করে দেখুন কী হয় ।

ভালো থাকুন, সুস্থ থাকুন, ‍শিখতে থাকুন।
একজন  বুঝলেন আরেক জন বুঝেন নাই, যিনি বুঝছেন কমেন্টে তাকে বুঝিয়ে দিন। বন্ধু সুলভ আচরণ করুন। তাতে আপনি কী শিখলেন সেটা যেমন চর্চা হবে, মনে রাথাও সহজ হবে।