App Studio - ตัวออกแบบแอปพลิเคชันออนไลน์เวอร์ชันใหม่จาก Microsoft

สวัสดีทุกคน!

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

App Studio เป็นเครื่องมือที่ออกแบบมาเพื่อสร้างแอปพลิเคชันเนื้อหา แอปพลิเคชันประเภทนี้จะให้ข้อมูลเฉพาะแก่ผู้ใช้ แค็ตตาล็อกต่างๆ และฟังก์ชันมาตรฐานอื่นๆ ทั้งหมด

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

หากต้องการเข้าถึง App Studio คุณต้องมีบัญชี Microsoft (เดิมคือ Live ID) และการเข้าถึงอินเทอร์เน็ต

ทบทวน
อินเทอร์เฟซนั้นเรียบง่ายและใช้งานง่าย:

ในหน้าหลักจะมีแผงควบคุมสำหรับการเข้าถึงหน้าหลักของทรัพยากร:


หน้าหลักยังสาธิตแอปพลิเคชันที่สร้างขึ้นใน App Studio ซึ่งใช้งานได้และพร้อมใช้งานใน Windows Store:

เทมเพลต
ในการสร้างแอปพลิเคชัน App studio เสนอสถานการณ์ต่อไปนี้:
  • ใช้เทมเพลต
  • สร้างแอปพลิเคชันตั้งแต่เริ่มต้น
เทมเพลต App Studio เป็นแอปพลิเคชันตามหัวข้อที่มีโครงสร้างสำเร็จรูป เนื้อหาสาธิต และความสามารถในการแก้ไข:

ต่างจากเทมเพลตอื่น ๆ Empty App ไม่มีสคริปต์สำหรับการสร้างแอปพลิเคชันและไม่มีเนื้อหาโดยสิ้นเชิง

เทมเพลต App Studio ทั้งหมดให้ความสามารถในการสร้างแอปพลิเคชันสากลที่มีอยู่ในอุปกรณ์ Windows และ Windows Phone 8.1 นอกเหนือจากเทมเพลต Web App:

วัตถุประสงค์ของเทมเพลตนี้คือการแปลงเว็บไซต์เวอร์ชันมือถือให้เป็น Web App โดยใช้ URL ของไซต์ คุณลักษณะนี้ใช้ได้เฉพาะกับแอปพลิเคชัน Windows Phone เท่านั้น

เป็นที่น่าสังเกตว่าเทมเพลต App Studio ที่หลากหลายและการมีอยู่ของส่วนประกอบเฉพาะในแต่ละเทมเพลต:

การสร้างแอปพลิเคชัน
รอบการสร้างแอปพลิเคชันใน App Studio ประกอบด้วย 4 ขั้นตอน:
  • ค้นหาแนวคิด
  • เติมเนื้อหา;
  • การออกแบบสไตล์
  • การใช้แอปพลิเคชันสำเร็จรูป
เพื่อสาธิตความสามารถของเครื่องมือ เราจะสร้างแคตตาล็อกไวน์โดยอิงจากแอพเปล่า เรียกว่าเป็น Wine Expert เลย เริ่มสร้างโครงสร้างและเพิ่มเนื้อหา

หน้าเริ่มต้นสำหรับแอพ Empty ใหม่มีลักษณะดังนี้:

พื้นที่ทำงานแบ่งออกเป็นสี่ส่วน:

  • ทำงานกับโครงสร้างและเนื้อหาของแอปพลิเคชัน: เนื้อหา;
  • ถัดไปสองแท็บมีหน้าที่รับผิดชอบรูปลักษณ์และสไตล์ของแอปพลิเคชัน: ธีมส์และ กระเบื้อง.
  • เผยแพร่ข้อมูลมีการตั้งค่าเบื้องต้นสำหรับการเผยแพร่แอปพลิเคชันใน Windows Store
การทำงานเกี่ยวกับเนื้อหา
ในพื้นที่เนื้อหา เรากำหนดว่าหน้าใดที่ผู้เชี่ยวชาญด้านไวน์จะประกอบด้วย:
  • เกี่ยวกับไวน์
  • แคตตาล็อกไวน์
  • การผลิตไวน์
  • เกี่ยวกับผู้สร้าง
