วิธีสร้างแอพ Android: ทุกสิ่งที่คุณต้องรู้

คู่มือนี้สามารถดาวน์โหลดได้ฟรีในรูปแบบ PDF ดาวน์โหลดไฟล์นี้เลย . อย่าลังเลที่จะคัดลอกและแบ่งปันสิ่งนี้กับเพื่อนและครอบครัวของคุณ

ยินดีต้อนรับสู่คู่มือ MakeUseOf ในการสร้างแอป Android ของคุณเอง ในคู่มือนี้ เราจะพิจารณาว่าเหตุใดคุณจึงต้องการสร้างแอปพลิเคชัน Android ของคุณเอง ตัวเลือกบางอย่างที่คุณมีสำหรับการสร้าง และวิธีทำให้ผู้อื่นใช้งานได้

บทนำสู่การพัฒนา Android

มีสองวิธีหลักในการพัฒนาแอพ Android อย่างแรกคือต้องเขียนตั้งแต่เริ่มต้น ซึ่งส่วนใหญ่มักเป็นในภาษาจาวา แต่นี้แน่นอนถือว่าคุณแล้ว ทราบ Java หรือมีความอดทนที่จะเรียนรู้มันก่อนที่จะดำน้ำ แต่ถ้าคุณอยากเริ่มต้นทันทีล่ะ

---

---

อีกตัวเลือกหนึ่งคือหนึ่งในเครื่องมือสร้างแอปแบบชี้แล้วคลิกในตลาด ผู้ใช้องค์กรเป้าหมายจำนวนมากเหล่านี้ (และมาพร้อมกับป้ายราคาสำหรับองค์กร) แต่ MIT ขอเสนอ 'App Inventor' ซึ่งเป็นเครื่องมือออนไลน์ที่ช่วยให้คุณสามารถสร้างแอปของคุณได้ คุณสามารถทำสิ่งที่เรียบร้อยบางอย่างให้สำเร็จได้ด้วย App Inventor ซึ่งจะทำให้คุณไม่ว่างจนกว่าคุณจะสามารถเจาะลึกเข้าไปใน Java และเข้าถึงคุณสมบัติอันทรงพลังทั้งหมดของแพลตฟอร์ม Android

ในส่วนด้านล่าง เราจะสร้างเวอร์ชันต้นแบบของแอปพลิเคชัน 'scratchpad' แบบง่าย ซึ่งจะเก็บข้อความที่คุณพิมพ์ลงไป เราจะทำสิ่งนี้ก่อนใน App Inventor และดูตัวอย่างผลลัพธ์ในโปรแกรมจำลอง Android จากนั้นเราจะขยายแอปพลิเคชันนี้ด้วยความสามารถในการเลือกจากหลายไฟล์ ทำให้เป็น 'แผ่นจดบันทึก' มากขึ้น สำหรับการปรับปรุงประเภทนี้ เราจะต้องลงลึกใน Java และ Android Studio

พร้อม? ไปกันเถอะ

ทำไมต้องพัฒนาสำหรับ Android?

มีเหตุผลหลายประการที่คุณต้องการสร้างแอป Android ของคุณเอง ได้แก่:

• ความจำเป็น : มันคือแม่ของการประดิษฐ์นั่นเอง บางทีหลังจากค้นหาแอปในฝันของคุณใน Play Store แล้ว คุณก็รู้ว่ามันเป็นสิ่งที่คุณจะต้องสร้างตัวเองขึ้นมาเพราะยังไม่มีใครมี
• ชุมชน : การพัฒนาสิ่งที่มีประโยชน์และทำให้ใช้งานได้ฟรี (โดยเฉพาะในฐานะโอเพ่นซอร์ส) เป็นวิธีที่ยอดเยี่ยมในการเข้าร่วมในชุมชน Android และ/หรือ FOSS หากไม่มีการสนับสนุนโอเพ่นซอร์ส ก็จะไม่มี Linux และ ถ้าไม่มี Linux ก็ไม่มี Android (หรืออย่างน้อยก็ไม่มี Android อย่างที่เรารู้) ดังนั้นพิจารณาให้กลับ!
• การเรียนรู้ : มีวิธีที่ดีกว่าในการทำความเข้าใจแพลตฟอร์มมากกว่าการพัฒนา อาจเป็นสำหรับโรงเรียนหรือความอยากรู้ของคุณเอง และถ้าคุณสามารถทำเงินได้สองสามเหรียญในตอนท้ายทุกอย่างจะดีขึ้น
• การสร้างรายได้ : ในทางกลับกัน บางทีคุณอาจจะทำเงินตั้งแต่เริ่มต้น แม้ว่า Android จะเคยถูกมองว่าเป็นย่าน 'รายได้แอปต่ำ' แต่สิ่งนี้ก็ค่อยๆ เปลี่ยนไป นักธุรกิจภายใน รายงานเมื่อเดือนมีนาคม ที่คาดว่ารายได้จาก Android จะแซง iOS เป็นครั้งแรกในปี 2560
• เพิ่มเข้าไป : นักพัฒนามักสร้างแอปโดยทั่วไปเพื่อโปรโมต เข้าถึง หรือเสริมผลิตภัณฑ์หรือบริการที่มีอยู่ เช่น แอปคอนโซลที่ใช้ร่วมกันและแอปของ MakeUseOf (ไม่มีให้บริการอีกต่อไป)

ไม่ว่าเหตุผลของคุณจะเป็นอย่างไร การพัฒนาแอพจะท้าทายทักษะการออกแบบ เทคนิค และตรรกะของคุณ และผลลัพธ์ของแบบฝึกหัดนี้ (แอปพลิเคชันที่ทำงานและมีประโยชน์สำหรับ Android) ก็เป็นความสำเร็จที่ยอดเยี่ยมที่สามารถทำหน้าที่เป็นผลงานชิ้นหนึ่งได้

---

---

มีวิธีมากมายในการสร้างแอปของคุณ รวมถึงชุดเครื่องมือ ภาษาโปรแกรม และ สำนักพิมพ์ . ในระดับสูง สิ่งเหล่านี้แบ่งออกเป็นสองประเภทต่อไปนี้

แอปชี้และคลิก

หากคุณเป็นมือใหม่ในการพัฒนา มีสภาพแวดล้อมที่ช่วยให้คุณสร้างแอป Android ได้เช่นเดียวกับที่คุณสร้างงานนำเสนอ Powerpoint คุณสามารถเลือกตัวควบคุม เช่น ปุ่มหรือกล่องข้อความ วางลงบนหน้าจอ (ดังแสดงในรูปภาพด้านล่าง) และระบุพารามิเตอร์บางอย่างเกี่ยวกับวิธีการทำงาน ทั้งหมดโดยไม่ต้องเขียนโค้ดใดๆ

---

---

แอปพลิเคชันประเภทนี้มีข้อดีของเส้นโค้งการเรียนรู้ที่ตื้น โดยปกติคุณสามารถกระโดดเข้าไปและอย่างน้อยก็เริ่มจัดวางหน้าจอของคุณ พวกเขายังใช้ความซับซ้อนอย่างมากจากแอปพลิเคชัน เนื่องจากได้รับการออกแบบมาเพื่อจัดการกับรายละเอียดทางเทคนิค (เช่น ประเภทของวัตถุหรือการจัดการข้อผิดพลาด) เบื้องหลัง ในทางกลับกัน ความเรียบง่ายนั้นหมายความว่าคุณอยู่ในความเมตตาของผู้สร้างเครื่องมือว่าคุณลักษณะใดบ้างที่ได้รับการสนับสนุน นอกจากนี้ เครื่องมือเหล่านี้จำนวนมากมุ่งเป้าไปที่บริษัทขนาดใหญ่และอาจมีราคาแพง

ข้อยกเว้นคือเว็บแอปพลิเคชัน App Inventor ของ MIT ซึ่งใช้งานได้และฟรี หลังจากลงชื่อเข้าใช้ด้วยบัญชี Google แล้ว คุณสามารถคลิกแอปร่วมกันได้ภายในสองสามนาที และดูตัวอย่างบนโทรศัพท์หรือผ่านโปรแกรมจำลอง Android

เขียนตั้งแต่เริ่มต้น

อีกทางเลือกหนึ่งคือการเขียนใบสมัครของคุณตั้งแต่เริ่มต้น นี่อาจแตกต่างไปจากสิ่งที่คุณกำลังจินตนาการ - ไม่เหมือนภาพยนตร์พรรณนาถึงมัน

