PhoneGap Tips: วิธีตั้งค่าให้แอพไม่หมุนตามการเอียงเครื่องใน Android และ iOS

พอเราเอา PhoneGap มาพัฒนาแอพกันจริงๆ จังๆ ก็ต้องเจอสเปคนี้แน่ๆ

“ถ้าไม่อยากให้แอพมันเอียงไปตามการถือเครื่อง จะทำยังไง?”

ซึ่งใน PhoneGap เวอร์ชั่น 3 ขึ้นไปได้รวมการตั้งค่าของทุกๆ platform มาอยู่ใน file ที่ชื่อว่า config.xml ซึ่งอยู่ใน folder ที่ชื่อ www ของเรานั่นเองครับ

วิธีล็อคไม่ให้แอพหมุนตามการถือของเครื่องสำหรับ Android และ iOS

1. กำหนดค่า

เริ่มจากการเปิดไฟล​์ config.xml ใน folder ที่ชื่อ www ของโปรเจคเราขึ้นมา และใส่ คำสั่งด้านล่างลงไประหว่างแท็ก <widget>  โดยค่าของ value จะเป็นlandscape  (แนวนอน) หรือportrait  (แนวตั้ง) ก็ได้ครับ

<widget>
..

<preference name="Orientation" value="landscape" />

..
</widget>

 

2. บันทึกไฟล์

หลายคนจะลืมกด Save ไฟล์ config.xml นะครับ ตรงนี้สำคัญนะ เพราะถ้าเราไม่ save ยังไงให้ตายมันก็ไม่ lock ครับ

3. สั่ง build แอพใน platform ต่างๆ ใหม่

หลังจากนั้นใช้คำสั่ง build เพื่อให้ PhoneGap SDK (หรือ Cordova SDK) สร้างแอพใน platform ต่างๆ ให้เราโดยใช้ค่าที่เราเพิ่งกำหนดลงไปใน config.xml ครับ

cordova build

 

4. ทดสอบ

พอขั้นตอนการ build เสร็จสมบูรณ์ ก็ให้ทดสอบในมือถือดูครับ หวังว่าได้ผลที่ต้องการทุกคนนะครับ

ถ้ากดสูตรนี้ไม่ติด ก็ comment คุยกันด้านล่างได้นะครับ