অ্যান্ড্রয়েড ইন্টারমিডিয়েট টিউটোরিয়াল ৭ঃ ইউজার ইন্টারফেস কম্পোনেন্ট পরিচিতি

অ্যান্ড্রয়েড ইউজার ইন্টারফেস পরিচিতি।

সালাম সবাইকে। বৃষ্টিভেজা অ্যান্ড্রয়েডময় স্বাগতম আজকের লেখায়।

আগের লেখা পড়ে নিন এখান থেকেঃ আন্ড্রয়েড ইন্টারমিডিয়েট টিউটোরিয়াল ৬ঃ onClickListener ( অনক্লিক লিসেনার ) নিয়ে খেলাধুলা

 

অ্যান্ড্রয়েড অ্যাপ্লিকেশন ইউজার ইন্টারফেসঃ অ্যান্ড্রয়েড এ ইউজার ইন্টারফেস হচ্ছে আমরা অ্যাপ্লিকেশন ওপেন করে যা দেখি তাই। সেটা হতে পারে ডিস্প্লে স্ক্রিন, বাটন, কীবোর্ড, টেক্সট ভিউ, ইমেজ ভিউ ইত্যাদি। অ্যান্ড্রয়েড  এর ইউজার ইন্টারফেস এর যে কম্পোনেন্টগুলো নিয়ে আমরা কাজ করবো সেগুলো সম্পর্কে জানবো। কম্পোনেন্টগুলো নিন্মরুপঃ
১/ View ( ভিউ )
২/ Dialogue ( ডায়লগ )
৩/ Menu ( মেনু )
৪/ Widget ( উইজেট )

 

চমতকার একটা ইন্টারফেস

চমতকার একটা ইন্টারফেস

 

View ( ভিউ ) এর মধ্যে রয়েছে যে টাইপগুলোঃ
১/ Text View ( টেক্সটভিউ ) : অ্যান্ড্রয়েড এ আমরা যে লেখা/টেক্সটগুলো দেখি সেগুলোই হচ্ছে টেক্সভিউ কম্পোনেন্ট।
এক্সএমএল ( XML ) উদাহরনঃ

<TextView
android:id="@+id/id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Android Lime" />

২/ Image View ( ইমেজ ভিউ ) : যে ইমেজ দেখি সেগুলো ইমেজভিউ এর কম্পোনেন্ট।
এক্সএমএল ( XML ) উদাহরনঃ

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/abc_btn_check_to_on_mtrl_015" />

 

৩/ Web View ( ওয়েব ভিউ ) : কোন ওয়েব সাইট আমাদের অ্যাপে দেখাতে চাইলে ওয়েব ভিউ।
এক্সএমএল ( XML ) উদাহরনঃ

<WebView
android:id="@+id/webView1"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>

 

৪/ List View ( লিস্ট ভিউ ) : কিছু ডাটা লিস্ট আকারে দেখাতে চাইলে আমরা লিস্টভিউ ব্যবহার করতে পারবো।
এক্সএমএল ( XML ) উদাহরনঃ

<ListView
android:id="@+id/listView1"
android:layout_width="match_parent"
android:layout_height="wrap_content">
< /ListView>

 

৫/ Grid View ( গ্রিড ভিউ ) : কিছু ডাটা গ্রিড আকারে দেখাতে চাইলে আমরা এই ট্যাগ ব্যবহার করবো।
এক্সএমএল ( XML ) উদাহরনঃ

<GridView
android:id="@+id/gridView1"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</GridView>

 

 

Dialogue ( ডায়লগ ) :
Dialogue ( ডায়লগ ) হচ্ছে ছোট্ট পপ-আপ যে উইন্ডো আসে কোন ডিসিশান নিতে সেটি। যেমন আপনি কোন কিছু ডিলিট করতে গেলে সাধারনত ‘ Are You Sure?’ লেখাযুক্ত ডায়লগ আসে। যেখানে ‘Yes’ , ‘ No’ টাইপের অপশন থাকতে পারে। উদাহরন নিচের ছবিতেঃ