โดยจะพิมพ์โค้ดทีละบรรทัดลงในไฟล์ต้นฉบับ จากนั้นจึงคอมไพล์ลงในแอปพลิเคชันที่ปฏิบัติการได้ ถึงแม้ว่ามันอาจจะฟังดูน่าเบื่อ แต่ในความเป็นจริง คุณใช้เวลาเขียนโปรแกรมมากขึ้นใน ออกแบบ หรือการคิดไตร่ตรองว่าสิ่งต่างๆ ควรจะทำงานอย่างไร ถามนักพัฒนาส่วนใหญ่แล้วพวกเขาจะบอกว่าพวกเขาใช้เวลาเพียง 10-15% ในการป้อนรหัส ดังนั้นคุณจะใช้เวลาส่วนใหญ่ไปกับการฝันกลางวัน (อย่างมีประสิทธิผล) เกี่ยวกับสิ่งที่แอปของคุณควรทำ

คุณสามารถเขียนโค้ดแอปพลิเคชัน Android ได้สองวิธี วิธี 'มาตรฐาน' คือการเขียนแอปใน Java ซึ่งเป็นหนึ่งในภาษาที่ได้รับความนิยมมากที่สุดในโลกอย่างสม่ำเสมอ แม้ว่า Google จะเพิ่ม Kotlin เป็นอีกทางเลือกหนึ่ง สำหรับแอปที่เน้นประสิทธิภาพ เช่น เกม คุณมีตัวเลือกในการเขียนภาษา 'ดั้งเดิม' เช่น C++ แอปเหล่านี้ทำงานโดยตรงบนฮาร์ดแวร์ของอุปกรณ์ Android ของคุณ ซึ่งต่างจากแอปที่ใช้ Java 'ปกติ' ที่ทำงานบน Dalvik Virtual Machine สุดท้าย มีวิธี 'สรุป' เว็บแอปพลิเคชัน (โดยใช้ชุดเครื่องมือ เช่น Xamarin ของ Microsoft หรือ Native React ของ Facebook) เพื่อแจกจ่ายเป็นแอปบนอุปกรณ์เคลื่อนที่ที่มีลักษณะ 'ดั้งเดิม'

แม้ว่าสภาพแวดล้อมการพัฒนาแบบบูรณาการ (IDE) จะจัดการกับองค์ประกอบที่เป็นกิจวัตรบางอย่างของการเขียนโปรแกรม แต่ให้เข้าใจว่าเส้นโค้งการเรียนรู้สำหรับวิธีนี้สูงชัน ไม่ว่าคุณจะเลือกภาษาใด คุณจะต้องมีความรู้พื้นฐาน การลงทุนในครั้งนี้ถือเป็นข้อเสียเปรียบของวิธีนี้ ในแง่ที่ว่าคุณจะไม่สามารถพัฒนาแอปได้ในทันที แต่มันเป็นข้อได้เปรียบในระยะยาว เนื่องจากทักษะที่คุณเรียนรู้สามารถนำไปใช้ที่อื่นได้ เรียนรู้ Java และคุณสามารถพัฒนาสำหรับเดสก์ท็อปและแอปพลิเคชันฝั่งเซิร์ฟเวอร์ (รวมถึงแอปพลิเคชันบนเว็บ) นอกเหนือจากแอป Android

ตัวเลือกใดดีที่สุดสำหรับโครงการของคุณ

ดังนั้นถนนสายใดที่ 'ดีที่สุด' นี่เป็นเรื่องส่วนตัวเกินกว่าจะตอบได้สำหรับทุกคน แต่เราสามารถสรุปได้ดังนี้ หากคุณอยากรู้อยากเห็นแต่แค่ 'เล่นไปรอบๆ' ให้ยึดติดกับผู้สร้างแอปแบบชี้แล้วคลิก พวกเขาจะช่วยคุณขีดข่วนความคิดสร้างสรรค์โดยไม่ต้องมี 'หลักสูตร' แต่ถ้าความคิดของหลักสูตรนั้นไม่ได้ทำให้คุณกลัว ให้ลองพิจารณาเส้นทางที่ยาวกว่าและเรียนรู้ภาษาโปรแกรม การลงทุนจะจ่ายออกไปในรูปแบบอื่น ๆ อีกมากมาย

นอกจากนี้ ควรพิจารณาใช้ทั้งสองอย่าง! เครื่องมือสร้างแบบชี้แล้วคลิกเป็นวิธีที่ยอดเยี่ยมในการรวบรวมต้นแบบหรือ 'การพิสูจน์แนวคิด' อย่างรวดเร็ว ใช้เพื่อดูรายละเอียดบางอย่าง (เช่น เลย์เอาต์และโฟลว์ของหน้าจอ) ตามที่เป็นอยู่ มาก สับเปลี่ยนได้เร็วขึ้นในสภาพแวดล้อมที่ขับเคลื่อนด้วยเมาส์ จากนั้นนำไปใช้ใหม่ใน Java หากจำเป็นเพื่อใช้ประโยชน์จากความยืดหยุ่น

เราจะใช้แนวทางนั้นอย่างแม่นยำในคู่มือนี้ เราจะ:

1. ต้นแบบ แอปพลิเคชันของเรา 'scratchpad' ที่จะเก็บข้อความบางส่วนในไฟล์ให้คุณ โดยใช้ App Inventor ของ MIT
2. นำกลับมาใช้ใหม่ สิ่งนี้ใน Java (ด้วยความช่วยเหลือเล็กน้อยจาก Android Studio IDE ของ Google) จากนั้นไปที่ ขยาย แอปที่ให้คุณเลือกจากหลาย ๆ ไฟล์ ทำให้เป็น 'แผ่นจดบันทึก' มากขึ้น

โอเค คุยกันพอแล้ว ในส่วนถัดไป เราจะเตรียมโค้ดให้พร้อม

เตรียมพร้อมสร้างแอปของคุณ

อย่าเพิ่งดำดิ่งลงไป – ก่อนอื่นคุณต้องมีความรู้และซอฟต์แวร์บางอย่าง

ความรู้ที่คุณต้องการ

ก่อนที่เราจะเริ่มติดตั้งซอฟต์แวร์ มีความรู้บางอย่างที่คุณควรมีก่อนเริ่มใช้งาน อย่างแรกและสำคัญที่สุดคือ 'มันควรทำอย่างไร?' การรอจนกว่าคุณจะมีแนวคิดที่ชัดเจนสำหรับแอปของคุณก่อนที่จะเริ่มการพัฒนาอาจดูเหมือนเป็นสิ่งที่ได้รับ แต่คุณจะต้องแปลกใจ ดังนั้น ใช้เวลาพอสมควรในการทำงานตามแนวคิดนี้ แม้กระทั่งการจดบันทึกเกี่ยวกับพฤติกรรมและการร่างภาพหน้าจอบางส่วน มีรูปภาพที่ค่อนข้างสมบูรณ์ของแอปของคุณก่อน

ต่อไป มองเข้าไปที่ สิ่งที่เป็นไปได้ ตัวอย่างเช่น ลองนึกภาพว่าภาพในอุดมคติของแอปของคุณเป็นสิ่งที่ช่วยให้คุณบันทึกวิดีโอทั้งชีวิตเพื่อลูกหลานได้ คุณ สามารถ สร้างแอปที่จะจับภาพวิดีโอ คุณ ลาด สร้างรายการที่จะเก็บทุกช่วงเวลาในชีวิตของคุณบนอุปกรณ์ของคุณ (ที่เก็บข้อมูลไม่เพียงพอ) อย่างไรก็ตาม คุณ สามารถ พยายามถ่ายที่เก็บข้อมูลนี้บางส่วนไปยังคลาวด์ แม้ว่าจะต้องใช้เวลาในการพัฒนา และนั่นก็มาพร้อมกับข้อจำกัดของตัวเอง (จะเกิดอะไรขึ้นเมื่อคุณไม่มีการเข้าถึงเครือข่าย) นี่คือที่ที่คุณจะตรวจสอบรายละเอียดทางเทคนิคบางอย่าง และสามารถแจ้งการตัดสินใจ เช่น ว่าคุณจะเขียนโค้ดใหม่ทั้งหมดหรือไม่

สุดท้ายก็น่ารู้ มีอะไรข้างนอกบ้าง แล้ว. หากคุณต้องการเรียนรู้หรือมีส่วนร่วมในชุมชน มีโครงการโอเพ่นซอร์สเช่นคุณไหม คุณสามารถแยกโครงการนั้นเป็นจุดเริ่มต้นได้หรือไม่? หรือดีไปกว่านั้น พัฒนาการปรับปรุงของคุณและมีส่วนร่วม? หากคุณกำลังมองหาการทำเงิน การแข่งขันของคุณเป็นอย่างไร? หากคุณเขียนแอพนาฬิกาปลุกธรรมดาๆ และคาดว่าจะทำเงินได้หนึ่งล้านเหรียญ คุณควรนำสิ่งพิเศษมาไว้ที่โต๊ะจะดีกว่า

ตามที่กล่าวไว้ เราจะสร้าง scratchpad แบบง่ายๆ ซึ่งจะรวบรวมและเก็บข้อความที่คุณใส่ลงไป และในการทำเช่นนั้น เราจะละเมิดกฎข้างต้น เนื่องจากมีแอพจดบันทึก Android มากมายอยู่แล้ว ทั้งเปิดและ แหล่งปิด . แต่ลองแสร้งทำเป็นว่าแอปนี้จะกลายเป็นแอปที่ซับซ้อนมากขึ้นในภายหลัง คุณต้องเริ่มต้นที่ไหนสักแห่ง

