Android Application မ်ားေရးသားနည္း - အပုိင္း(၁၅)

ဒီသင္ခန္းစာကလည္း အပုိင္း (၁၁) သင္ခန္းစာကုိပဲအေျခခံမွာျဖစ္ပါတယ္။ အပုိင္း ၁၁ မွာတုန္းက Button Code ကုိထည့္တဲ့အဆင့္အထိျပီးခဲ့ျပီျဖစ္ပါတယ္။ အပုိင္း (၁၄) သင္ခန္းစာမွာတုန္းက  Button ကုိႏွိပ္လုိက္ရင္ မိမိၾကိဳတင္ထည့္ထားခဲ့တဲ့ website လိပ္စာကုိ Browser နဲ႕ပြင့္လာေအာင္ေရးခဲ့ျပီးပါျပီ။ ယခုအပုိင္း (၁၅) သင္ခန္းစာဟာလည္း Button နဲ႕ပတ္သက္တာကုိပဲဆက္လုပ္ၾကည့္ရေအာင္။ ဒီသင္ခန္းစာမွာေတာ့ Button ကုိ မိမိစိတ္ၾကိဳက္ ဒီဇုိင္း (သုိ႕) Custom Button ပုံစံနဲ႕ထည့္မွာျဖစ္ပါတယ္။

ကြ်န္ေတာ္တုိ႕မွာ Button အရြယ္အစားပုံတစ္ခုေလာက္ေတာ့ ၾကိဳတင္ဆြဲထားဖုိ႕ ၊ ရွိထားဖုိ႕လုိပါလိမ့္မယ္။ Photoshop ကြ်မ္းက်င္တဲ့သူေတြဆုိရင္ Button ဒီဇုိင္းေလးေတြစိတ္ၾကိဳက္ေရးဆြဲနုိင္ပါလိ္မ့္မယ္။ Photoshop မကြ်မ္းက်င္သူေတြကေတာ့ Microsoft Paint နဲ႕တင္ button တစ္ခုပုံစံေရးဆြဲထားနုိင္ပါတယ္။ Button နမူနာေလးကုိေအာက္မွာျပထားပါတယ္။

ခလုတ္ ဒီဇုိင္းရွိျပီဆုိရင္ ကြ်န္ေတာ္တုိ႕ Project ရဲ႕ res folder ကုိဖြင့္ပါ။ ေအာက္ပါအတုိင္းေတြ႕ရပါမယ္။

ျပီးရင္ Project မွာထည့္သုံးဖုိ႕လုပ္ထားတဲ့ ကြန္ပ်ဴတာထဲက Button ပုံကုိ copy ကူးပါ။ ျပီးရင္ Project ရဲ႕ res folder ေအာက္က drawable-hdpi folder ေပၚမွာ right click ႏွိပ္ျပီး paste လုပ္ပါ။ drawable-hdpi folder ထဲမွာ Button ပုံေလးေရာက္ေနတာေတြ႕ရပါမယ္။ ေအာက္ပါအတုိင္းပါ။

ျပီးရင္ res folder ေအာက္မွာပဲရွိတဲ့ layout folder ကုိဖြင့္ပါ။ အတြင္းမွာ activity_main.xml ဆုိတဲ့ဖုိင္ ပါပါတယ္။  activity_main.xml ဖုိင္ကေတာ့ screen ဖုိင္ျဖစ္ပါတယ္။ အခု ကြ်န္ေတာ္တုိ႕ရဲ႕ ေဆာ့၀ဲ project မွာ screen တစ္ခ်ပ္သာပါေသးတဲ့အတြက္ layout folder ထဲမွာ xml တစ္ဖုိင္သာ ပါေသးတာျဖစ္ပါတယ္။ ေအာက္ပုံအတုိင္းပါ။

ယင္းဖုိင္ကုိဖြင့္လုိက္ပါ။ screen preview နဲ႕ေပၚလာပါမယ္။

Screen ဒီဇဳိင္းေပၚက Button ကုိ click တစ္ခ်က္ႏွိပ္လုိက္ပါ။  ညာဘက္ျခမ္းမွာ ယင္း Button နဲ႕သက္ဆုိင္တဲ့ Properties Box ေပၚလာပါမယ္။ ေအာက္ပုံအတုိင္းပါ။

ယင္း Propertiex Box ထဲမွာ Background ဆုိတာကုိလုိက္ရွာပါ။ ေတြ႕ရင္ Background ဆုိတဲ့စာသားရဲ႕ေဘးက ခလုတ္ေလးကုိႏွိပ္ပါ။ ေအာက္ပုံအတုိင္းပါ။

Reference Chooser ဆုိတဲ့ Box ေပၚလာပါမယ္။ ယင္း box ထဲက Drawable ဆုိတဲ့ folder ကုိဖြင့္ပါ။
အတြင္းထဲမွာ ခုနတုန္းက ထည့္ထားခဲ့တဲ့ ခလုတ္ပုံရဲ႕နာမည္ကုိေတြ႕ရပါမယ္။ ေအာက္ပုံအတုိင္းပါ။

ယင္း ပုံရဲ႕နာမည္ကုိ select မွတ္ျပီး OK ကုိႏွိပ္ပါ။ ေအာက္ပုံအတုိင္းပါ။

Screen Preview က ခလုတ္ေနရာမွာမိမိျပဳလုပ္ခဲ့တဲ့ ခလုတ္ဒီဇုိင္းေလးနဲ႕ေပၚလာပါျပီ။ ေအာက္ပုံအတုိင္းပါ။

ဒါေပမယ့္ ခလုတ္ရဲ႕ စာသားေနရာမွာ အရင္ေရးထားတဲ့စာသားေတြနဲ႕ရႈပ္ေနတာကုိေတြ႕ရပါလိမ့္မယ္။ ယင္း ခလုတ္ေပၚက စာသားေတြကုိဖ်က္ရပါမယ္။ Button ေပၚကုိ click တစ္ခ်က္ႏွိပ္ပါ။ ေပၚလာတဲ့
Properties Box ထဲမွာ Text ဆုိတာပါ ပါတယ္။ ယင္း Text ထဲက စာသားကုိဖ်က္ရပါမယ္။ ေအာက္ပုံအတုိင္းပါ။

ဖ်က္ျပီးရင္ေတာ့ ခလုတ္ေနရာမွာ စာသားေတြမရွိေတာ့ပါဘူး ။ ရွင္းသြားပါျပီ။ ဖုန္း (သုိ႕) emulator နဲ႕ run ၾကည့္လုိက္ရင္ေတာ့ ကုိယ့္ရဲ႕ေဆာ့၀ဲထဲက ခလုတ္မွာ custom button ေလးနဲ႕ေတြ႕ရပါျပီ။

အိမ္စာအေနနဲ႕ မိမိတုိ႕ရဲ႕ application project မွာ custom button ဒီဇုိင္းနဲ႕ Button တစ္ခုထည့္ျပီး apk ဖုိင္ကုိ myanmarmobileapp@gmail.com ကုိေပးပို႕ရပါမယ္။

အသိေပးခ်က္ ။ ။ယခု Student Online Campus မွသင္ခန္းစာမ်ားကုိ ျပင္ပWebsite ၊ စာရြက္စာတမ္း မ်ားတြင္ ကူးယူေဖာ္ျပျခင္းမျပဳရန္အသိေပးအပ္ပါသည္။