ในการสร้างโครงสร้าง เราใช้ชุดบล็อกที่เสนอโดย App Studio:

  1. หน้า “เกี่ยวกับไวน์” หากมีข้อความตามตัวอย่างนี้ ได้รับการออกแบบให้สะดวกที่สุดโดยใช้บล็อก “HTML”:

    การแก้ไขข้อความสามารถใช้ได้ทั้งในโหมดแก้ไขข้อความและ HTML เพียงคลิกที่สัญลักษณ์ .

  2. แคตตาล็อกไวน์เป็นบล็อกประเภท "คอลเลกชัน":

    ข้อมูลในแอปพลิเคชันอาจมีได้สองประเภท:

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

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

    เราจะออก โครงสร้างฐานข้อมูลใบสมัครของเรา เมื่อคุณคลิกที่ปุ่ม “เพิ่มคอลัมน์เริ่มต้น” App Studio จะเพิ่มช่องจัดเก็บข้อมูลมาตรฐานที่จำเป็นและที่ใช้โดยอัตโนมัติ: ชื่อ, คำบรรยาย, ImageUrl, คำอธิบาย

    ฉันลบฟิลด์ SubTitle และเพิ่มฟิลด์ SubTitle ของตัวเองโดยใช้ปุ่ม "สร้างใหม่":

    ใน "ColumnType" ให้เลือกประเภทฟิลด์ – ข้อความ Boolean Multiline ซึ่งอนุญาตให้บันทึกหลายบรรทัด จะยังคงอยู่ในสถานะเป็นเท็จ

    เสร็จสิ้นกระบวนการสร้างโครงสร้างฐานข้อมูลแอปพลิเคชัน และเริ่มเติมมันกันเถอะ

    ปุ่ม "ยืนยัน" จะนำเรากลับไปที่พื้นที่ทำงาน "เนื้อหา" ซึ่งเราจะดูหน้าทั้งหมดที่ประกอบเป็นแอปพลิเคชัน:

    ในบล็อก "แคตตาล็อกไวน์" คลิกปุ่ม "แก้ไข" และไปที่โหมดแก้ไขของบล็อกนี้:

    ข้อความนี้ปรากฏในเบราว์เซอร์เมื่อมีการเปลี่ยนแปลงที่ยังไม่ได้บันทึกบนเพจ ในกรณีนี้ คลิก "อยู่ในหน้านี้" จากนั้นคลิกปุ่ม "บันทึก" ที่มุมขวาบน

    เราทำซ้ำขั้นตอนและเข้าสู่โหมดแก้ไขคอลเลกชัน:

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

    มากำหนดค่าแหล่งที่มาเหล่านี้กัน:

    และสลับไปที่โหมดแก้ไขเพื่อแสดงองค์ประกอบที่เลือก:

    คุณจะต้องกำหนดค่าแหล่งที่มาอีกครั้ง แต่มาใส่ใจกับการตั้งค่าใหม่ - "หน้าพิเศษ":

    อย่าลืมปุ่ม "บันทึก" และดูที่แท็บข้อมูล:

    โครงสร้างฐานข้อมูลที่รู้จักอยู่แล้ว พร้อมสำหรับการแก้ไข เราสนใจที่จะป้อนข้อมูลลงในแอปพลิเคชัน คลิก “แก้ไขข้อมูล” และไปที่หน้าต่อไปนี้:

    คุณสามารถเพิ่มข้อมูลด้วยตนเอง โดยกรอกในแต่ละบรรทัดหลังจากสร้างข้อมูลแล้ว โดยใช้ "สร้างใหม่" แต่เราจะใช้ความสามารถในการโหลดข้อมูลที่สร้างไว้ใน App Studio โดยใช้ไฟล์ที่มีนามสกุล .csv “นำเข้าข้อมูล”:

    เราเตือนตัวโหลดว่าไฟล์ของเราถูกสร้างขึ้นโดยไม่มีส่วนหัวและสามารถโหลดข้อมูลจากบรรทัดแรกได้

    สิ่งที่เหลืออยู่คือการเพิ่มรูปภาพ:

    โหมดแสดงตัวอย่างแอปพลิเคชันบนแพลตฟอร์ม Windows สามารถใช้งานได้โดยคลิกที่ “ ดูตัวอย่าง Windows».

  3. หน้า "การผลิตไวน์" จะมีวิดีโอเกี่ยวกับกระบวนการนี้ ในกรณีนี้ ให้เลือกบล็อกเช่น YouTube:

    • ค้นหา/ผู้ใช้/เพลย์ลิสต์- ประเภทคำขอที่แอปพลิเคชันจะค้นหาวิดีโอ
    • « การผลิตไวน์" - เนื้อหาของคำขอ
    ผลลัพธ์คือหน้าเว็บที่แสดงวิดีโอ YouTube สำหรับคำค้นหาที่ระบุ:

  4. “ เกี่ยวกับผู้สร้าง” - เราจะสร้างหน้านี้โดยใช้บล็อกประเภท "เมนู":

    มีโหมดการแก้ไขสองโหมดสำหรับบล็อกนี้:

    • การแก้ไขข้อมูลที่แสดงบนหน้ามาตรฐาน: ปุ่ม "แก้ไข";
    • การแก้ไขรายการเมนู
    การแก้ไขรายการเมนูเป็นพื้นที่ที่คุณต้องเพิ่มองค์ประกอบที่จำเป็น:

    บล็อกประเภท "เมนู" สามารถประกอบด้วยบล็อกพื้นฐาน คอลเลกชัน รวมถึงองค์ประกอบของประเภท "MenuAction" ใหม่:

    การดำเนินการที่รายการนี้รับผิดชอบหลังจากแก้ไขคือการเขียนจดหมายผ่านแอปพลิเคชันที่มีอยู่ในอุปกรณ์:

    นอกจากนี้ การตั้งค่า "MenuAction" ยังรวมถึงการดำเนินการอื่นๆ เช่น การโทรออก ไปยังหน้าที่ระบุ เป็นต้น

    มาเพิ่มหมายเลขโทรศัพท์ในหน้า "เกี่ยวกับผู้สร้าง" และการกรอกใบสมัครด้วยเนื้อหาเสร็จสมบูรณ์:

การออกแบบและรูปแบบของแอพพลิเคชั่น

App studio ในแท็บ Themes เสนอให้กำหนดค่าธีมของแอปพลิเคชัน:

  • มาตรฐาน: พื้นหลังสีเข้มและสีอ่อน;
  • พื้นหลังที่ผู้ใช้ต้องการ รวมถึงสามารถตั้งค่ารูปภาพเป็น "ภาพพื้นหลัง" ได้
เมื่อใช้ Custom Style คุณยังสามารถปรับแต่งสีข้อความและแถบแอปพลิเคชันมาตรฐานของแอปพลิเคชันได้:

แท็บไทล์จะตกแต่งรูปลักษณ์ของแอปพลิเคชั่นบนหน้าจอเริ่มต้น ภาพพื้นหลัง และสกรีนเซฟเวอร์พื้นหลัง:

มาตั้งค่าไทล์แอปพลิเคชันบนหน้าจอเริ่มต้น:

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

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