ตอนนี้เราจะได้รับซอฟต์แวร์บางอย่างที่คุณต้องการ

เตรียมพัฒนาด้วย App Inventor

คุณไม่จำเป็นต้องติดตั้งอะไรเพื่อใช้เครื่องมือ App Inventor เป็นเว็บแอปพลิเคชัน และคุณเข้าถึงได้ทั้งหมดผ่านเบราว์เซอร์ เมื่อคุณเยี่ยมชมไซต์ คุณจะเห็นปุ่มที่มุมบนขวาเพื่อ สร้างแอพ! หากคุณไม่ได้ลงชื่อเข้าใช้บัญชี Google อยู่ การคลิกที่นี่จะนำคุณไปยังหน้าเข้าสู่ระบบ

มิฉะนั้น คุณควรไปที่ App Inventor's . โดยตรง โครงการของฉัน หน้าหนังสือ.

ณ จุดนี้ ให้พิจารณาว่าคุณต้องการทดสอบแอปของคุณที่ใด หากคุณชอบการผจญภัย คุณสามารถทดสอบได้บนโทรศัพท์หรือแท็บเล็ตโดยการติดตั้ง แอพ Companion จาก Play Store . เท่านี้คุณก็พร้อมสำหรับตอนนี้ คุณจะต้องมีโปรเจ็กต์ที่กำลังทำงานอยู่จึงจะเห็นทุกอย่างบนอุปกรณ์ของคุณ แต่เราจะพูดถึงเรื่องนี้ในภายหลัง

หรือคุณสามารถใช้โปรแกรมจำลองเพื่อทดสอบแอปของคุณบนคอมพิวเตอร์ของคุณ ดาวน์โหลดและติดตั้งโปรแกรมจำลองสำหรับระบบปฏิบัติการของคุณจาก หน้านี้ . รูปภาพด้านล่างแสดงแอปที่ติดตั้งบน Linux แต่เวอร์ชันที่เหมาะสมควรติดตั้งโดยไม่มีปัญหาใน Windows หรือ Mac เช่นกัน

คุณสามารถเริ่มโปรแกรมจำลองได้โดยใช้คำสั่ง 'aiStarter' นี้เริ่มต้น กระบวนการเบื้องหลัง ที่เชื่อมต่ออีมูเลเตอร์ (ในเครื่อง) ของคุณกับ App Inventor (บนคลาวด์) ระบบ Windows จะให้ทางลัดในขณะที่มันจะเริ่มโดยอัตโนมัติสำหรับผู้ใช้ Mac เมื่อเข้าสู่ระบบ ผู้ใช้ Linux จะต้องเรียกใช้สิ่งต่อไปนี้ในเทอร์มินัล:

ติดตั้ง play store บนแท็บเล็ต fire

/usr/google/appinventor/commands-for-appinventor/aiStarter &

เมื่อทำงานแล้ว คุณสามารถทดสอบการเชื่อมต่อได้โดยคลิกที่ อีมูเลเตอร์ รายการใน เชื่อมต่อ เมนู. หากคุณเห็นอีมูเลเตอร์หมุนขึ้น (ดังแสดงในภาพด้านล่าง) คุณก็พร้อมแล้ว

กำลังติดตั้ง Android Studio

หากคุณกำลังวางแผนที่จะพัฒนาโปรแกรมง่ายๆ App Inventor อาจเป็นสิ่งที่คุณต้องการ แต่หลังจากลองเล่นไปซักพัก คุณอาจชนกำแพง หรือคุณอาจรู้ว่าคุณกำลังใช้คุณสมบัติบางอย่างที่ App Inventor ไม่รองรับ (เช่น การเรียกเก็บเงินในแอป) สำหรับสิ่งนี้ คุณจะต้องติดตั้ง Android Studio

ตอนนี้สภาพแวดล้อมการพัฒนาอย่างเป็นทางการตามที่ Google ลงโทษแล้ว Android Studio เป็นเวอร์ชันของ IntelliJ IDEA Java IDE จาก JetBrains คุณสามารถดาวน์โหลดสำเนาสำหรับระบบปฏิบัติการของคุณได้จาก หน้านักพัฒนา Android ของ Google ที่นี่ . ผู้ใช้ Windows และ Mac สามารถเปิดโปรแกรมติดตั้งโดยใช้ไฟล์ EXE หรือ DMG image ตามลำดับ

ผู้ใช้ Linux สามารถใช้ไฟล์ ZIP แตกไฟล์ได้ทุกที่ที่คุณต้องการ และเรียกใช้ Android Studio จากที่นั่น (ผู้ใช้ Windows/Mac สามารถทำได้เช่นกัน) มิฉะนั้นคุณสามารถใช้ อูบุนตูเมค เพื่อดาวน์โหลดและติดตั้งแพ็คเกจสำหรับคุณ หากคุณใช้ LTS เวอร์ชันล่าสุด (16.04 ณ วันที่เขียนนี้) คุณจะต้องเพิ่ม Ubuntu Make PPA ในระบบของคุณเพื่อเข้าถึง Android Studio:

sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make

จากนั้นอัปเดตระบบของคุณดังต่อไปนี้

sudo apt update

สุดท้าย ติดตั้ง Ubuntu Make ด้วยคำสั่งนี้:

sudo apt install umake

เมื่อติดตั้งแล้ว คุณสามารถสั่งให้ Ubuntu Make ติดตั้ง Android Studio ให้คุณได้โดยใช้คำสั่งต่อไปนี้:

umake android android-studio

หลังจากแสดงข้อตกลงใบอนุญาตแล้ว จะเริ่มดาวน์โหลดและติดตั้งแอปพลิเคชันพื้นฐาน เมื่อเสร็จสิ้นและคุณเปิดใช้ Android Studio ตัวช่วยสร้างจะนำคุณผ่านอีกสองสามขั้นตอน

ขั้นแรก คุณจะมีตัวเลือกว่าต้องการติดตั้ง 'มาตรฐาน' หรือแบบกำหนดเอง เลือกการติดตั้งมาตรฐานที่นี่ จะช่วยให้คุณเริ่มต้นได้เร็วขึ้น

จากนั้น คุณจะได้รับข้อความว่าคุณต้องดาวน์โหลดส่วนประกอบเพิ่มเติม และอาจใช้เวลาสักครู่

เมื่อติดตั้งทุกอย่างเรียบร้อยแล้ว คุณจะได้หน้าจอขนาดเล็กที่ช่วยให้คุณสร้างโปรเจ็กต์ใหม่ เปิดโปรเจ็กต์ที่มีอยู่ หรือเข้าถึงการตั้งค่าของคุณ

ฉันรู้ว่าคุณพร้อมที่จะทำให้มือของคุณสกปรก โดยไม่ต้องกังวลใจต่อไป มาสร้างบางสิ่งกันเถอะ

สร้าง Android Notepad อย่างง่าย

เนื่องจากเรา (แน่นอน) นั่งคิดเรื่องนี้อยู่ก่อนจะกระโดดเข้ามา เรารู้ว่าแอป Android ของเราจะประกอบด้วยสองหน้าจอ

หนึ่งจะอนุญาตให้ผู้ใช้ 'แก้ไขทันที' หรือออก และอีกอันจะทำการแก้ไขจริง หน้าจอแรกอาจดูเหมือนไร้ประโยชน์ แต่อาจมีประโยชน์ในภายหลังเมื่อเราเพิ่มคุณสมบัติ ข้อความที่จับภาพบนหน้าจอ 'แก้ไข' จะถูกเก็บไว้ในไฟล์ข้อความธรรมดา เนื่องจากเป็นกฎของข้อความธรรมดา โครงร่างต่อไปนี้ทำให้เรามีจุดอ้างอิงที่ดี (และใช้เวลาเพียง 5 นาทีในการสร้าง):

ในส่วนถัดไป เราจะสร้างด้วย App Inventor ของ MIT

เริ่มต้นใช้งาน MIT App Inventor

ขั้นตอนแรกคือการสร้างโครงการใหม่ เข้าสู่ระบบ App Inventor จากนั้นคลิกที่ปุ่ม เริ่มโครงการใหม่ ปุ่มทางด้านซ้าย (มีให้ใน .ด้วย โครงการ เมนู).

คุณจะได้รับกล่องโต้ตอบเพื่อตั้งชื่อ

แต่ตอนนี้คุณเข้าสู่มุมมองนักออกแบบของ App Inventor และมีหลายอย่างที่ต้องทำ ลองใช้เวลาสักครู่เพื่อดูแต่ละส่วน