Alert Dialog

Alert Dialog

ডায়লগ তিন প্রকার হয়ঃ
ক) পজেটিভ ডায়লগ, যেখানে পজেটিভ রেস্পন্স নেওয়ার বাটন থাকে।
খ) নেগেটিভ ডায়লগ, যেখানে নেগেটিভ রেস্পন্স নেওয়ার বাটন থাকে।
গ) নিউট্রাল, যেটা পজেটিভ নেগেটিভ কোনটা না।
ডায়লগ নিয়ে আমরা বিস্তারিত পরে জানবো।

 

Menu ( মেনু ):
মেনু হচ্ছে মেনু। অনেকগুলা পেজ বা কাজের শর্ট লিঙ্ক একপাশে দেয়া থাকা। আমাদের অ্যান্ড্রয়েডেও মেনু আছে।  আমরা যখন অ্যান্ড্রয়েড ব্যসিক টিউটোরিয়াল ২ঃ ADT ফাইল স্ট্রার্কচার পরিচিতি দেখেছিলাম সেখানে ২৪ নাম্বারে গেলে দেখা যাবে মেনু নিয়ে আলাদা এক্সএমএল ফাইল আছে। সেখান থেকে আমরা মেনু অ্যাড করতে পারবো। মেনুর ছবি নিম্ম্রুপঃ

android menu

 

Widget ( উইজেট ):
Widget ( উইজেট ) হচ্ছে আমাদের হোম পেজে অ্যাপগুলোর কোন ফিচার এর দেখানো। ধরুন আপনি একটা অ্যাপ্লিকেশন বানালেন ক্রিকেট নিয়ে। আপনার অ্যাপে উইজেট রয়েছে। যেটা হোম পেজে এড করে দেয়া যাবে। এবং করলে লাইভ স্কোর দেখাবে সেখানে। উইজেটের ছবি নিন্মরুপঃ

android widget

 

অ্যান্ড্রয়েড ইউজার ইন্টারফেসে আরো একটি গুরুত্বপুর্ন বিষয় আছে। যেটি হচ্ছে Layout. একটি Layout এর কাজ হচ্ছে অনেকগুলা কম্পোনেন্টকে সঠিকভাবে ধরে রেখে ভিউ করানো। উদাহরনস্বরুপ আমি দুইটা মোস্ট ইম্পরট্যান্ট দুইটা লেয়াউটের কথা বলবো। এছাড়াও কিছু লেয়াউট আছে যা দেখে নিতে পারেন আপনারা।
১/ Linear Layout : এই লেয়াউট এর ভিতরে কম্পোনেন্ট, যেমন টেক্সভিউ, ইমেজভিউ এদের লিনিয়ারলি দেখাবে। লিনিয়ার ভাবে দেখানোর মানে হচ্ছে একটার পরে একটা অথবা একটার নিচে একটা। হতে পারে একটা টেক্সট ভিউ এর নিচে একটা ইমেজ ভিউ, তারপর একটা ওয়েব সাইট লিঙ্ক। কোডের উদাহরন নিন্মরুপঃ

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
</LinearLayout>

 

২/ Relative Layout : এই রিলেটিভ লেয়াউট হচ্ছে এর ভিতরে কম্পোনেন্টগুলোকে একটার সাপেক্ষে আরেকটা দেখাবে। অর্থাৎ, হতে টেক্সটভিউ এর সাপেক্ষে ইমেজ ভিউ। ইমেজ ভিউ এর সাপেক্ষে আরেকটা টেক্সট ভিউ। উদাহরন নিন্মরুপঃ

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
</RelativeLayout>

 

আজ এই পর্যন্ত। আশা করি সবাই বুঝতে পেরেছেন। না বুঝলে কমেন্ট করতে পারেন।

আরো পড়ুনঃ অ্যান্ড্রয়েড থেকে আয়ের পথসমূহ

Mosharrof Rubel

আমাকে ফেসবুকে পাবেন এখানেঃ মোশাররফ রুবেল

You may also like...

Leave a Reply