บนแท็บ Splash&Lock เราจะดำเนินการเดียวกันกับรูปภาพ:

บันทึกการเปลี่ยนแปลงและไปยังขั้นตอนถัดไป

การตั้งค่าแอพเพื่อเผยแพร่ไปยัง Windows Store
มาดูกันว่าข้อมูลใดบ้างที่ "เผยแพร่ข้อมูล" ต้องใช้จากเราเพื่อเตรียมการเผยแพร่แอปพลิเคชันใน Windows Store นอกเหนือจากชื่อแอป คำอธิบายแอป และภาษาที่เข้าใจได้:



เงื่อนไขประการหนึ่งสำหรับการเผยแพร่แอปพลิเคชันใน Windows Store คือชื่อแอปพลิเคชัน (ชื่อแอป) จะต้องถูกสงวนไว้ในร้านค้าก่อนที่จะเผยแพร่ สำรองชื่อแอปพลิเคชันในศูนย์พัฒนา ร้านค้าจะกำหนด “เอกลักษณ์ของแพ็คเกจ” ของตัวเองให้กับชื่อที่สงวนไว้ (จดทะเบียน) แต่ละชื่อ ผู้ใช้ App Studio จำเป็นต้องทราบข้อมูล ชื่อ และ ID นี้

เพื่อให้ App Studio สร้างแพ็คเกจแอปพลิเคชันพิเศษสำหรับการเผยแพร่ คุณต้องกรอก “รายการแอปพลิเคชัน” - รายการแอปพลิเคชัน ในการดำเนินการนี้ การตั้งค่า "เชื่อมโยงแอปกับร้านค้า" ต่อไปนี้มีอยู่ใน "เผยแพร่ข้อมูล":

ขั้นตอนสุดท้ายของการทำงานกับแอปพลิเคชัน
แอปพลิเคชันพร้อมแล้ว - คลิก "เสร็จสิ้น":

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

ฟังก์ชั่น "สร้าง" แนะนำให้เลือกแพลตฟอร์มที่คุณต้องการสร้างแอปพลิเคชันเลือก Windows Phone 8.1 และ Windows 8.1 ซึ่งจะช่วยให้คุณสร้างแอปพลิเคชันประเภทใหม่ - สากล:

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

ตอนนี้เราสามารถดาวน์โหลดสื่อทั้งหมดที่ App Studio ให้มาเพื่อทำงานกับแอปพลิเคชันที่สร้างขึ้นได้

การติดตั้งแอปพลิเคชันบนอุปกรณ์ของคุณ
แอปพลิเคชันที่สร้างโดยใช้ App Studio สามารถติดตั้งบนอุปกรณ์ได้โดยตรงนอก Windows Store ด้วย "แพ็คเกจที่ติดตั้งได้" ที่สร้างขึ้น

สิ่งที่จำเป็นสำหรับสิ่งนี้:

  1. ติดตั้งใบรับรองบนอุปกรณ์:
    • ดาวน์โหลดแพ็คเกจการติดตั้งที่ให้ไว้ใน App Studio สำหรับใบรับรองขึ้นอยู่กับอุปกรณ์ (พีซี แท็บเล็ต โทรศัพท์)
    • เรียกใช้ไฟล์ด้วยนามสกุล .cer (เมื่อติดตั้ง ให้เลือก Local machine วางใบรับรองทั้งหมดไว้ในที่จัดเก็บต่อไปนี้: Trusted Root Certification Authorities)
  2. ติดตั้งแอปพลิเคชันบนอุปกรณ์ของคุณ:
    • ดาวน์โหลดแพ็คเกจที่ติดตั้งได้
    • ค้นหาไฟล์ Add-AppDevPackage1.ps1 คลิกขวาแล้วเปิด “Run with PowerShell”

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

นอกจากนี้ ยังอาจสะดวกสำหรับนักพัฒนาในการสร้างโครงสร้างของแอปพลิเคชันโดยใช้เครื่องมือนี้ จากนั้นใช้ Visual Studio 2013 (อัปเดต 2) เพื่อปรับแต่งโดยไม่ต้องเสียเวลาในการเขียนองค์ประกอบพื้นฐาน

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

นักพัฒนายังจะสนใจใช้เครื่องมือใหม่ เช่น เพื่อลดเวลาในการพัฒนาโครงสร้างพื้นฐานของแอปพลิเคชัน

แท็ก:

  • วินโดวส์โฟน
  • หน้าต่าง
  • วิชวล สตูดิโอ 2013
  • ร้านค้าหน้าต่าง
เพิ่มแท็ก

สวัสดีทุกคน!

โพสต์ล่าสุดของฉันเขียนเมื่อนานมาแล้ว และถึงเวลาแก้ไขข้อเท็จจริงที่น่าเศร้านี้ วันนี้ฉันตัดสินใจแยกบทความเกี่ยวกับ Windows Azure และพูดคุยเกี่ยวกับแพลตฟอร์มอื่นที่น่าสนใจไม่แพ้กันจาก Microsoft - Windows Phone

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

การเริ่มต้นพัฒนาแอพสำหรับ Windows Phone นั้นค่อนข้างง่ายจริงๆ หากคุณรู้จัก C# อยู่แล้วและมีประสบการณ์กับ WPF หรือ Silverlight คุณสามารถพูดได้ว่าคุณรู้ข้อมูลที่จำเป็นถึง 80% ความจริงก็คือแพลตฟอร์มการพัฒนาสำหรับ Windows Phone นั้นมีพื้นฐานมาจาก Silverlight และในเวอร์ชัน WP8 ก็ถูกแทนที่ด้วยแพลตฟอร์มที่ค่อนข้างคล้ายกันแม้ว่าจะใกล้กับ WinRT ก็ตาม ดังนั้น หากคุณเคยเขียนแอปพลิเคชันใน WPF คุณจะรู้ว่า MVVM คืออะไรและจำเป็นสำหรับอะไร จากนั้นเขียนแอปพลิเคชันสำหรับ Windows Phone ได้เลย

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