1. แถบชื่อเรื่องที่ด้านบนแสดงชื่อโครงการของคุณ ( muoScratchpad ); ให้คุณเพิ่ม ลบ และสลับระหว่างหน้าจอแอพของคุณ (เช่น หน้าจอ1 ); และสลับไปมาระหว่าง App Inventor's ดีไซเนอร์ และ บล็อก มุมมองด้านขวาสุด
2. NS จานสี ทางด้านซ้ายมีการควบคุมและวิดเจ็ตทั้งหมดที่คุณจะใช้ มันถูกแบ่งออกเป็นส่วน ๆ เช่น หน้าจอผู้ใช้ และ พื้นที่จัดเก็บ ; เราจะใช้ทั้งสองสิ่งนี้ในแอปของเรา มาดูกันว่า จานสี ถือสิ่งของต่างๆใน บล็อก ดู.
3. NS ผู้ชม แสดงให้คุณเห็นว่าคุณกำลังสร้างอะไรในแบบ WYSIWYG
4. ส่วนประกอบ คือรายการที่เป็นส่วนหนึ่งของหน้าจอปัจจุบัน เมื่อคุณเพิ่มปุ่ม กล่องข้อความ ฯลฯ ปุ่มเหล่านี้จะแสดงขึ้นที่นี่ รายการที่ 'ซ่อน' บางรายการ เช่น การอ้างอิงถึงไฟล์ จะแสดงที่นี่เช่นกัน แม้ว่าจะไม่ได้เป็นส่วนหนึ่งของอินเทอร์เฟซผู้ใช้จริงๆ
5. NS ครึ่ง ส่วนให้คุณอัปโหลดเนื้อหาที่คุณจะใช้ในโครงการของคุณ เช่น รูปภาพหรือคลิปเสียง (เราไม่ต้องการสิ่งนี้)
6. ในที่สุด คุณสมบัติ บานหน้าต่างช่วยให้คุณกำหนดค่าวิดเจ็ตที่เลือกในปัจจุบัน ตัวอย่างเช่น หากคุณกำลังเลือกวิดเจ็ตรูปภาพ คุณสามารถเปลี่ยนความสูงและความกว้างได้

วางหน้าจอแรกของคุณ: 'หน้าจอหลัก'

มาวางเลย์เอาต์สำหรับหน้าจอ 'หลัก' เข้าด้วยกันใน Designer ก่อนไปต่อ เมื่อดูภาพสเก็ตช์ เราจะต้องมีป้ายกำกับสำหรับชื่อแอป บรรทัดข้อความช่วยเหลือ ปุ่มสำหรับย้ายไปยังหน้าจอ 'แก้ไข' และปุ่มเพื่อออก คุณสามารถเห็น หน้าจอผู้ใช้ จานสีมีทุกสิ่งที่เราต้องการ: สอง ป้าย และสอง ปุ่ม . ลากสิ่งเหล่านี้ลงในคอลัมน์แนวตั้งที่ด้านบนของหน้าจอ

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

ได้เวลาดูว่าจริง ๆ แล้วมีลักษณะอย่างไรบนอุปกรณ์ เมื่อคุณกำลังสร้างสิ่งต่างๆ ให้ทำในขั้นตอนของทารก ฉันไม่สามารถเน้นสิ่งนี้ได้มากพอ

อย่าสร้างรายการใหญ่ๆ ในแอปของคุณในครั้งเดียว เพราะหากมีสิ่งใดเสียหาย จะต้อง ยาว ถึงเวลาคิดออกว่าทำไม หากคุณต้องการทดสอบบนโทรศัพท์จริง คุณสามารถเปิดแอป AI2 Companion และเชื่อมต่อกับ App Inventor ด้วยรหัส QR หรือรหัสหกอักขระที่ให้มา

หากต้องการดูตัวอย่างโดยใช้โปรแกรมจำลอง ตรวจสอบให้แน่ใจว่าคุณได้เริ่มโปรแกรม aiStarter ที่อธิบายไว้ข้างต้น แล้วเลือก อีมูเลเตอร์ รายการอีกครั้งจาก เชื่อมต่อ เมนู. ไม่ว่าจะด้วยวิธีใด หลังจากหยุดชั่วครู่ คุณควรเห็นแอปของคุณดูคล้ายสิ่งที่คุณมีใน Viewer (เค้าโครงจริงอาจขึ้นอยู่กับขนาดของอุปกรณ์และโปรแกรมจำลองของคุณ)

เนื่องจากชื่อเรื่องดูดี เราจึงเปลี่ยนข้อความในส่วนอื่นด้วยแล้วจัดชิดไว้ตรงกลาง (นี่คือคุณสมบัติของหน้าจอ จัดแนวแนวนอน ไม่ใช่ข้อความ/ปุ่ม) ตอนนี้คุณสามารถเห็นหนึ่งในแง่มุมที่ยอดเยี่ยมจริงๆ ของ App Inventor - การเปลี่ยนแปลงทั้งหมดของคุณเสร็จสิ้นในแบบเรียลไทม์! คุณสามารถเห็นการเปลี่ยนแปลงข้อความ ปุ่มต่างๆ ปรับการจัดตำแหน่ง ฯลฯ

ทำให้ใช้งานได้จริง

เมื่อเลย์เอาต์เสร็จแล้ว มาเพิ่มฟังก์ชันการทำงานกัน คลิก บล็อก ปุ่มที่ด้านซ้ายบน คุณจะเห็นเค้าโครงที่คล้ายคลึงกันในมุมมองตัวออกแบบ แต่คุณจะมีตัวเลือกต่างๆ ที่จัดเรียงอยู่ในประเภท นี่เป็นแนวคิดการเขียนโปรแกรมมากกว่าการควบคุมอินเทอร์เฟซ แต่เช่นเดียวกับมุมมองอื่นๆ คุณจะใช้การลากแล้ววางเพื่อรวมสิ่งเหล่านี้เข้าด้วยกันเป็นส่วนหนึ่งของแอปของคุณ

จานสีด้านซ้ายมีหมวดหมู่เช่น ควบคุม , ข้อความ , และ ตัวแปร ในหมวด 'ในตัว' บล็อกในหมวดหมู่นี้แสดงถึงฟังก์ชันที่จะเกิดขึ้นเบื้องหลังเป็นส่วนใหญ่ เช่น คณิตศาสตร์ รายการที่สามารถทำการคำนวณได้ ด้านล่างนี้คือรายการองค์ประกอบในหน้าจอของคุณ และบล็อกที่มีให้ที่นี่จะส่งผลต่อองค์ประกอบเหล่านั้น ตัวอย่างเช่น การคลิกที่ป้ายกำกับใดป้ายหนึ่งของเราจะแสดงบล็อกที่สามารถเปลี่ยนข้อความของป้ายกำกับนั้นได้ ในขณะที่ปุ่มจะมีบล็อกเพื่อกำหนดสิ่งที่จะเกิดขึ้นเมื่อคุณคลิก

นอกเหนือจากหมวดหมู่ (แสดงตามสี) แต่ละบล็อกยังมีรูปร่างที่แสดงถึงจุดประสงค์ สามารถแบ่งคร่าวๆ ได้ดังนี้

• คุณสามารถนึกถึงรายการที่มีช่องว่างขนาดใหญ่ตรงกลาง เช่น บล็อก 'ถ้าแล้ว' ที่แสดงด้านบน เป็นตัวจัดการ เหตุการณ์ . เมื่อมีบางอย่างเกิดขึ้นภายในแอป สิ่งอื่นภายในช่องว่างนั้นจะทำงาน
• บล็อคแบนพร้อมตัวเชื่อมต่อเป็นหนึ่งในสองสิ่ง อย่างแรกคือ งบ ซึ่งเทียบเท่ากับคำสั่งรายการที่จะพอดีกับโฟลว์ด้านบน ในตัวอย่างข้างต้น ทำรายการ บล็อกเป็นคำสั่งตามที่เป็น ปิดรับสมัคร .
• อีกทางเลือกหนึ่งคือ สำนวน ซึ่งแตกต่างจากงบเพียงเล็กน้อย ในกรณีที่คำสั่งอาจพูดว่า 'ตั้งค่านี้เป็น '42'' นิพจน์จะเป็นเช่น 'เพิ่ม 22 ถึง 20 และให้ผลลัพธ์กลับมา' ในข้างต้น อยู่ในรายการ เป็นนิพจน์ที่จะประเมินว่าเป็นจริงหรือเท็จ นิพจน์ยังเป็นบล็อกแบบแบนด้วย แต่น่าจะมีแท็บอยู่ทางด้านซ้ายและมีรอยบากทางด้านขวา
• สุดท้ายนี้ ค่า รวมตัวเลข ('17' และ '42' ด้านบน) สตริงข้อความ ('Thing 1' และ 'Thing 2') หรือจริง/เท็จ โดยทั่วไปจะมีแท็บทางด้านซ้ายเท่านั้น เนื่องจากเป็นสิ่งที่คุณกำหนดให้กับคำสั่งหรือนิพจน์

