Thank you for image : http://developer.android.com
Action Bar
คือ แถบด้านบนของแอพฯ เริ่มมีให้ใช้ได้ ตั้งแต่ Android API 11 หรือ Android 3.0 (Honeycomb) โดยเราสามารถออกแบบแอพของเรา ให้มีปุ่ม ๆ ต่างได้ ไม่ว่าการทำการ Search Button, Drop-down menu ใส่ได้ทั้งข้อความและรูปภาพ ..
เริ่มโปรเจคใหม่กันเลย..
- Step 1 : New Project กันก่อนครับ เลือกตามรูปครับ
- เนื่องจาก Action Bar รองรับที่ API 11 (Android 3.0) ขึ้นไป เนื่องด้วยในปัจจุบันเทียบโดยสัดส่วนแล้ว คนที่ยังใช้ Android 3.0 ต่ำลงมา น้อยถึงน้อยที่สุด เพราะส่วนใหญ่ก็อัพเดทใช้ Android 4.0+ กันเยอะแล้ว ดังนั้นขอเลือกเป็น API 14 (Android 4.0) เลยแล้วกันนะครับ
- Step 2 : เลือก Blank Activity แล้วกด next..
- Step 3 : ตั้งชื่อ
- Activity Name : MainActivity
- Layout Name: activity_main
- Title: MainActivity
- Menu Resource Name: menu_main
- จากนั้นกด Finish..
- จะได้ตามนี้ครับ เอ่อ โปรแกรมนี้คือ Android Studio นะครับ ตอนนี้เป็นเวอร์ชั่น 0.8.14 beta
- ถึงแม้ Action Bar จะ Support ตั้งแต่ Android API 11+ ขึ้นไปเราก็สามารถควบคุมการทำงานมันได้เช่นการเปิดหรือปิด เช่นบางแอพ เราต้องการที่จะปิดไม่ใช้งานเลย หรือบาง Activity ไม่ให้มี ActionBar ก็สามารถปิดได้เช่นกัน การควบคุมการเปิด/ปิด Action Bar สามารถทำได้ ดังนี้ ..
- สั่งที่ AndroidMinifest.xml ส่วนที่กำหนดค่า คือ android:theme ตัวนี้จะเป็นการเปิดใช้งาน Action Bar (นี้เป็นธีมตัวอย่างที่เป็นค่า Default)
- วิธีการหนึ่ง ที่จะปิด Action Bar คือ ให้เปลี่ยน Style Theme มันซ่ะ ให้เป็น
- android:theme="@android:style/Theme.Holo.Light.NoActionBar" เพียงแค่นี้ก็ได้แล้ว ไม่เชื่อลองรันดูสิ ^^"
- แต่เดี๋ยวก่อน วิธีข้างบนนี้ ถ้ากำหนดการปิดใน AndroidMinifest.xml มันจะทำการปิดทุก Activity ทุกหน้าของแอพฯ เลย แต่หากเราต้องการให้มีบางหน้าของแอพฯ มี ActionBar อยู่ล่ะทำยังไงดี?
- อย่างที่บอกครับ ในหนึ่งในวิธีนอกเหนือจากนี้ สามารถควบคุมผ่าน Java ไฟล์ได้เลย แต่ต้องเปิด Actionbar ใน AndroidMinifest.xml ไว้ก่อนนะ ตรงบรรทัด android:theme="@style/AppTheme" ส่วน Theme ใน Activity ตัวอื่นให้ลบทิ้งไปเลยครับ เรายึดแค่ตัวหลัก ใน tag application เท่านั้น
- ไปที่ไฟล์ Java Class ครับ ตัว MainActivity.java เปิดเข้าไป
- เพิ่มโค้ด getActionBar().hide(); ใน onCreate()
- จะสังเกตุเห็นว่า Action Bar ได้หายไปแล้ว แต่ยังเหลือ Top Notification ด้านบน อยากให้มันเต็มจอไปเลย? FullScreen Mode ทำได้ ตามนี้ครับ
- ง่ายใช่ไหมครับ ?!~ อยากปิด Actionbar หน้าไหน หรือจะทำ Mode FullScreen ก็ทำได้โดยโค้ดข้างบนได้เลย .. ลองเลือกเล่นดูนะครับ สำหรับวันนี้ บ๊ายบายย..
ไม่มีความคิดเห็น:
แสดงความคิดเห็น