Windows 10 Dev - การย้ายไปยัง Windows

ในบทนี้เราจะเรียนรู้วิธีการพอร์ตแอพพลิเคชั่น Windows 8.1 ที่มีอยู่ของคุณไปยัง Universal Windows Platform (UWP) คุณสามารถสร้างแพ็กเกจแอป Windows 10 ชุดเดียวที่ลูกค้าของคุณสามารถติดตั้งลงในอุปกรณ์ทุกประเภท

หลังจากย้ายแอปพลิเคชันของคุณไปยัง Windows 10 UWP แล้วแอปของคุณจะได้รับประโยชน์จาก -

  • ฮาร์ดแวร์ใหม่ที่น่าตื่นเต้น
  • โอกาสในการสร้างรายได้ที่ยอดเยี่ยม
  • ชุด API ที่ทันสมัย
  • การควบคุม UI แบบปรับเปลี่ยนได้
  • การออกแบบและโค้ดที่ปรับเปลี่ยนได้
  • รูปแบบการป้อนข้อมูลที่หลากหลายเช่นเมาส์แป้นพิมพ์การสัมผัสและเสียงพูด

การพอร์ตโครงการ Windows 8.x ไปยังโครงการ UWP

มีสองตัวเลือกในการพอร์ตแอปพลิเคชัน Windows 8.x ที่มีอยู่ไปยัง Universal Windows Platform (UWP)

Option 1 - หนึ่งคือการสร้างโครงการ Windows 10 ใหม่ใน Visual Studio และคัดลอกไฟล์ของคุณลงในนั้น

Option 2 - อีกทางเลือกหนึ่งคือแก้ไขสำเนาของไฟล์โครงการที่มีอยู่ของคุณรวมถึงรายการแพ็กเกจแอป

ด้านล่างนี้เป็นขั้นตอนหลักในขณะที่ใช้ตัวเลือกแรก

  • เปิด Microsoft Visual Studio 2015 และสร้างโครงการ Blank Application (Windows Universal) ใหม่โดยใช้ชื่อ UWPBookStore.

  • โปรเจ็กต์ใหม่ของคุณสร้างแพ็กเกจแอพ (ไฟล์ appx) ที่จะทำงานบนอุปกรณ์ทุกตระกูล

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

  • หลังจากเรียกใช้แอปพลิเคชันนี้บนโทรศัพท์คุณจะเห็นหน้าต่างต่อไปนี้

  • หลังจากเรียกใช้แอปพลิเคชันหน้าต่างคุณจะเห็นแอปพลิเคชันต่อไปนี้

  • ตอนนี้เปิดแอปพลิเคชันโครงการ UWP ที่สร้างขึ้นใหม่
  • จากโครงการที่แชร์ให้คัดลอกโฟลเดอร์ Assets\CoverImagesมีไฟล์ภาพปกหนังสือ (.png) คัดลอกไฟล์ViewModel โฟลเดอร์และไฟล์ MainPage.xaml และแทนที่ไฟล์ในปลายทาง

  • จากโครงการ Windows ให้คัดลอก BookstoreStyles.xaml. คีย์ทรัพยากรทั้งหมดในไฟล์นี้จะแก้ไขได้ในแอพ Windows 10 บางส่วนที่เทียบเท่าWindowsPhone ไฟล์จะไม่

  • ใน Solution Explorerตรวจสอบให้แน่ใจ Show All Files ถูกสลับ ON.

  • เลือกไฟล์ที่คุณคัดลอกคลิกขวาที่ไฟล์แล้วคลิก Include In Project ดังแสดงด้านล่าง

  • ซึ่งจะรวมโฟลเดอร์ที่มีโดยอัตโนมัติ จากนั้นคุณสามารถสลับShow All Files ‘OFF’ ถ้าคุณชอบ.

  • ตอนนี้โครงสร้างโครงการของคุณจะมีลักษณะเช่นนี้ Solution Explorer.

  • แก้ไขซอร์สโค้ดและไฟล์มาร์กอัปที่คุณเพิ่งคัดลอกและเปลี่ยนการอ้างอิงไปยังไฟล์ Bookstore1_81 เนมสเปซถึง UWPBookStore เนมสเปซ

  • วิธีที่ง่ายที่สุดคือการแทนที่ช่องว่างชื่อด้วย Replace In Filesลักษณะเฉพาะ. ไม่จำเป็นต้องมีการเปลี่ยนแปลงโค้ดในโมเดลมุมมอง

  • ตอนนี้เมื่อรหัสข้างต้นถูกเรียกใช้คุณสามารถเรียกใช้บนเครื่องท้องถิ่นและบนมือถือดังที่แสดงด้านล่าง

ตอนนี้ตัวเลือกที่สองคือการแก้ไขสำเนาของไฟล์โครงการที่มีอยู่ของคุณรวมถึงรายการแพ็กเกจแอป ไฟล์โครงการและไฟล์package.appmanifest ไฟล์ต้องการการแก้ไขบางอย่างเมื่อย้ายจาก Windows / phone 8.x ไปเป็น Windows 10

Microsoft ได้จัดเตรียมยูทิลิตี้การอัปเกรดโครงการ UWP ซึ่งมีประโยชน์มากในขณะที่ย้ายแอปพลิเคชันที่มีอยู่ของคุณ ยูทิลิตี้สามารถดาวน์โหลดได้จากgithub.com

เราขอแนะนำให้คุณทำตามตัวอย่างข้างต้นทีละขั้นตอนเพื่อความเข้าใจที่ดีขึ้น