คุณสามารถผ่านทั้งหมดได้อย่างแน่นอน คำแนะนำและแบบฝึกหัด บน App Inventor อย่างไรก็ตาม มันถูกออกแบบมาเพื่อให้คุณเริ่มคลิกดูรอบๆ และ (ตามตัวอักษร) ดูว่าอันไหนเหมาะสม ในหน้าแรกของเรา เรามีสองรายการที่ต้องให้ความสนใจ (ปุ่ม) มาดูกันว่าเราจะทำอะไรได้บ้าง หนึ่งในนั้น (Button2) จะปิดแอปเมื่อคลิก เนื่องจากนี่คือการโต้ตอบกับปุ่ม เราสามารถตรวจหา Button Blocks และพบว่ามีอันที่ขึ้นต้นด้วย เมื่อ Button2.click (หรือเมื่อคลิกปุ่ม 1) นี่คือสิ่งที่เราต้องการ ดังนั้นเราจะลากสิ่งนี้ไปยัง Viewer

เมื่อคลิกแล้ว เราต้องการให้แอปปิด ซึ่งฟังดูเหมือนฟังก์ชันโฟลว์แอปโดยรวม มองเข้าไปใน ในตัว > การควบคุม ส่วน เราเห็น a . จริง ๆ ปิดรับสมัคร ปิดกั้น. และลากไปที่ช่องว่างในบล็อกแรกก็คลิกเข้าที่ ความสำเร็จ!

ตอนนี้เมื่อคุณคลิกปุ่ม แอปจะปิดลง ลองทำในโปรแกรมจำลอง มันแสดงให้เราเห็นว่าเกิดข้อผิดพลาดที่การปิดแอปไม่ได้รับการสนับสนุนในสภาพแวดล้อมการพัฒนา แต่การเห็นสิ่งนี้หมายความว่าใช้งานได้!

การสร้างหน้าจอที่สอง: หน้าจอตัวแก้ไข

ตอนนี้ ให้เราหันมาสนใจ Button1 กัน

นี่ควรจะเป็นการเปิดตัวแก้ไขของเรา ดังนั้นเราจึงควรตรวจสอบให้แน่ใจว่าตัวแก้ไขนั้นมีอยู่จริง! เรามาสลับกลับไปที่ Designer และสร้างหน้าจอใหม่โดยใช้ Label เดียวกันกับหน้าจอแรก a กล่องข้อความ (ตั้งค่าเป็น 'เติมหลัก' สำหรับ ความกว้าง, 50% สำหรับ ส่วนสูง และด้วย มัลติไลน์ เปิดใช้งาน) เพื่อเก็บเนื้อหาของเราและปุ่มอื่น (ที่มีป้ายกำกับ '<< Save'). Now check that layout in the emulator!

ที่ไม่ติดตามฉันกลับมาบน Instagram ออนไลน์

ก่อนที่เราจะดำเนินการต่อ เราทราบดีว่าเราต้องการซ่อนเนื้อหาจากกล่องข้อความซึ่งฟังดูเหมือน พื้นที่จัดเก็บ . แน่นอนว่ามีสองสามตัวเลือกในนั้น

ของเหล่านี้, ไฟล์ ตรงไปตรงมาที่สุด และเนื่องจากเราต้องการข้อความธรรมดา ก็ไม่เป็นไร เมื่อคุณใส่สิ่งนี้ลงใน Viewer คุณจะสังเกตเห็นว่าไม่ปรากฏขึ้น ไฟล์ คือ มองไม่เห็น เนื่องจากทำงานในพื้นหลังเพื่อบันทึกเนื้อหาลงในไฟล์บนอุปกรณ์ ข้อความช่วยเหลือจะช่วยให้คุณทราบว่าสิ่งนี้ทำงานอย่างไร แต่ถ้าคุณต้องการให้รายการเหล่านี้ปรากฏให้เห็น ให้ทำเครื่องหมายที่ แสดงส่วนประกอบที่ซ่อนอยู่ใน Viewer ช่องทำเครื่องหมาย

เปลี่ยนไปใช้มุมมอง Blocks ตอนนี้ ได้เวลาตั้งโปรแกรมแล้ว พฤติกรรมเดียวที่เราต้องการคือเมื่อ '<< Save' button is clicked, so we'll grab our เมื่อ Button1.click ปิดกั้น. นี่คือจุดที่ App Inventor เริ่มโดดเด่น