สตูดิโอแอพ Windows Phone

ฉันรัก Microsoft มาโดยตลอดเพราะมันมอบเครื่องมือที่สะดวกสบายในการทำงานให้กับผู้ใช้และนักพัฒนา และในเดือนสิงหาคม Microsoft ได้เปิดตัวบริการใหม่ ซึ่งจะช่วยให้ทุกคนแม้แต่ผู้ที่ไม่คุ้นเคยกับการเขียนโปรแกรมเลย สามารถสร้างแอปพลิเคชันของตนเองสำหรับ Windows Phone ได้ เรียกว่า Windows Phone App Studio

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

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

ขั้นตอนที่ 0.1 การลงทะเบียน

ในการเริ่มใช้บริการ คุณจะต้องลงทะเบียนบัญชี LiveID ของคุณเอง ฉันคิดว่ามันไม่มีประโยชน์ที่จะอธิบายว่ามันคืออะไรหากคุณเคยใช้บริการใด ๆ จาก Microsoft ไปที่เว็บไซต์ App Studio แล้วคลิกปุ่มเริ่มสร้าง:

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

ขั้นตอนที่ 0.2 การเลือกประเภทแอปพลิเคชัน

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

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

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

ขั้นตอนที่ 1: ข้อมูลการสมัคร

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

สังเกตหมายเลขโทรศัพท์ที่แสดงทางด้านขวา มันจะแสดงแอปพลิเคชันของคุณพร้อมกับการเปลี่ยนแปลงที่คุณทำเสมอ

ขั้นตอนที่ 2 เติมเนื้อหา

แต่ละแอปพลิเคชันที่สร้างผ่าน Windows Phone App Studio ประกอบด้วยส่วนต่างๆ แต่ละส่วนคือชุดของเพจที่เชื่อมโยงกันด้วยตรรกะบางประเภท เช่น ข้อมูลที่สามารถแสดงบนหน้านี้ได้ มาสร้างส่วนใหม่ที่เราจะใช้ฟีด RSS เป็นแหล่งข้อมูล

ที่นี่คุณจะต้องตั้งชื่อส่วนในอนาคต เลือกประเภทของแหล่งข้อมูล (คอลเลกชัน, RSS, วิดีโอ YouTube, รูปภาพ Flickr, การค้นหา Bing และเนื้อหา HTML5) และตั้งชื่อ หลังจากสร้างส่วนแล้ว เราจะไปที่หน้าแก้ไข

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

ขั้นตอนที่ 2.1 แหล่งข้อมูล

เมื่อเลือกแหล่งข้อมูลในหน้าจอก่อนหน้าแล้ว เราจะถูกนำไปที่หน้าต่างเพื่อแก้ไข เนื่องจากเราได้เลือกประเภทแหล่งที่มา RSS เราจะถูกขอให้ระบุ URL ที่จะรับข้อมูล สำหรับตัวอย่างนี้ เราจะใช้ฟีด RSS ที่อยู่ที่

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

ขั้นตอนที่ 2.2 การแก้ไขรูปลักษณ์ของเพจ

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

คุณสามารถดูได้ทันทีว่าแอปพลิเคชันมีการเปลี่ยนแปลงอย่างไร ตอนนี้รายการต่างๆ เรียงกันตามลำดับ ซึ่งนำรูปลักษณ์ของแอปพลิเคชันมาสู่สไตล์มินิมอลลิสต์ ควรให้ความสนใจกับฟิลด์ชื่อรายการและคำบรรยายของรายการ แทนที่จะเป็นข้อความธรรมดา ขณะนี้มีการแสดงออกที่เข้าใจยาก (Data.Title) และ (Data.Summary) เขียนอยู่ที่นั่น สำหรับผู้ที่คุ้นเคยกับ WPF สามารถเปรียบเทียบได้กับ Data Binding ส่วนที่เหลือฉันจะอธิบาย

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

เรามาลองแก้ไขหน้าข้อมูลด้วยวิธีเดียวกันกัน มีชุดเทมเพลตที่แตกต่างกันเล็กน้อยให้เลือก โดยเราจะเลือกเทมเพลตที่ง่ายที่สุดและเหมาะสมที่สุด:

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

ขั้นตอนที่ 2.3 การเพิ่มเมนูและส่วนอื่นๆ

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

ขั้นตอนที่ 3 สไตล์

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

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

ขั้นตอนที่ 3.1. กระเบื้อง

ไทล์เป็นส่วนสำคัญของแอปพลิเคชันสำหรับ Windows Phone พวกเขาสามารถปรับปรุงแอปพลิเคชันของคุณโดยอนุญาตให้ผู้ใช้ดูข้อมูลเพิ่มเติมโดยไม่ต้องเปิดหน้าต่างโปรแกรมหลัก แน่นอนว่าใน Windows Phone App Studio คุณจะไม่สามารถสร้างไทล์อัจฉริยะที่สามารถอัปเดตรูปลักษณ์และโหลดข้อมูลเพิ่มเติมจากที่อื่นได้อย่างอิสระ อย่างไรก็ตาม คุณสามารถเลือกพฤติกรรมมาตรฐานได้หลายลักษณะโดยใช้ข้อมูลคงที่บางส่วน ตัวอย่างเช่น สำหรับแอปพลิเคชัน glamcoder ฉันเลือกประเภทไทล์ Iconic Template และจะแสดงคำอธิบายโดยย่อของแอปพลิเคชันในนั้น:

