Splash Screen and Custom Button

ဒီနေ့တော့ application တစ်ခုစစတက်ချင်းမှာ application ရဲ့ logo လေးနဲ့ Splash screen လေးတက်လာတာရယ် ကိုယ့်စိတ်ကြိုက် custom button လေးတွေလုပ်တက်အောင် application သေးသေးတစ်ခုလုပ်ကြည့်ကြရအောင်။

Application စစတက်ချင်းမှာ Myanmar Tutorials ဆိုတဲ့ logo လေး splash screen နဲ့ အရင်တက်လာမယ် ပြီးရင် Main Screen ကြီးမှာတော့ heart ပုံစံ Custom button လေးထည့်ထားပါတယ်။ play button ကို click ရင် သီချင်းသံလေး ကြားရပြီး stop button ကို click ရင်တော့ သီချင်းသံလေးရပ်သွားမယ့် application လောက်လေးရေးကြည့်ကြပါမယ်။

ဒီတော့ခါတိုင်းလိုဘဲ New Project ဆိုပြီး Splash နာမည်နဲ့ project တစ်ခုဆောက်လိုက်ပါမယ်။ Activity မှာတော့ SplashScreenActivity နာမည်နဲ့ Activity တစ်ခုစရေးပါမယ်။ splash screen မှာတော့ Myanmar Tutorial logo ပါတဲ့ screen လေးရအောင် xml နဲ့ Interface တစ်ခုပြုလုပ်ဖို့အတွက် layout folder မှာ right click > new > Other > Android > Android XML File ကိုရွေးပါ။

File name မှာ Splash.xml ဆိုပြီး LinearLayout ဘဲထားပြီး Finish လုပ်ပါ။ Splash.xml ဆိုတဲ့ Screen ထဲမှာတော့ Myanmar Tutorial logo လေးနဲ့ Image View လေးတစ်ခုဘဲထည့်ပါ။ Screen ရဲ့ background ကိုတော့ အဖြူရောင်ဘဲထားထားပါတယ်။

အဲ့ဒီနောကမှာတော့ SplashScreenActivity.java မှာအခုလိုရေးထားပါတယ်။ (၁) onCreate() method ထမှာ setContentView() ထဲမှာခုဏက ပြုလုပ်ထားတဲ့ Interface Screen ဖြစ်တဲ့ splash.xml ကိုသတ်မှတ်လိုက်ပါတယ်။ အမှန်တကယ် splash screen ဆိုတာ Screen Activity တစ်ခုကနေတစ်ခုကိုမကူးခင်မှာ အချိန် millisecond အနည်းငယ်အချိန်ဆွဲထားလိုက်တာပါဘဲ။ (၂ နဲ့ ၃) Thread တစ်ခုဖန်တီးပြီး Thread ရဲ့ run ထဲမွာ ကို splash screen ကိုဘယ်လောက်ကြာကြာပြချင်လဲ အဲ့ဒီအချိန်ရောက်ရင်တော့ thread ကို sleep လုပ်လိုက်ပါတယ်။ (၄) အချိန်စောင့်ပြီးလို့ thread က sleep ဖြစ်သွားရင်တော့ ကိုယ်ပြချင်တဲ့ main screen ကို Intent ကနေတဆင့်ကူးပါတယ်။ (၅) Thread ကိုစပြီး start လုပ်ပါတယ်။

နောက်ထပ် MainScreen အတွက် Activity တစ်ခုထပ်ပြီး create လုပ်ပါမယ်။ package မှာ right click > new > class
Class name မှာ MainScreenActivity လို့ပေးပြီး Superclass မှာတော့ Activty ကို extends လုပ်ချင်တာကြောင့် Browse ကနေ android.app.Activity ရွေးပြီး Finish လုပ်ပါ။ အခုအခြေအနေမှာ Activity ကိုအမွေဆက်ခံထားတဲ့ class တစ်ခုရပါပြီ။ parent က method တွေကိုအမွေဆက်ခံဖို့အတွက် MainScreenActivity.java > right Click > Source > Override/Implement Method ကိုရွေးပါ။ onCreate method ကိုအမှန်ခြစ်ရွေးပါ။

MainScreenActivity.java အတွက်အခုလို method လေးထည့်ပေးထားတာတွေ့ရမှာပါ။

အခုဆက်လက်ပြီး MainScreenActiviy အတွက် User Interface ဖြစ်တဲ့ main.xml ကိုဆက်လက်ရှင်းပါမယ်။ main.xml မှာတော့ Button ၂ ခုထည့်ထားပါတယ်။ Screen ရဲ့ background ကိုတော့ drawable resourse ထဲက ပုံကိုထည့်ထားပါတယ်။ ဒီမှာ ပြောချင်တာက Button ပါ။ ပုံမှာပြထားတဲ့ Button တွေက heart ပုံလေးတွေနဲ့ Custom Button ပါ။ Custom Button အတွက် drawable folder အောက်မွာ xml ဖိုင်တစ်ခုရေးရပါမယ်။ ပြီးမှ အဲ့ဒီ xml ဖိုင်ကို background ကနေတဆင့်ပြန်ပြီး reference လုပ်ပေးရပါမယ်။

Custom Button ပြုလုပ်ဖို့အတွက် drawable folder > right click > new > other > Android > Android XML File > Next
File name မှာ custombutton.xml လို့ပေးပါတယ်။ xml အခွံလေးရလာရင် အခုလို selector tag တွေနဲ့ button လေးမှာfocused ဖြစ်ရင်ပြချင်တဲ့ပုံကတစ်မျိုး pressed ဖြစ်ရင်ပြချင်တဲ့ပုံကတစ်မျိုး ရေးသားပါတယ်။

MainScreenActivity.java မှာတော့ button တွေမှာ listener တွေထည့်ထားပြီးသက်ဆိုင်ရာ button ကို click ရင် MediaPlayer object ကနေတဆင့် raw folder အောက်မှာက sleep.mp3 ကို play လုပ်ထားပါတယ်။

Sample Project download ယူရန်
Part1
Part2
http://www.myanmartutorials.com/