ขั้นแรก เราจะบันทึกเนื้อหาของ TextBox โดยคว้า เรียก File1.saveFile บล็อกและระบุข้อความที่เราต้องการ (โดยใช้ TextBox1's TextBox1.text ซึ่งเรียกค้นเนื้อหา) และไฟล์ที่จะจัดเก็บ (เพียงแค่ระบุพาธและชื่อไฟล์ด้วย Text Block -- แอปจะสร้างไฟล์ให้คุณหากไม่มีอยู่)

เรามาตั้งค่าหน้าจอให้โหลดเนื้อหาของไฟล์นี้กันตอนที่มันเปิดขึ้นมา ( Editor > เมื่อ Editor.initialize ปิดกั้น). มันควรจะ เรียก File1.ReadFrom ซึ่งชี้ไปที่ชื่อไฟล์ของเรา เราสามารถบันทึกผลการอ่านไฟล์ข้อความโดยใช้ ไฟล์ > เมื่อ File1.GotText กำหนดเนื้อหานั้นให้กับกล่องข้อความโดยใช้ กล่องข้อความ > ตั้งค่า TextBox.Text เป็น บล็อกแล้วส่ง รับข้อความ ค่า. สุดท้ายหลังจากบันทึกแล้ว เราต้องการคลิกปุ่ม 1 เพื่อส่งกลับไปที่หน้าจอหลัก (a ปิดหน้าจอ ปิดกั้น).

ขั้นตอนสุดท้ายคือการกลับไปที่หน้าจอหลักและตั้งโปรแกรมปุ่มแรก เราต้องการให้ส่งไปที่หน้าจอ Editor ซึ่งเป็นเค้กชิ้นเดียวกับ ควบคุม > เปิดหน้าจออื่น บล็อก โดยระบุ 'ตัวแก้ไข'

อะไรจะเกิดขึ้นต่อไป?

ตอนนี้คุณมีบางอย่างที่ได้ผล แล้วอะไรจะเกิดขึ้นต่อไป? เสริมแกร่งแน่นอน! App Inventor ให้คุณเข้าถึงฟังก์ชันต่างๆ ของ Android ได้มากมาย นอกเหนือจากหน้าจอธรรมดาที่เราเพิ่งสร้างขึ้น คุณสามารถเพิ่มความสามารถต่างๆ เช่น การเล่นสื่อ การส่งข้อความ หรือแม้แต่มุมมองเว็บแบบสดไปยังแอปของคุณ

หนึ่งในการปรับปรุงครั้งแรกที่นึกถึงคือความสามารถในการเลือกจากหลายไฟล์ แต่เร็ว การค้นหาทางอินเทอร์เน็ต เปิดเผยว่าต้องใช้แฮ็กเกอร์ขั้นสูงใน App Inventor หากเราต้องการคุณสมบัตินี้ เราจะต้องเจาะลึกเข้าไปใน Java และสภาพแวดล้อม Android Studio

การพัฒนาใน Java ด้วย Android Studio

ส่วนด้านล่างจะอธิบาย -- ในระดับสูงมาก -- การพัฒนาแอป scratchpad ของเราใน Java คุ้มค่าที่จะทำซ้ำอีกครั้ง: ในขณะที่สามารถจ่ายผลตอบแทนที่ดีได้ แต่การเรียนรู้ Java และ Android Studio ต้องใช้เวลาอย่างมาก

จึงไม่มีคำบรรยายใดๆ เกี่ยวกับ รหัสหมายถึงอะไร ด้านล่างและคุณไม่ควรกังวลเรื่องนี้มากนัก การสอน Java อยู่นอกเหนือขอบเขตของบทความนี้ สิ่งที่เรา จะทำ คือตรวจสอบว่าโค้ด Java ใกล้เคียงกับสิ่งที่เราสร้างไว้แล้วใน App Inventor มากน้อยเพียงใด

เริ่มต้นด้วยการเปิด Android Studio และเลือก เริ่มโครงการ Android Studio ใหม่ รายการ. คุณจะถูกนำทางผ่านวิซาร์ดเพื่อถามอะไรสองสามอย่าง หน้าจอแรกจะถามถึงชื่อแอปของคุณ โดเมนของคุณ (นี่เป็นสิ่งสำคัญหากคุณส่งไปที่ App Store แต่ไม่ใช่หากคุณเพิ่งพัฒนาเพื่อตัวคุณเอง) และไดเร็กทอรีสำหรับโครงการ

ในหน้าจอถัดไป คุณจะต้องตั้งค่าเวอร์ชันของ Android ที่จะกำหนดเป้าหมาย การเลือกเวอร์ชันที่ใหม่กว่าจะช่วยให้คุณรวมคุณลักษณะที่ใหม่กว่าของแพลตฟอร์มได้ แต่อาจยกเว้นผู้ใช้บางรายที่มีอุปกรณ์ที่ไม่เป็นปัจจุบัน แอพนี้เป็นแอพง่าย ๆ ดังนั้นเราจึงสามารถใช้ Ice Cream Sandwich ได้

ต่อไปเราจะเลือกค่าเริ่มต้น กิจกรรม สำหรับแอพของเรา กิจกรรมเป็นแนวคิดหลักในการพัฒนา Android แต่สำหรับวัตถุประสงค์ของเรา เราสามารถกำหนดให้เป็นหน้าจอได้ Android Studio มีหมายเลขให้คุณเลือกได้ แต่เราจะเริ่มจากตัวเลขเปล่าและสร้างขึ้นมาเอง หน้าจอหลังจากนั้นให้คุณตั้งชื่อ

เมื่อโครงการใหม่เปิดตัว ใช้เวลาสักครู่เพื่อทำความคุ้นเคยกับ Android Studio

1. แถบเครื่องมือด้านบนมีปุ่มสำหรับฟังก์ชันที่หลากหลาย สิ่งที่สำคัญที่สุดสำหรับเราคือ วิ่ง ปุ่ม ซึ่งจะสร้างแอปและเปิดใช้ในโปรแกรมจำลอง (ไปลองดูสิ มันจะสร้างได้ดี) มีอย่างอื่นเช่น บันทึก และ หา แต่สิ่งเหล่านี้ทำงานผ่านแป้นพิมพ์ลัดที่เราทุกคนคุ้นเคย (Ctrl+S และ Ctrl+F ตามลำดับ)
2. มือซ้าย โครงการ บานหน้าต่างแสดงเนื้อหาของโครงการของคุณ คุณสามารถดับเบิลคลิกที่สิ่งเหล่านี้เพื่อเปิดเพื่อแก้ไข
3. ภาคกลางเป็นตัวแก้ไขของคุณ ขึ้นอยู่กับสิ่งที่คุณกำลังแก้ไขอย่างแม่นยำ สิ่งนี้อาจเป็นแบบข้อความหรือแบบกราฟิก ดังที่เราเห็นในอีกสักครู่ ซึ่งอาจแสดงบานหน้าต่างอื่นๆ เช่นกัน เช่น บานหน้าต่างคุณสมบัติด้านขวา (เช่น App Inventor)
4. ขอบด้านขวาและด้านล่างมีเครื่องมืออื่นๆ ที่จะปรากฏขึ้นเป็นบานหน้าต่างเมื่อเลือก มีสิ่งต่างๆ เช่น เทอร์มินัลสำหรับการรันโปรแกรมบรรทัดคำสั่งและการควบคุมเวอร์ชัน แต่สิ่งเหล่านี้ส่วนใหญ่ไม่สำคัญสำหรับโปรแกรมทั่วไป

การย้ายหน้าจอหลักไปยัง Java

เราจะเริ่มต้นด้วยการสร้าง scratchpad ใหม่ใน Java เมื่อดูจากแอปก่อนหน้า เราจะเห็นว่าสำหรับหน้าจอแรก เราต้องมีป้ายกำกับและปุ่มสองปุ่ม

ในหลายปีที่ผ่านมา การสร้างอินเทอร์เฟซผู้ใช้บน Android เป็นกระบวนการที่ต้องใช้ความอุตสาหะที่เกี่ยวข้องกับ XML ที่สร้างขึ้นด้วยมือ ทุกวันนี้ คุณทำแบบกราฟิกเหมือนกับใน App Inventor กิจกรรมแต่ละอย่างของเราจะมีไฟล์เลย์เอาต์ (ทำในรูปแบบ XML) และไฟล์โค้ด (JAVA)

คลิกที่แท็บ 'main_activity.xml' และคุณจะเห็นหน้าจอด้านล่าง (เหมือนดีไซเนอร์มาก) เราสามารถใช้เพื่อลากและวางการควบคุมของเรา: a TextView (เหมือนฉลาก) และสอง ปุ่ม .

มาต่อกันที่ ทางออก ปุ่ม. เราจำเป็นต้องสร้างปุ่มในโค้ดและแบบกราฟิก ต่างจาก App Inventor ที่จัดการการทำบัญชีให้เรา

แต่ ชอบ AI ซึ่งเป็น Java API ของ Android ใช้แนวคิดของ 'onClickListner' มันตอบสนองเมื่อผู้ใช้คลิกปุ่มเช่นเดียวกับเพื่อนเก่าของเราที่บล็อก 'เมื่อ Button1.click' เราจะใช้เมธอด 'finish()' เพื่อที่ว่าเมื่อผู้ใช้คลิก แอปจะออกจากการทำงาน (จำไว้ว่า ให้ลองทำสิ่งนี้ในอีมูเลเตอร์เมื่อคุณทำเสร็จแล้ว)

การเพิ่มหน้าจอตัวแก้ไข

ตอนนี้เราสามารถปิดแอปได้แล้ว เราจะติดตามขั้นตอนของเราอีกครั้ง ก่อนเชื่อมต่อปุ่ม 'แก้ไข' เรามาสร้างกิจกรรมตัวแก้ไข (หน้าจอ) กันก่อน คลิกขวาใน โครงการ บานหน้าต่างและเลือก ใหม่ > กิจกรรม > กิจกรรมว่าง และตั้งชื่อว่า 'EditorActivity' เพื่อสร้างหน้าจอใหม่

จากนั้นเราสร้างเลย์เอาต์ของ Editor ด้วย an แก้ไขกล่องข้อความ (ที่ข้อความจะไป) และปุ่ม ปรับ คุณสมบัติ ของแต่ละคนได้ตามใจชอบ

ตอนนี้เปลี่ยนเป็นไฟล์ EditorActivity.java เราจะเขียนโค้ดฟังก์ชันที่คล้ายคลึงกันกับสิ่งที่เราทำใน App Inventor

หนึ่งจะสร้างไฟล์เพื่อจัดเก็บข้อความของเราหากไม่มีอยู่หรืออ่านเนื้อหาหากมี สองสามบรรทัดจะสร้าง แก้ไขกล่องข้อความ และโหลดข้อความของเราเข้าไป สุดท้าย โค้ดอีกเล็กน้อยจะสร้างปุ่มและ onClickListener (ซึ่งจะบันทึกข้อความลงในไฟล์ จากนั้นปิดกิจกรรม)

เมื่อเรารันมันในอีมูเลเตอร์ เราจะเห็นสิ่งต่อไปนี้:

1. ก่อนรันจะไม่มีโฟลเดอร์ที่ '/storage/emulated/0/Android/data/[your domain and project name]/files' ซึ่งเป็นไดเร็กทอรีมาตรฐานสำหรับข้อมูลเฉพาะแอป
2. ในการรันครั้งแรก หน้าจอหลักจะปรากฏขึ้นตามที่คาดไว้ ยังไม่มีไดเร็กทอรีเหมือนข้างบน หรือไฟล์ scratchpad ของเรา
3. เมื่อคลิก แก้ไข ปุ่ม ไดเร็กทอรีจะถูกสร้างขึ้น เช่นเดียวกับไฟล์
4. เมื่อคลิก บันทึก ข้อความใด ๆ ที่ป้อนจะถูกบันทึกลงในไฟล์ คุณสามารถยืนยันได้โดยเปิดไฟล์ในโปรแกรมแก้ไขข้อความ
5. เมื่อคลิก แก้ไข อีกครั้ง คุณจะเห็นเนื้อหาก่อนหน้า เปลี่ยนแล้วคลิก บันทึก จะจัดเก็บและคลิก แก้ไข อีกครั้งจะจำมัน เป็นต้น.
6. เมื่อคลิก ทางออก , แอปจะเสร็จสิ้น

การปรับปรุงแอป: เลือกไฟล์จัดเก็บข้อมูลของคุณ

ตอนนี้เรามี scratchpad App Inventor เวอร์ชันเดิมที่ใช้งานได้ แต่เราย้ายไปยัง Java เพื่อปรับปรุง มารวมความสามารถในการเลือกจากหลายไฟล์ในไดเร็กทอรีมาตรฐานนั้น เมื่อเราทำสิ่งนี้แล้ว เราจะทำสิ่งนี้ให้มากขึ้น แผ่นจดบันทึก มากกว่าแค่สแครชแพด ดังนั้นเราจะสร้างสำเนาของโปรเจ็กต์ปัจจุบัน โดยใช้คำแนะนำที่นี่ .

เราใช้ Android Intent เพื่อเรียกกิจกรรมตัวแก้ไขของเราจากตัวหลัก แต่ก็เป็นวิธีที่สะดวกในการเรียกแอปพลิเคชันอื่นๆ ด้วย โดยการเพิ่มโค้ดสองสามบรรทัด Intent ของเราจะส่งคำขอสำหรับ แอปพลิเคชั่นจัดการไฟล์ เพื่อตอบสนอง ซึ่งหมายความว่าเราสามารถลบส่วนที่ดีของการตรวจสอบโค้ดสำหรับการสร้างไฟล์ เนื่องจาก Intent จะทำให้เราสามารถเรียกดู/เลือกไฟล์ที่มีอยู่จริงเท่านั้น ในท้ายที่สุด กิจกรรมบรรณาธิการของเรายังคงเหมือนเดิมทุกประการ

การรับเจตจำนงของเราคืนสตริง (อ็อบเจ็กต์ข้อความ Java) ที่เราสามารถบรรจุลงใน Intent ของเรานั้นเป็นสิ่งที่ท้าทาย โชคดีที่เมื่อพูดถึงคำถามเกี่ยวกับการเขียนโปรแกรม อินเทอร์เน็ตคือเพื่อนของคุณ NS ค้นหาอย่างรวดเร็ว ให้ตัวเลือกแก่เราสองสามอย่าง รวมถึงโค้ดที่เราวางลงในแอพของเราได้

รหัสมารยาทของ StackOverflow

และด้วยการเปลี่ยนแปลงเล็กน้อยนี้และโค้ดที่ยืมมาเล็กน้อย เราจึงสามารถใช้ไฟล์เบราว์เซอร์/แอปพลิเคชันตัวจัดการบนอุปกรณ์เพื่อเลือกไฟล์สำหรับจัดเก็บเนื้อหาของเรา ตอนนี้เราอยู่ใน 'โหมดการเพิ่มประสิทธิภาพ' แล้ว การปรับปรุงที่มีประโยชน์อีกสองสามอย่างก็เป็นเรื่องง่าย:

• เราทำได้ เลือก จากไฟล์ที่มีอยู่ แต่ในขณะนี้ เราได้ลบสิ่งอำนวยความสะดวกของเราเป็น สร้าง พวกเขา. เราต้องการคุณลักษณะสำหรับผู้ใช้ในการระบุชื่อไฟล์ จากนั้นสร้างและเลือกไฟล์นั้น
• อาจเป็นประโยชน์ในการทำให้แอปของเราตอบสนองต่อคำขอ 'แชร์' ดังนั้นคุณจึงสามารถแชร์ URL จากเบราว์เซอร์และเพิ่มลงในไฟล์บันทึกย่อของคุณได้
• เรากำลังจัดการกับข้อความธรรมดาที่นี่ แต่เนื้อหาที่สมบูรณ์ยิ่งขึ้นด้วยรูปภาพและ/หรือการจัดรูปแบบนั้นเป็นมาตรฐานที่ค่อนข้างดีในแอปประเภทนี้

ด้วยความสามารถในการเข้าถึง Java ความเป็นไปได้ไม่มีที่สิ้นสุด!

แจกจ่ายแอพของคุณ

เมื่อแอปของคุณเสร็จสมบูรณ์แล้ว คำถามแรกที่คุณต้องถามตัวเองก็คือว่าคุณต้องการเผยแพร่หรือไม่! บางทีคุณอาจสร้างบางสิ่งที่เป็นส่วนตัวและปรับแต่งเองจนดูเหมือนไม่เหมาะสำหรับใครอื่น แต่ขอเตือนว่าอย่าคิดอย่างนั้น คุณอาจจะแปลกใจว่ามีประโยชน์ต่อผู้อื่นเพียงใด ถ้าไม่เป็นอย่างอื่น อย่างน้อยก็เป็นประสบการณ์การเรียนรู้ที่แสดงให้เห็นว่าผู้เขียนโค้ดใหม่ทำอะไรได้บ้าง

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

การกระจายซอร์สโค้ด

ไม่ว่าคุณจะใช้วิธีการใดจนถึงตอนนี้ คุณได้แก้ไขโค้ด soure ไปพร้อมกัน

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

เราจะรับซอร์สโค้ดจากทั้งสองสภาพแวดล้อมในรูปแบบที่มีโครงสร้าง จากนั้นบุคคลใดก็ตาม (รวมเราด้วย) สามารถนำเข้ากลับเข้าสู่โปรแกรมเดียวกันได้อย่างง่ายดายและเริ่มต้นใช้งานได้อย่างรวดเร็ว

การส่งออกแหล่งที่มาจาก App Inventor

ในการส่งออกจาก App Inventor เป็นเรื่องง่ายในการเปิดโครงการของคุณ จากนั้นให้เปิดจาก โครงการ เมนู เลือก ส่งออกโครงการที่เลือก (.aia) ไปยังคอมพิวเตอร์ของฉัน .

การดำเนินการนี้จะดาวน์โหลดไฟล์ .AIA ดังกล่าว (น่าจะเป็น 'App Inventor Archive') แต่นี่เป็นไฟล์ ZIP; ลองเปิดในโปรแกรมจัดการไฟล์เก็บถาวรที่คุณชื่นชอบเพื่อตรวจสอบเนื้อหา

bad_system_config_info windows 10 ไม่สามารถบู๊ตได้

สังเกตว่าเนื้อหาของ appinventor/ai_[รหัสผู้ใช้ของคุณ]/[ชื่อโครงการ] โฟลเดอร์เป็นไฟล์ SCM และ BKY นี่ไม่ใช่ซอร์ส JAVA ที่เราเห็นใน Android Studio ดังนั้นคุณจะไม่สามารถเปิดไฟล์เหล่านี้ในสภาพแวดล้อมการพัฒนาแบบเก่าและคอมไพล์ได้ อย่างไรก็ตาม คุณ (หรือบุคคลอื่น) สามารถนำเข้าใหม่อีกครั้งใน App Inventor

แหล่งเก็บถาวรจาก Android Studio

การนำโปรเจ็กต์ Android Studio ของคุณออกมาในรูปแบบไฟล์เก็บถาวรนั้นง่ายพอๆ กับการบีบอัดโฟลเดอร์ของโปรเจ็กต์ จากนั้นย้ายไปยังตำแหน่งใหม่และเปิดจากปกติ ไฟล์ > เปิด รายการในเมนูหลัก

Android Studio จะอ่านการตั้งค่าโปรเจ็กต์ของคุณ ( พื้นที่ทำงาน.xml ) และทุกอย่างควรจะเป็นเหมือนเดิม

เป็นที่น่าสังเกตว่าการเก็บถาวรนั้นทั้งโฟลเดอร์ จะ รวม cruft บางส่วน โดยเฉพาะไฟล์จากบิลด์ล่าสุดของโปรแกรมของคุณ

สิ่งเหล่านี้จะถูกล้างและสร้างใหม่ในระหว่างการสร้างครั้งต่อไป ดังนั้นพวกเขาจึงไม่จำเป็นเพื่อรักษาความสมบูรณ์ของโครงการของคุณ แต่ก็ไม่ได้ทำให้เสียหายเช่นกัน และง่ายกว่า (โดยเฉพาะสำหรับนักพัฒนามือใหม่) ที่จะไม่บ่นว่าโฟลเดอร์ใดควรมาพร้อมและไม่ควร ดีกว่าที่จะใช้สิ่งทั้งหมดแทนที่จะพลาดสิ่งที่คุณต้องการในภายหลัง

การกระจายแพ็คเกจ Android

หากคุณต้องการให้สำเนาแอปของคุณกับผู้อื่นเพียงเพื่อทดลองใช้ ไฟล์ APK เป็นทางออกที่ดีที่สุดของคุณ รูปแบบแพ็คเกจมาตรฐานของ Android ควรคุ้นเคยกับผู้ที่ไปนอก Play Store เพื่อรับซอฟต์แวร์

การรับสิ่งเหล่านี้ง่ายพอๆ กับการเก็บถาวรซอร์สในทั้งสองโปรแกรม จากนั้นคุณสามารถโพสต์บนเว็บไซต์ (เช่น F-Droid) หรือส่งต่อให้คนที่เป็นมิตรเพื่อรับคำติชม ทำให้เป็นการทดสอบเบต้าที่ยอดเยี่ยมสำหรับแอปที่คุณต้องการขายในภายหลัง

สร้าง APK ใน App Inventor

ตรงไปที่ สร้าง เมนู แล้วเลือก แอป (บันทึก .apk ลงในคอมพิวเตอร์ของฉัน) รายการ. แอปจะเริ่มสร้าง (แสดงโดยแถบความคืบหน้า) และเมื่อเสร็จสิ้น คุณจะได้รับกล่องโต้ตอบบันทึกไฟล์ APK ตอนนี้คุณสามารถคัดลอกและส่งไปยังเนื้อหาหัวใจของคุณ

ในการติดตั้งแอพ ผู้ใช้จะต้องอนุญาตการติดตั้งซอฟต์แวร์บุคคลที่สามในการตั้งค่าของอุปกรณ์ ตามที่อธิบายไว้ที่นี่ .

สร้าง APK ใน Android Studio

การสร้างแพ็คเกจ Android นั้นง่ายพอๆ กับ Android Studio ภายใต้ สร้าง เมนู เลือก สร้าง APK . เมื่อสร้างเสร็จแล้ว ข้อความแจ้งเตือนจะให้ลิงก์ไปยังโฟลเดอร์บนคอมพิวเตอร์ของคุณที่มีแอป

การกระจายของ Google Play

การติดตั้งเป็นนักพัฒนาซอฟต์แวร์ของ Google นั้นค่อนข้างจะเป็นกระบวนการ แม้ว่าคุณจะควรพิจารณามันเมื่อคุณมีประสบการณ์มาแล้วบ้าง แต่ก็ไม่ใช่สิ่งที่คุณต้องจัดการทันที

ก่อนอื่นมีค่าธรรมเนียมการลงทะเบียน $ 25 นอกจากนี้ยังมีรายละเอียดทางเทคนิคจำนวนหนึ่งซึ่งค่อนข้างยากที่จะเปลี่ยนแปลงในภายหลัง ตัวอย่างเช่น คุณจะต้องสร้างคีย์การเข้ารหัสเพื่อรับรองแอปของคุณ และหากคุณทำหาย คุณจะไม่สามารถอัปเดตแอปได้

แต่ในระดับสูง มีกระบวนการหลักสามขั้นตอนที่คุณต้องทำเพื่อนำแอปของคุณเข้าสู่ Play Store:

1. ลงทะเบียนเป็นนักพัฒนา: คุณสามารถตั้งค่าโปรไฟล์นักพัฒนาของคุณ (ตามบัญชี Google) บน หน้านี้ . วิซาร์ดจะแนะนำคุณเกี่ยวกับขั้นตอนการลงทะเบียนที่ค่อนข้างตรงไปตรงมา ซึ่งรวมถึงค่าธรรมเนียม 25 ดอลลาร์ที่กล่าวไว้ข้างต้น
2. เตรียมแอพสำหรับร้านค้า: แอปเวอร์ชันจำลองที่คุณเคยทดสอบก็เช่นกัน การแก้จุดบกพร่อง รุ่น ซึ่งหมายความว่าพวกเขามีรหัสเพิ่มเติมจำนวนมากที่เกี่ยวข้องกับการแก้ไขปัญหาและการบันทึกที่ไม่จำเป็น และอาจแสดงถึงความกังวลเรื่องความเป็นส่วนตัว ก่อนเผยแพร่ไปยัง Store คุณจะต้องสร้าง a รุ่นที่วางจำหน่าย โดยการติดตาม ขั้นตอนเหล่านี้ . ซึ่งรวมถึงการเซ็นชื่อแอปของคุณด้วยรหัสลับที่เรากล่าวถึงก่อนหน้านี้
3. ตั้งค่าโครงสร้างพื้นฐานของคุณ: คุณจะต้องตั้งค่าหน้าร้านค้าสำหรับแอปของคุณด้วย Google ให้บริการ รายการคำแนะนำ สำหรับการตั้งค่ารายการที่จะให้คุณติดตั้ง (และขาย!) โครงสร้างพื้นฐานของคุณอาจรวมถึงเซิร์ฟเวอร์ที่แอปของคุณจะซิงค์ด้วย
4. สุดท้ายนี้ หากคุณต้องการรับเงิน คุณจะต้องมีโปรไฟล์การชำระเงิน นี่เป็นหนึ่งในนั้น ครั้งเดียวแล้วเสร็จ รายละเอียดดังนั้นให้แน่ใจว่าคุณรู้ว่าทุกอย่างจะเข้ากันได้ดีก่อนที่จะก้าวไปข้างหน้า

สรุปและบทเรียนที่เรียนรู้

เรามาถึงจุดสิ้นสุดของคู่มือแล้ว หวังว่าสิ่งนี้จะกระตุ้นความสนใจของคุณในการพัฒนา Android และทำให้คุณมีแรงจูงใจที่จะนำความคิดของคุณมาพัฒนาจริง แต่ก่อนที่คุณจะวางหัวลงและเริ่มสร้าง ลองย้อนกลับไปดูบทเรียนสำคัญๆ ที่เราได้เรียนรู้ในส่วนข้างต้น

• เรามองที่ สองทาง เพื่อสร้างแอปของคุณ: ตัวสร้างแบบชี้แล้วคลิก และเขียนโค้ดตั้งแต่ต้นใน Java อย่างแรกมีช่วงการเรียนรู้ที่ต่ำกว่าและเสนอฟังก์ชั่นที่หลากหลาย (แต่ยังมีข้อจำกัด) ส่วนที่สองช่วยให้คุณสร้างอะไรก็ได้ที่คุณคิดและนำเสนอประโยชน์นอกเหนือจากการพัฒนา Android แต่ต้องใช้เวลาในการเรียนรู้นานกว่า
• ทั้งที่ต่างก็มีข้อดีข้อเสีย คุณสามารถใช้ทั้งสองเส้นทาง! สภาพแวดล้อมแบบชี้แล้วคลิกให้การตอบสนองอย่างรวดเร็วเพื่อสร้างต้นแบบแอปของคุณ ในขณะที่สภาพแวดล้อมที่สองช่วยให้คุณสร้างใหม่ได้เพื่อการปรับปรุงในระยะยาว
• แม้ว่าจะอยากทำงานบนแอปโดยตรง แต่คุณจะดีใจมากในภายหลังหากคุณใช้เวลาในการ ออกแบบแอพของคุณ รวมถึงแบบร่างของอินเทอร์เฟซและ/หรือเอกสารทางการเกี่ยวกับหน้าที่ของอินเทอร์เฟซ นอกจากนี้ยังสามารถช่วยให้คุณระบุได้ว่าวิธีใดวิธีหนึ่งหรือทั้งสองวิธีข้างต้นเป็นตัวเลือกที่ดี
• วิธีง่ายๆ ในการเริ่มพัฒนาคือการจัดวางองค์ประกอบอินเทอร์เฟซผู้ใช้ จากนั้น 'วางสาย' โดยตั้งโปรแกรมฟังก์ชันการทำงาน ในขณะที่นักพัฒนาที่มีประสบการณ์สามารถเริ่มเขียนโค้ดองค์ประกอบ 'เบื้องหลัง' ได้ สำหรับมือใหม่ การเห็นภาพทุกอย่างจะช่วยให้เห็นภาพได้ชัดเจน
• เมื่อดำดิ่งลงไปในโค้ด อย่ากลัวที่จะค้นหาคำตอบจากเว็บ การเรียกใช้การค้นหาโดย Google ด้วยคำหลักสองสามคำและ 'ตัวอย่างโค้ด' ในตอนท้ายจะทำให้คุณได้ผลลัพธ์ที่ดี
• ขณะที่คุณกำลังสร้าง ให้ทดสอบงานของคุณทีละน้อย ไม่เช่นนั้น จะเป็นการยากมากที่จะตัดสินว่าการกระทำใดในสองชั่วโมงที่ผ่านมาที่ทำให้แอปของคุณเสียหาย

เมื่อคำนึงถึงสิ่งเหล่านี้แล้ว เข้าไปที่นั่นและเริ่มสร้างฝันในการพัฒนาแอปของคุณให้เป็นจริง และหากคุณตัดสินใจที่จะทำให้มือของคุณสกปรก โปรดแจ้งให้เราทราบว่าการดำเนินการนี้เป็นอย่างไรในความคิดเห็น (เราชอบลิงก์ไปยังภาพหน้าจอ) สร้างสุข!

แบ่งปัน แบ่งปัน ทวีต อีเมล วิธีเข้าถึงระดับบับเบิ้ลในตัวของ Google บน Android

หากคุณเคยต้องการให้แน่ใจว่าบางสิ่งบางอย่างอยู่ในระดับที่รวดเร็ว ตอนนี้คุณสามารถรับระดับฟองบนโทรศัพท์ของคุณในไม่กี่วินาที

อ่านต่อไป หัวข้อที่เกี่ยวข้อง

• Android
• Java
• การเขียนโปรแกรม
• การพัฒนาแอพ
• Longform
• คู่มือ Longform
• Android

เกี่ยวกับผู้เขียน Aaron Peters(31 บทความที่ตีพิมพ์)

Aaron เชี่ยวชาญด้านเทคโนโลยีอย่างลึกซึ้งในฐานะนักวิเคราะห์ธุรกิจและผู้จัดการโครงการมาเป็นเวลาสิบห้าปีแล้ว และเป็นผู้ใช้ Ubuntu ที่ภักดีมาเกือบตราบเท่าที่ (ตั้งแต่ Breezy Badger) ความสนใจของเขารวมถึงโอเพ่นซอร์ส แอปพลิเคชันสำหรับธุรกิจขนาดเล็ก การผสานรวมของ Linux และ Android และการประมวลผลในโหมดข้อความธรรมดา

เพิ่มเติมจาก Aaron Peters

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก