แสดงบทความที่มีป้ายกำกับ Titanium Studio แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ Titanium Studio แสดงบทความทั้งหมด

ทดสอบ บนเครื่องจริง สำหรับ Android

จากการที่เราได้ทำการ สร้าง Application เพื่อให้ทำงานบน Emlator แล้ว ทีนี้เราจะลองเอาไปรันบนเครื่องจริง ๆ กันครับบทความนี้จะกล่าวถึงการ นำ Application ที่เราทำไว้แล้วไปรันทดสอบบนเครื่องจริง ๆ กัน สิ่งที่เราต้องมีครับ
  • Android 1 เครื่อง
  • สาย USB
อันดับแรกครับ เราเอา Android ของเรา เชื่อมต่อกับเครื่องคอมพิวเตอร์ของเราก่อนเลยครับ (สำหรับผู้ใช้ Windows ต้องติดตั้ง Driver ให้เรียบร้อยก่อนนะครับ)  จากนั้นทำการเปิด  USB Debugging ที่โทรศัพท์  โดยไปที่ Setting -> Applications -> Development  เลือก USB Debugging  ครับ  จากนั้นกลับมาที่ Titanium Studio ครับ เลือกที่ ปุ่ม Run แล้วก็เลือก Android Device ครับ


จากนั้นก็รอจนกว่าจะเจอ Message  แบบนี้ครับ

แล้วก็ไปที่ โทรศัพท์ ของคุณ รันโปรแกรมที่ได้พัฒนาได้แล้วหล่ะครับ หากไม่มีการเปลี่ยน icon ของตัว Application ตัว Application จะเป็นรูป Logo ของ Titanium นะครับ

Web View

ในบทความนี้เราจะกล่าวถึง  Web View นะครับ Web View คืออะไร  มันก็คือ View ที่เอาไว้เปิดแสดง Web หรือ Content ที่เป็น HTML นั่นเองครับ

การใช้งาน ImageView

บทความนี้เราจะมาทำความรู้จักกับ Image View กันนะครับ จากชื่อก็บอกอยู่แล้วครับว่ามันคือ View ที่เอาไว้แสดง รูปภาพ นั่นเองครับ

การใช้ ScrollableView

Scrollable  View คือ Container สำหรับจัดเก็บ View เพื่อแสดงในรูปแบบของ Paging เพื่อให้เห็นภาพได้ง่าย ๆ ให้นึกถึง Photo Gallery ใน โทรศัพท์​ของพวกเรา ครับ เอาหล่ะครับ เราไปเริ่มกันดีกว่าครับ ว่า มันใช้งานอย่างไร

การใช้งาน ScrollView

บทความนี้เราจะมาทำการรู้จักกับ ScrollView กันนะครับ Scroll View เป็น View ประเภทหนึ่งครับ ที่สามารถเลื่อนขึ้นลง , ซ้ายขวา ได้ ตามแต่ที่ เราทำการ ตั้งค่า เอาไว้

การใช้งาน Navigator Group (เฉพาะ iOS)

จากที่ผ่านมาเราได้รู้จักกับ window ไปแล้วนะครับ แต่ไม่ทราบว่าได้สังเกตุ กันหรือเปล่าว่า Window ที่ถูกสร้างขึ้นมาด้วย Code เราทำการเขียนเอาไว้มันขาดอะไรไปอย่างหนึ่ง มันขาด Title ไปนั่นเองครับ แล้วเราจะเอามันมาได้อย่างไร หล่่ะ
  • ใช้  TabGroup ครับ แต่.....เราไม่ได้ต้องการให้มี Tab อยู่ด้านล่าง
  • ใช้  Navigator Group ครับ
ในบทความนี้เราจะกล่าวถึง Navigator Group ที่ไม่ได้มีเอาไว้แค่ โชว์ Title เท่านั้น มันยังสามารถเปิด  Window ใหม่พร้อมทั้ง สร้างปุ่ม Back ให้คุณโดยอัตโนมัติอีกด้วย แล้วมันใช้งานอย่างไรหล่ะ เราไปดูกันเลยครับ


การใช้ Option Dialog

หลังจากที่เรารู้จักกับ Alert Dialog ไปแล้ว ก็​มาถึง Dialog อีกประเภทหนึ่งที่ถูกเรียกใช้งานค่อนข้างบ่อย นั่นก็คือ Option Dialog นั่นเองครับ หน้าตาของ Option Dialog เป็นแบบนี้ครับ
Opton Dialog

การใช้ Alert Dialog

จากที่ผ่าน ๆ มานั้นเราได้เรียนรู้วิธีการเขียนโปรแกรมเพื่อสร้าง UI ต่าง ๆ ไปแล้ว และในบทความนี้จะกล่าวถึง สิ่งที่เอาไว้โต้ตอบ เตือน หรือ สอบถาม กับผู้ใช้ ซึ่งนั่นก็คือ Dialog ซึ่ง Dialog ที่เราจะกล่าวถึงใน บทความนี้ก็คือ Alert Dialog นั่นเองครับ

Alert Dialog

Tab Group



Container อีกประเภทหนึ่งที่ถูกใช้่ค่อนข้างบ่อยใน Applicatoin หลาย ๆ ตัว น้่นก็คือ Tab Group นั่นเองครับ โดยที่  TabGroup  ในบทความนี้จะทำให้ทุกท่านได้รู้จักกับ Tab Group มากยิ่งขึ้น เรามาเริ่มกันเลยนะครับ



รู้จักกับ TableView



หลังจากที่เราได้รู้จัก Object ต่าง ๆ กันไปพอสมควร วันนี้ผมก็จะนำเสนอ Container อีกประเภทหนึ่ง ที่ใช้กันบ่อยมาก ๆ เลยนะครับ Container นั้นก็ คือ TableView นั่นเองครับ ด้วยตัวชื่อก็ บอกอยู่แล้วครับว่า มันคือ Table แล้วมันสามารถทำอะไรได้บ้างเราไปดูกันครับ เราสามารถสร้างมันขึ้นมาได้ด้วยคำสั่ง

การสร้าง View



เมื่อเรารู้จักกับการสร้าง Windows และ Object พิ้นฐานไปบ้างแล้ว สิ่งต่อมาที่เราควรจะต้องรู้จักนั่นก็คือ View นั่นเองครับ

View เป็น Container สำหรับวาง Object ต่าง ๆ ซึ่งจะมีความคล้ายคลึงกับ Window เพียงแต่ไม่สามารถสั่ง Open หรือ Close ได้ สามารถกำหนดรูปแบบการแสดงได้หลากหลาย โดยส่วนใหญ่แล้วจะใช้ Object View เพื่อการแสดงผลในส่วนต่าง ๆ ของ Window  อีกด้วย โดยที่เราสามารถสร้าง View ได้ด้วยคำสั่ง

Text Input

สำหรับในบทความนี้นั้นเราจะกล่าวถึง Input Box ประเภท Text นั่นก็คือ TextField และ TextArea นั่นเองครับ ทั้ง 2 Object นี้ มีความสำคัญต่อการพัฒนาโปรแกรมบน มือถือ มากพอสมควรครับ เนื่องจากมันจะเป็นที่รองรับการ Input ข้อมูลต่าง ๆ ที่  User ได้ทำการพิมพ์เข้ามานั่นเอง โดยที่ทั้ง 2 ตัวนั้น มีึความแตกต่างกันอย่างไรบ้าง ลองไปดูกันครับ

เริ่มต้นกับ Window , Button และ Label

  การพัฒนาโปรแกรมไม่ว่าจะเป็น Web หรือ จะเป็น  Application ต่าง ๆ ส่วนที่สำคัญที่สุดก็คือ  User Interface โดยที่ ทาง Titanium Studio เองนั้น ไม่ได้เตรียมเครื่องมือสำหรับการสร้าง UI ในลักษณะของ Visual มาให้จังทำให้เราต้องทำการสร้าง UI ขึ้นเองด้วยการ Coding ดังนั้น ในบทความต่อจากนี้จะเป็นการเริ่มต้นการสร้าง UI จากพื้นฐานทีสุดนั้นก็คือ Window

ติดตั้ง Titanium Studio และเริ่มใช้งาน Titanium Studio

ติดตั้ง Titanium Studio 



ก่อนจะไปถึงการติดตั้งเรามาทำความเข้าใจกันก่อนดีกว่าครับ ในเรื่องของการ พัฒนาโปรแกรมนั้น หากคุณต้องการพัฒนา Application บน iOS นั้น ต้องดำเนินการบน Mac OS เท่านั้น ส่วน Platform Android นั้น สามารถเลือกพัฒนาได้ทั้ง Mac และ Windows นะครับ

Titanium Studio

Titanium Studio คืออะไร 




Titanium Studio เป็น Tools จาก Appcelerator, Inc.  สำหรับสร้าง Application แบบ Cross-Platform ในลักษณะของ Native Application ซึ่งนั้นก็จะหมายถึง Application ที่ถูกสร้างด้วย Titanium Studio นี้ จะมีความสามารถเทียบเท่ากับ Application ที่ถูกเขียนขึ้นด้วย ภาษาเฉพาะเจาะจงของแต่ละ Platform นั่นเอง