แสดงตัวเลขบน Tab Group (TabGroup badge) เฉพาะ iOS

บทความนี้เราจะมาด้วยเรื่องเบา ๆ กันนะครับนันก็คือ TabGroup Badge นั่นเองครับ

วิธีการใช้งานก็ง่ายมาก ๆ เลยครับ ขั้นแรก ให้เราสร้าง TabGroup ขึ้นมาก่อนครับ แล้วก็นำเอา Tab ไปใส่ให้เรียบร้อย จากนั้นก็ทำการกำหนด Property badge เป็นตัวเลขตามต้องการ
var tabgroup = Ti.UI.createTabGroup(); var win1 = Ti.UI.createWindow({ title:'Win 1' }); var win2 = Ti.UI.createWindow({ title : 'Win 2' }); var tab1 = Ti.UI.createTab({ title : 'Tab 1', badge : 99,< window : win1, icon : 'KS_nav_ui.png' }); var tab2 = Ti.UI.createTab({ title : 'Tab 2', badge : 5, window : win2, icon : 'KS_nav_ui.png' }); tabgroup.addTab(tab1); tabgroup.addTab(tab2); tabgroup.open(); ก็จะได้ดังภาพ


เป็นอย่างไรบ้างครับง่ายมาก ๆ เลยใช่มั้ยครับกับการแสดงตัวเลขบน Tab Group ติชม หรือ ให้คำแนะนำเพิ่มเติมได้นะครับ อย่าลืมกด Like Fanpage ด้วยนะครับ

0 ความคิดเห็น:

แสดงความคิดเห็น