ขั้นตอนที่ 3.2. หน้าจอสแปลชและล็อค

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

รูปภาพหน้าจอล็อคคือภาพที่จะแสดงบนหน้าจอล็อค ในความเป็นจริง มันไม่มีความหมายในทางปฏิบัติมากนัก เนื่องจากรูปภาพนี้คงที่ภายใน Windows Phone App Studio และไม่น่าเป็นไปได้ที่ผู้ใช้จะต้องการแทนที่วอลเปเปอร์ Bing สีสันสดใสด้วยรูปภาพของคุณ

ขั้นตอนที่ 4 สุดท้าย

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

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

บทสรุป

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

ฉันหวังเป็นอย่างยิ่งว่าบทความนี้จะเป็นแรงบันดาลใจให้คุณเขียนแอป Windows Phone แอปแรกของคุณเอง และฉันอยากจะเชื่อว่าความรู้ที่คุณได้รับจะช่วยคุณสร้าง Instagram ใหม่หรือ Angry Birds ใหม่ และเพื่อให้สิ่งนี้เกิดขึ้นโดยเร็วที่สุด โปรดไปที่พอร์ทัลการพัฒนาสำหรับ Windows Phone ศึกษาเอกสาร ดูวิดีโอบทช่วยสอน และสร้าง

ขอให้โชคดีและมีประโยชน์กับคุณ!

ปัจจุบัน การพัฒนาแอปพลิเคชันสำหรับ Windows 10 Mobile เป็นหนึ่งในพื้นที่ที่มีแนวโน้มมากที่สุด

โปรแกรมเมอร์หลายคนฝึกฝนและฝึกฝนกิจกรรมนี้ด้วยตนเอง

คนอื่นๆ ได้รับการฝึกอบรมจากบริษัทที่พวกเขาทำงานด้วยไม่ว่าในกรณีใด นี่เป็นทิศทางที่ยอดเยี่ยมและคุ้มค่าที่จะติดตามอย่างแน่นอน

ดังนั้นเราจะวิเคราะห์ขั้นตอนที่ต้องดำเนินการ

สารบัญ:

ข้อมูลเบื้องต้น

ขึ้นอยู่กับว่าคุณเคยพัฒนามาก่อนหรือไม่ คุณจะเข้าใจทุกอย่างที่จะกล่าวถึงด้านล่างได้ง่ายขึ้นหรือยากขึ้น

เราจะเน้นไปที่คนเหล่านั้นที่เพิ่งเริ่มเข้าใจพื้นฐาน

บางทีคุณอาจไปเรียนที่วิทยาลัยหรือเรียนบางหลักสูตร

หากเป็นเช่นนั้น คำแนะนำเหล่านี้มีไว้สำหรับคุณโดยเฉพาะ

เรามาดูหัวข้อการพัฒนากันดีกว่า

นักพัฒนาของ Microsoft ทำสิ่งที่สะดวกมากเมื่อไม่กี่ปีที่ผ่านมา พวกเขาสร้างสิ่งที่เรียกว่าแอปพลิเคชันสากลหรือสภาพแวดล้อมการพัฒนาสำหรับพวกเขา

เหมาะสำหรับอุปกรณ์ทั้งหมดที่ทำงานบน

ในรูปที่ 1 สิ่งที่เขียนไว้ด้านบนจะแสดงในแผนภาพ

การมีอยู่ของแอปพลิเคชันสากลนั้นขึ้นอยู่กับแนวคิด UWP (แพลตฟอร์ม Windows สากล).

โปรแกรมดังกล่าว (แอปสากล) เหมาะสำหรับอุปกรณ์หลากหลายประเภท - พีซี อุปกรณ์มือถือ และอื่นๆ

พวกเขารวมกันเป็นหนึ่งด้วยองค์ประกอบต่อไปนี้:

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

ด้วยวิธีนี้ คุณสามารถเพิ่มประสิทธิภาพงานของคุณได้อย่างจริงจัง

ข้อได้เปรียบหลักคือคุณไม่จำเป็นต้องเขียนเช่น 2 แยกกัน และ .

คุณเขียนโปรแกรมหนึ่งโปรแกรม และโปรแกรมจะปรับตัวเองให้เข้ากับอุปกรณ์ที่โปรแกรมนั้นทำงาน

ดังนั้นจึงไม่มีโปรแกรมแยกต่างหากสำหรับ Windows 10 Mobile ในปัจจุบันโดยหลักการแล้ว

มี UWP แทน

เป็นที่น่าสังเกตว่าเมื่อใช้ Windows Phone OS (ระบบปฏิบัติการที่นำหน้า Win Mobile) จะไม่มีการระบุแนวทางนี้ ฉันต้องทำโปรแกรมสำหรับคอมพิวเตอร์ จากนั้นลองพอร์ต (หรืออีกนัยหนึ่งคือดัดแปลง) สำหรับ . แม้ว่าในกรณีส่วนใหญ่จำเป็นต้องพัฒนาตั้งแต่เริ่มต้นก็ตาม อย่างที่คุณสามารถจินตนาการได้ สิ่งนี้ไม่สะดวกอย่างยิ่ง

โชคดีที่ตอนนี้ทุกอย่างเปลี่ยนไปแล้ว และเราก็มีวิธีการเขียนโปรแกรมที่เป็นสากล

ตอนนี้เรามาฝึกซ้อมกันดีกว่า

วิธีการพัฒนาสำหรับ Windows 10 M obile

จากข้อมูลข้างต้นเราสามารถเน้นได้ สามวิธีในการเขียนโปรแกรมสำหรับ Windows 10 M obile:

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

อื่น.ตามทฤษฎีแล้ว แม้ว่านี่จะค่อนข้างเป็นปัญหา แต่เราสามารถใช้ได้ตามจุดประสงค์ของเราและ - ภาษาโปรแกรมเหล่านี้ถือว่าล้าสมัยในปัจจุบัน (เฉพาะขั้นพื้นฐาน - แต่ก็ยังสามารถใช้ได้

อย่างที่คุณเห็น วิธีแรกนั้นเหมาะสมที่สุด โดยเฉพาะอย่างยิ่งหากเรากำลังพูดถึงผู้เชี่ยวชาญด้านโค้ดมือใหม่

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

สิ่งที่จำเป็นสำหรับการพัฒนา - ศึกษาเครื่องมือ

คุณจะต้องดาวน์โหลดทั้งหมดนี้ทันทีเพื่อเริ่มสร้าง! เอาเป็นว่าทันทีว่ามีทั้งหมดไมโครซอฟต์

นี่คือสิ่งที่คุณต้องการ:

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

SDK การอัปเดตวันครบรอบของ Windows 10. นี่เป็นชุดเครื่องมืออัปเดตที่จำเป็นสำหรับการพัฒนาอุปกรณ์ทั้งหมดที่ทำงานบน Windows OS 10. คุณสามารถดาวน์โหลดได้จาก Developer.microsoft.com ส่วนประกอบนี้จำเป็นต้องติดตั้งหลังจากดาวน์โหลด มันจะ "สร้าง" โดยอัตโนมัติ VS.

ผู้เริ่มต้นจะมีเพียงพอชุมชน Visual Studioร่วมกับ SDK การอัปเดตวันครบรอบของ Windows 10

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

ในอนาคตเมื่อคุณเชี่ยวชาญพื้นฐานพื้นฐานแล้ว คุณสามารถลองใช้ได้ ผสมผสานสำหรับ Visual Studio

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

ใน VS ในปี 2560 เครื่องมือดังกล่าวไม่สมเหตุสมผล สิ่งที่ดีที่สุดก็ถูกพรากไปจากเขาที่นั่นแล้ว

ใบอนุญาตนักพัฒนา และการปลดล็อค

ในกรณีของเรา จำเป็นต้องมีใบอนุญาตสำหรับนักพัฒนาด้วย นี่เป็นเรื่องจริงถ้าคุณทำงานให้

แต่จะได้รับโดยอัตโนมัติเมื่อรวบรวมแอปพลิเคชันแรก

คุณจึงไม่ต้องทำอะไรเพิ่มเติม

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

โดยเฉพาะ คุณต้องทำสิ่งต่อไปนี้:

  • ใช้การค้นหาเพื่อค้นหา เมนู " อัปเดตและความปลอดภัย» (“การอัปเดตและความปลอดภัย” หากเป็นภาษารัสเซีย)
  • มันอยู่ในเมนูด้านซ้าย เลือก " สำหรับนักพัฒนา» (“สำหรับนักพัฒนา”)
  • เครื่องหมายถูกใกล้จารึก « โหมดนักพัฒนา» (“โหมดนักพัฒนาซอฟต์แวร์”)

บางครั้งถ้าคุณไม่ดำเนินการง่ายๆ นี้ ปัญหาก็เกิดขึ้นกับงานต่อไป

ตัวอย่างการใช้งาน – “Hello World”

ดังนั้น ในการเขียนใบสมัครครั้งแรกของคุณ ทำสิ่งนี้:

1 เปิด Visual Studio ที่ติดตั้งไว้ เลือก "ไฟล์", แล้ว "สร้าง"และ "โครงการ".

2 เปิด หน้าต่าง "สร้างโครงการ"- คลิกที่แผงด้านซ้าย “คุณที่จัดตั้งขึ้น» จากนั้นคลิก "วิชวลซี++» (เราจะใช้ภาษานี้ในตอนนี้) และต่อไป ย่อหน้า“แอพ Windows สากล» .

3 ปล่อยทุกอย่างไว้ตามเดิมที่ส่วนกลางของหน้าต่างที่เปิดอยู่ ก็ควรจะเลือก รายการ “แอปพลิเคชันว่างเปล่า...”.

4 ที่ด้านล่าง ให้ป้อน ชื่อโครงการ ที่ตั้งต้นทาง และชื่อทางลัด

5 คลิก "ตกลง"ที่มุมซ้ายบน

6 ในแผงด้านซ้าย คุณจะพบรายการไฟล์โครงการทั้งหมดโดยไม่ต้องลงรายละเอียด สมมติว่าโค้ดถูกเขียนในไฟล์ที่มีนามสกุล .xaml ในกรณีของเราคือ “MainPage.xaml” เปิดแล้วกล่องรหัสจะปรากฏขึ้นที่ส่วนกลาง

  • - องค์ประกอบ "StackPanel" "เป็นภาชนะชนิดหนึ่งสำหรับองค์ประกอบอื่น ๆ ในที่นี้เราระบุความยาวและความสูงของมัน
  • สวัสดีชาวโลก" และฟอนต์ 36;
  • - บล็อกข้อความที่มีคำว่า “คุณชื่ออะไร?";
  • - StackPanel อีกอัน ด้วยพารามิเตอร์ของตัวเอง
  • - ช่องป้อนข้อความ;
  • -ปิดอันแรกสแต็คพาเนล;
  • - ปิดที่สองสแต็คพาเนล

8 กดปุ่ม "F5"» บนแป้นพิมพ์เพื่อดูว่าโปรแกรมทำงานอย่างไร

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

ด้วยการเปิดตัว Windows 8 นักพัฒนาได้รับการแนะนำให้รู้จักกับแอพพลิเคชั่นประเภทใหม่ - แอพพลิเคชั่นสไตล์ Modern UI แล้วมันใหม่ยังไงล่ะ? แอปพลิเคชันที่คล้ายกันได้รับการพัฒนาสำหรับ Windows Phone แล้ว แอปพลิเคชันเหล่านี้ไม่มีอะไรที่เหมือนกันกับแอปพลิเคชัน Windows ที่คุ้นเคย แอปพลิเคชันดังกล่าวเข้ากันไม่ได้กับ Windows เวอร์ชันก่อนหน้า มีอินเทอร์เฟซใหม่ทั้งหมด (สมัยใหม่) และได้รับการพัฒนาโดยใช้เวอร์ชันใหม่ WinRT API(Windows Runtime API) และ วินโดวส์ XAML(ภาษามาร์กอัปอินเทอร์เฟซ)

ไม่มีปัญหาในการเขียนเฉพาะแอปพลิเคชันเวอร์ชัน Windows 8 อย่างไรก็ตามหากคุณต้องการเขียนแอปพลิเคชันไม่เพียง แต่สำหรับ Windows แต่ยังสำหรับ Windows Phone ด้วยคุณต้องเอาชนะปัญหาบางอย่าง ประเด็นก็คือ Windows Phone ใช้ครับ ซิลเวอร์ไลท์และ Windows Phone API ในขณะที่ Windows 8 ใช้ วินโดวส์ XAMLและ WinRT API พวกเขามีความแตกต่างที่สำคัญบางประการ

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

Microsoft รู้เกี่ยวกับปัญหานี้และดำเนินการแก้ไขปัญหามาเป็นเวลานาน ผลลัพธ์ของงานนี้เรียกว่า แอพ Windows สากล(Universal Windows Apps) ซึ่งพร้อมใช้งานตั้งแต่ Windows 8.1 Update 1 และ Windows Phone 8.1 (ซึ่งจะพร้อมให้ติดตั้งบนอุปกรณ์ Windows Phone 8 ทั้งหมดภายในสิ้นฤดูร้อน) อาจมีคนคิดว่าตอนนี้แอปพลิเคชันจะทำงานได้โดยไม่ต้องคอมไพล์ใหม่ทั้งบน Windows และ Windows Phone แต่สิ่งนี้ไม่เป็นความจริงทั้งหมด

แต่ละแอปพลิเคชันจะยังคงสร้างและรวบรวมแยกกันสำหรับแต่ละแพลตฟอร์ม แต่ปริมาณงานที่ต้องการได้ลดลงอย่างมากแล้ว ประเด็นก็คือในที่สุด Microsoft ก็รวม API ส่วนใหญ่สำหรับ Windows และ Windows Phone เข้าด้วยกัน การเปลี่ยนแปลงส่วนใหญ่เกิดขึ้นบนฝั่ง Windows Phone จากนี้ไป WinRT API และ Windows XAML จะถูกนำมาใช้ในการเขียนแอปพลิเคชันสำหรับทั้งสองแพลตฟอร์มนี้ (เร็วๆ นี้จะมีสามแพลตฟอร์ม Xbox One ด้วย) แน่นอนว่า Silverlight ที่คุ้นเคยสำหรับ Windows Phone ยังไม่หายไปและยังได้รับคุณสมบัติเพิ่มเติมบางอย่างด้วย แต่นั่นไม่ใช่สิ่งที่เรากำลังพูดถึงในตอนนี้

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

ทดสอบการใช้งาน

วันนี้ฉันขอแนะนำให้คุณลองเขียนแอปพลิเคชันสากลง่ายๆ ซึ่งมีชื่อว่า "สวัสดีชาวโลก!"- เราจะเขียนเป็นภาษา ค#(อย่างน้อยจำเป็นต้องมีความรู้พื้นฐานด้านภาษาและ XAML- ในการดำเนินการนี้ เราต้องการสิ่งต่อไปนี้:

วินโดวส์ 8.1 (x86)

มันค่อนข้างน้อย ด้วยชุดอุปกรณ์นี้ คุณสามารถพัฒนาแอปพลิเคชันสากลและแก้ไขข้อบกพร่องเวอร์ชัน Windows บนคอมพิวเตอร์ปัจจุบันของคุณได้ คุณสามารถแก้ไขข้อบกพร่องของแอปพลิเคชันเวอร์ชัน Windows Phone ได้บนอุปกรณ์จริงเท่านั้น (และจำเป็นต้องมีบัญชีนักพัฒนา)

เพื่อให้สามารถดีบักแอปพลิเคชันของคุณในโปรแกรมจำลอง Windows Phone คุณจะต้อง:

วินโดวส์ 8.1 มืออาชีพ (x64)
โปรเซสเซอร์ที่รองรับการจำลองเสมือนของฮาร์ดแวร์สำหรับไคลเอนต์ Hyper-V (แม้แต่งบประมาณ Celeron G1610 และแม้แต่ Pentium 4 บน LGA775 ก็เหมาะสม)
Visual Studio Express 2013 สำหรับ Windows อัปเดต 2

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

ฉันจะใช้ วิชวลสตูดิโอ Ultimate 2013 และฉันจะแสดงทุกอย่างให้ฟัง ไม่ต้องกังวล อินเทอร์เฟซแทบไม่ต่างจาก Express ฟรีเลย เริ่มกันเลย!

สากล "สวัสดีชาวโลก!"

มาเปิดตัว Visual Studio และสร้างโปรเจ็กต์ใหม่กันเถอะ

ในส่วน "แอพ Windows Store"มีเทมเพลตแอปมากมายสำหรับทั้ง Windows และ Windows Phone เราสนใจแอปพลิเคชันสากลซึ่งมีเทมเพลตอยู่ในส่วนย่อยพิเศษ

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

ป้อนชื่อแอปพลิเคชันที่คุณกำลังสร้าง ฉันโทรหาเขา “ยูนิเวอร์แซลเฮลโลเวิลด์”ชัดเจนและแม่นยำ คลิก "ตกลง" และรอในขณะที่ Visual Studio สร้างโครงการ มาดูโครงสร้างของโครงการที่สร้างขึ้น

โดยโครงการทั้งหมดจะแบ่งออกเป็น สามส่วน:

Windows - มีโค้ดและองค์ประกอบที่มีให้สำหรับแอปพลิเคชันเวอร์ชัน Windows เท่านั้น
Windows Phone - มีรหัสและองค์ประกอบที่มีให้สำหรับแอปพลิเคชันเวอร์ชัน Windows Phone เท่านั้น
แชร์ – ประกอบด้วยโค้ดและองค์ประกอบที่พร้อมใช้งานสำหรับสองแพลตฟอร์มในคราวเดียว

โปรดทราบว่าในขณะนี้มีเพียงองค์ประกอบเดียวเท่านั้นที่เหมือนกัน: แอพ.xaml(และ App.xaml.cs) องค์ประกอบนี้มีหน้าที่ในการเริ่มและหยุดแอปพลิเคชัน

คุณสามารถลองเปิดแอปพลิเคชันได้แล้ว และหากต้องการทำสิ่งนี้ ให้กด F5 หากต้องการหยุดการดีบัก ให้กลับไปที่ Visual Studio แล้วคลิก "กะ + F5"- คุณควรเห็นหน้าจอว่างเปล่า แอปพลิเคชันเวอร์ชัน Windows จะเปิดตัวในขั้นต้น หากต้องการเลือกเวอร์ชันของแอปพลิเคชันที่จะรัน ให้มองหาปุ่มแก้ไขข้อบกพร่อง (สามเหลี่ยมสีเขียว) บนแถบเครื่องมือ

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

กลับมาเปลี่ยนเวอร์ชั่นวิ่งกันต่อ ในเมนูย่อย “เริ่มโครงการ”คุณสามารถเลือกได้ "วินโดวส์โฟน 8.1"- หลังจากนี้ เนื้อหาของเมนูพื้นฐานจะเปลี่ยนไปและจะมีโปรแกรมจำลองมากมายให้คุณเลือก

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

ในตอนนี้ แอปพลิเคชันแต่ละเวอร์ชันจะมีหน้าหลัก MainPage.xaml แยกกัน เนื่องจากแอปพลิเคชันของเราเรียบง่ายมาก เราจึงไม่จำเป็นต้องมีการออกแบบหน้าที่แตกต่างกันในแต่ละแพลตฟอร์ม ย้าย MainPage.xaml ไปยังพาร์ติชันที่ใช้ร่วมกัน แล้วลบออกจากพาร์ติชัน Windows และ Windows Phone โครงสร้างโครงการจะเป็นดังนี้:

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

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

หากต้องการดูว่าหน้ามีลักษณะอย่างไรในโหมดแท็บเล็ต/เดสก์ท็อปและโทรศัพท์ ให้ใช้รายการแบบเลื่อนลงเหนือโปรแกรมแก้ไขโค้ด

นอกจากนี้เรายังจะเพิ่มปุ่มลงในหน้าที่จะแสดงข้อความเล็กๆ ให้เราทราบ รหัสสำหรับปุ่มนี้คือ:

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

อัปเดตล่าสุด: 31/10/2558

มาเปิดตัว Visual Studio Express 2013 สำหรับ Windows กันดีกว่า เลือกไฟล์->โครงการใหม่... จากเมนู หน้าต่างการสร้างโครงการจะเปิดต่อหน้าเรา:

ในส่วนด้านซ้ายของหน้าต่าง ให้เลือก Visual C# -> แอพ Store -> แอพ Windows Phone- และในเทมเพลตสำหรับโปรเจ็กต์ใหม่ ให้เลือก Blank App (Windows Phone) ตั้งชื่อโปรเจ็กต์ เช่น เรียกมันว่า HelloApp และคลิกตกลง

และ Visual Studio จะสร้างโปรเจ็กต์ใหม่:

โครงการเทมเพลตแอปเปล่ามีโหนดต่อไปนี้ตามค่าเริ่มต้น:

    ไดเร็กทอรี Assets ที่มีไฟล์รูปภาพที่จะใช้

    App.xaml และ App.xaml.cs - ไฟล์ทรัพยากรแอปพลิเคชันใน xaml และไฟล์โค้ดแอปพลิเคชันใน C# ตามลำดับ

    MainPage.xaml และ MainPage.xaml.cs - ไฟล์ GUI หน้าต่างแอปพลิเคชันและไฟล์โค้ดหน้าต่างใน C# ตามลำดับ

    Package.appxmanifest - ไฟล์รายการแอปพลิเคชัน

ในช่วงเริ่มต้นนี้ ไฟล์ต่างๆ มีคุณค่าสำหรับเรา MainPage.xamlและ MainPage.xaml.cs- มาเปิดไฟล์ MainPage.xaml ซึ่งแสดงถึงอินเทอร์เฟซแบบกราฟิก:

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

สมมติว่าใบสมัครของเราจะคำนวณจำนวนเงินฝากหลังจากคำนวณดอกเบี้ยแล้ว ในการดำเนินการนี้ เราจำเป็นต้องมีช่องสำหรับป้อนจำนวนเงินฝาก ช่องสำหรับแสดงผล และปุ่มสำหรับใช้เริ่มการคำนวณจำนวนเงินทั้งหมด เรามาเปลี่ยนโค้ดไฟล์กัน MainPage.xamlดังต่อไปนี้: