หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

LearnAppCenter - Gogogiphy

แอพตัวอย่างในที่เก็บนี้เรียกว่า Gogogiphy

วัตถุประสงค์

Gogogiphy เป็นแอพการเรียนรู้ตัวอย่างที่ใช้กับหนังสือ "เรียนรู้ศูนย์แอพ Visual Studio ด้วยรูปแบบ Xamarin" คุณสามารถแยกโครงการนี้หรือนำเข้าโครงการนี้ไปยัง Azure DevOps ฉันจะแสดงขั้นตอนเหล่านั้นในหนังสือของฉัน

เนื่องจากฉันจะไม่จัดการแอพนี้หรือแก้ไขข้อบกพร่องในอนาคตโปรดอย่าส่งคำขอดึงใด ๆ

แอพนี้ใช้อย่างหมดจดเพื่อการฝึกอบรมและการสาธิต มันถูกออกแบบมาในกรอบรูปแบบ Xamarin บนมาตรฐาน. NET โดยใช้ C#

เค้าโครงโครงการ

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

เทคโนโลยี

FreshMVVM

ก่อนอื่นแอพนี้ได้รับการออกแบบโดยใช้ FreshMVVM Framework หากคุณเข้าใจรูปแบบการออกแบบ Model-View-Model คุณจะเข้าใจถึงความต้องการในที่สุดของการนำทางของหน้าการใช้ BindingContext จากหน้า XAML การฉีดพึ่งพาและการปฏิบัติแบบผกผันของการควบคุม ฉันจะไม่ลงรายละเอียดที่ยอดเยี่ยมเกี่ยวกับแนวคิดเหล่านี้แต่ละแนวคิด แต่ฉันใช้เฟรมเวิร์ก FreshMVVM เพราะ Michael Ridland ผู้เขียนได้ทำงานที่ยอดเยี่ยมในการสร้างกรอบ MVVM โดยเฉพาะสำหรับรูปแบบ Xamarin และทำให้ง่ายต่อการรวมเข้ากับแอพ Xamarin Forms คุณสามารถค้นหาข้อมูลเพิ่มเติมได้ที่หน้า GitHub ของเขาด้านล่าง

https://github.com/rid00z/freshmvvm

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

https://michaelridland.com/xamarin/freshmvvm-quick-start-guide/

Xamarin Essentials

ชุดเครื่องมือขนาดใหญ่ถัดไปที่ฉันใช้ในแอพคือ Xamarin Essentials ชุดเครื่องมือนี้ช่วยให้นักพัฒนาซอฟต์แวร์ใช้ API ข้ามแพลตฟอร์มเดียวเพื่อแตะลงในคุณสมบัติเฉพาะข้ามแพลตฟอร์มเช่นการเชื่อมต่อแบตเตอรี่คลิปบอร์ด ฯลฯ แทนที่จะต้องเรียนรู้ API แต่ละรายการแยกต่างหากสำหรับ Android, iOS และ Windows คุณสามารถค้นหาหน้า GitHub สำหรับ Xamarin Essentials ได้ที่ไซต์ด้านล่าง ในแอพตัวอย่างนี้ฉันใช้ประโยชน์จากการเชื่อมต่อ MainThread และระบบไฟล์ API ของ API หากคุณตัดสินใจที่จะใช้แอพตัวอย่างของฉันเป็นฐานสำหรับแอพของคุณเองและหากคุณมีแนวคิดเพิ่มเติมคุณสามารถใช้ประโยชน์จาก API ข้ามแพลตฟอร์มจาก Xamarin Essentials ฉันขอแนะนำให้คุณอ่านหน้า GitHub และเอกสารประกอบที่ลิงก์ด้านล่าง

https://github.com/xamarin/essentials https://docs.microsoft.com/en-us/xamarin/essentials/

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

https://montemagno.com/

ffimageLoading

ห้องสมุดสำคัญอีกอย่างที่ใช้ในแอพตัวอย่างนี้คือไลบรารี ffimageLoading ห้องสมุดนี้มีความสำคัญเนื่องจากทำให้แอพสามารถแสดง GIF ได้ ห้องสมุดนี้มีให้เลือกหลายเฟรมที่แตกต่างกันเช่น xamarin.ios, xamarin.android และแน่นอน xamarin.forms โดยส่วนตัวแล้วฉันชอบห้องสมุดนี้เพราะคุณสามารถเสียบและเล่นควบคุมปรับเปลี่ยนการตั้งค่าสองสามครั้งและไม่ต้องกังวลกับมัน ฉันขอแนะนำให้คุณอ่านเพิ่มเติมเกี่ยวกับไลบรารีนี้ในขณะที่คุณเรียกดูรหัสในแอพตัวอย่าง

https://github.com/luberda-molinet/ffimageLoading https://github.com/luberda-molinet/ffimageLoading/wiki

sqlite

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

https://github.com/praeclarum/sqlite-net https://www.nuget.org/packages/sqlite-net-pcl https://www.sqlite.org/index.html

สุดท้ายกรอบสำคัญสุดท้ายที่จะเรียนรู้คือ json.net หากคุณเคยพัฒนาเว็บไซต์หรือโครงการเว็บ API หรือแอพมือถือ Notation Object JavaScript (JSON) ได้กลายเป็นตัวเลือกของเราเพราะใช้งานง่ายอ่านง่าย หากคุณยังใหม่กับ json.net ฉันขอแนะนำให้คุณอ่านเอกสารในเว็บไซต์ของพวกเขาด้านล่าง

https://www.newtonsoft.com/json https://www.newtonsoft.com/json/help/

วิธีการตั้งค่าแอปเพื่อเรียกใช้ในพื้นที่

  • ตรวจสอบว่าเวอร์ชัน XCode ของคุณตรงกับ Visual Studio ของคุณบน Windows และเวอร์ชัน XCode บน Mac ของคุณ
  • เปิด settings.cs ในโครงการ gogogiphy.core ในชั้นเรียนนี้คุณจะพบสตริงคงที่หลายสายที่ใช้ตลอดทั้งรหัส ตัวแปรสองตัวที่เกี่ยวข้องกับหัวข้อนี้คือ appcentersecretios และ appcentersecreandroid เราจะต้องเปลี่ยนสตริง "iossecret" ด้วยค่าความลับของแอพจริงจากแอพเซ็นเตอร์เพราะนี่คือวิธีที่แอพเซ็นเตอร์ระบุแอพของคุณจากแอพอื่น ๆ นับล้าน

ทำตามขั้นตอนง่ายๆเหล่านี้เพื่อรับค่าความลับของแอพสำหรับ iOS

  1. ไปที่แอพ iOS ของคุณใน App Center
  2. ไปที่แผงด้านซ้ายและคลิกที่การตั้งค่าที่ด้านล่าง
  3. ที่มุมบนขวาของหน้าคุณจะเห็นปุ่มไอคอนดอทแนวตั้ง คลิกที่ปุ่ม
  4. คลิกที่ "คัดลอกแอปลับ"
  5. วางและแทนที่ค่าสำหรับ "iossecret" ในตัวแปร appcentersecretios ในการตั้งค่า cs

ทำตามขั้นตอนง่ายๆเหล่านี้เพื่อรับค่าความลับของแอพสำหรับ Android

  1. ไปที่แอพ Android ของคุณใน App Center
  2. ไปที่แผงด้านซ้ายและคลิกที่การตั้งค่าที่ด้านล่าง
  3. ที่มุมบนขวาของหน้าคุณจะเห็นปุ่มไอคอนดอทแนวตั้ง คลิกที่ปุ่ม
  4. คลิกที่ "คัดลอกแอปลับ"
  5. วางและแทนที่ค่าสำหรับ "AndroidSecret" ในตัวแปร AppCentERSECRETANDROID ในการตั้งค่า Cs

ทำตามขั้นตอนง่ายๆเหล่านี้เพื่อตั้งค่าบัญชี Giphy ของคุณ

  1. ไปที่เว็บไซต์ต่อไปนี้ตั้งค่าบัญชีนักพัฒนา Giphy และไปที่แผงควบคุมของคุณ

    https://developers.giphy.com

  2. ตั้งค่าแอพใหม่ในบัญชีของคุณ คุณจะพบแอพของคุณที่อยู่ใน "แอพของคุณ" และคีย์ API ของคุณจะได้รับภายใน

  3. คัดลอกค่าและแทนที่ค่าสตริง "giphyapikey" ในตัวแปร apikey ในการตั้งค่า cs

คำเตือน

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

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