ยินดีต้อนรับกลับมา
ฉันต้องการให้คุณตั้งใจกับฉันในวิดีโอนี้
เพราะมีหลายแนวคิดที่คุณควรให้ความสนใจ
ฉันจะใช้ไลบรารีสำหรับโหลดรูปภาพที่ชื่อว่า Glide
ไปที่ GitHub.com/bombtech/glide
และคุณสามารถเห็นได้ว่านี่คือหน้าเลื่อนบน GitHub
ตอนนี้เลื่อนลงด้านล่าง, นำ dependency นี้มา และกลับไปที่ Android studio.
ไปที่ build Dot granite และที่นี่ฉันต้องเพิ่มการใช้งานไลบรารี glide อีกครั้ง
เราต้องเพิ่มการพึ่งพาภายในวงเล็บ sync ตอนนี้ Glide รองรับการดึงข้อมูลการถอดรหัสและการแสดงภาพนิ่ง
วิดีโอ ภาพ และภาพเคลื่อนไหวแบบ gif แล้ว
Glide มี API ที่ยืดหยุ่นซึ่งช่วยให้ผู้พัฒนาสามารถเชื่อมต่อกับแทบทุกโครงสร้างเครือข่ายได้
นี่คือห้องสมุดที่มีความสำคัญมากและมีประโยชน์มากสำหรับการแสดงภาพ และฉันใช้มันในแอปพลิเคชันส่วนตัวของฉัน
อีกสิ่งหนึ่งที่ฉันต้องเพิ่มคือคอมไพเลอร์สำหรับกลิฟนี้
ดังนั้นให้ไปที่ดาวน์โหลดและตั้งค่าเอกสาร, ลิงก์หน้าเว็บ และเลื่อนลงมา
แล้วฉันจะเพิ่มตัวประมวลผลคำอธิบายประกอบคอมไพเลอร์นี้เหมือนอย่างนี้ และคลิกที่ซิงค์ตอนนี้ และตรวจสอบให้แน่ใจว่า
Glide และคอมไพเลอร์ของมันมีเวอร์ชันเดียวกัน
ซิงค์
ตอนนี้เรามาดูที่คลาสข้อมูลภาพยนตร์ที่นี่ในเส้นทางโปสเตอร์กัน
นี่คือเส้นทางของภาพที่ฉันต้องการแสดง
กลับไปที่การตอบกลับของเรา การตอบกลับ Json ของเรา
ที่นี่คุณสามารถเห็นได้ว่าเส้นทางของฉากหลังเป็นภาพ และเส้นทางของโปสเตอร์เป็นภาพเช่นกัน
ฉันจะคัดลอกมันและคุณสามารถเห็นได้ว่าชื่อคือ Dot JPG
ฉันจะแสดงภาพนี้ แต่หากฉันระบุลิงก์นี้ไว้ที่นี่
จะไม่พบอะไรเพราะนี่ไม่ใช่ลิงก์ที่สมบูรณ์จากเว็บไซต์
และถ้าฉันไปที่ภาพยนตร์ API และที่นี่ฉันแทนที่ภาพยนตร์นี้ด้วย
/popular ฉันแทนที่มันด้วยสิ่งนี้ ฉันไม่สามารถหาได้เพราะฉันต้องให้สิทธิ์กุญแจที่ถูกต้องและส่งกุญแจที่ถูกต้อง
และนี่คือสิ่งที่เราได้เรียนรู้มาก่อนแล้ว
วิธีแสดงภาพจากฐานข้อมูลคีย์บอร์ดภาพยนตร์
หากเรากลับไปที่การตั้งค่า Tmdb API ฉันได้เข้าสู่ระบบแล้วเลือก
API จากนั้นไปที่เอกสาร และที่นี่คุณจะเลือกภาพและพื้นฐาน
เอกสารบอกคุณแล้ว
คุณจะสังเกตเห็นว่าวัตถุภาพยนตร์ โทรทัศน์ และบุคคล มีการอ้างอิงถึงเส้นทางไฟล์ที่แตกต่างกันเพื่อสร้าง
URL ของภาพที่ใช้งานได้สมบูรณ์ คุณจะต้องใช้ข้อมูลสามส่วน
ชิ้นส่วนเหล่านั้นคือ URL ฐาน, ขนาดไฟล์, และเส้นทางไฟล์
สองชิ้นแรกคือค่าคงที่ของ URL ฐานและขนาดไฟล์ ซึ่งคือ W 500
ในขณะที่ลิงก์และ/หรือชื่อของภาพเฉพาะอยู่ที่นี่
ส่วนนี้เป็นส่วนที่คงที่และส่วนนี้เป็นส่วนที่เปลี่ยนแปลงได้
สิ่งที่ต้องทำคือคัดลอกส่วนนี้
ไปที่ Android studio และที่นี่ฉันต้องการให้คุณมุ่งเน้นกับฉันที่เส้นทางโปสเตอร์ที่ฉันจะใช้ในการผูก
annotation adapter และฉันจะส่งเส้นทางโปสเตอร์ที่มีขีดล่างในไลบรารีการผูกข้อมูลของ Android
การเพิ่มตัวแปลงการผูกติดเป็นคำอธิบายที่ใช้เพื่อกำหนดคุณลักษณะและวิธีการที่กำหนดเองสำหรับการผูกข้อมูล
เมื่อคุณใส่คำอธิบายประกอบในเมธอดด้วยการผูกข้อมูลหรือคำอธิบายประกอบตัวแปลงการผูกข้อมูล คุณกำลังบอกเฟรมเวิร์กการผูกข้อมูลว่าควรตั้งค่าหรืออัปเดตแอตทริบิวต์หรือคุณสมบัติที่กำหนดเองขององค์ประกอบ
UI ในไฟล์
XML เลย์เอาต์ของคุณอย่างไร
ดังนั้นที่นี่ฉันจะสร้างเมธอดที่เรียกว่า load image และฉันจะใช้ annotated ของเราพร้อมกับ binding
adapter public static void load image
และที่นี่ฉันต้องส่งพารามิเตอร์สองค่า คือ image, view, image, view และสตริงซึ่งเป็น
url ของภาพ alt พร้อม enter เพื่อนำเข้าภาพวิว
และนี่คือ URL ของรูปภาพพื้นฐานและชื่อรูปภาพ
ดังนั้นสำหรับสิ่งนั้น ฉันจะสร้างเส้นทางรูปภาพแบบสตริง
นี่คือเส้นทางที่คงที่และฉันจะวางมันไว้ที่นี่ พร้อมกับ URL
ของรูปภาพตัวแปรซึ่งจะทำให้ URL ครบถ้วนสมบูรณ์
นี่คือส่วนต่าง ๆ ของ URL ซึ่งประกอบด้วยส่วนที่เป็น
URL หลัก ส่วนที่ระบุขนาดไฟล์ และส่วนที่ระบุชื่อไฟล์ภาพ
นี่คือวิธีที่เราแสดงรูปภาพจาก tmdb
จากนั้นฉันจะใช้การเลื่อนเพื่อแสดงภาพนี้
เลื่อนดูด้วยภาพ
อย่าให้เส้นทางรูปภาพที่โหลดจากจุดของบริบทเข้าสู่การแสดงผลรูปภาพ
Glide เป็นไลบรารีสำหรับโหลดภาพที่ได้รับความนิยมบน Android
ซึ่งช่วยให้กระบวนการโหลด, บันทึกไว้ในหน่วยความจำชั่วคราว, และแสดงภาพได้อย่างมีประสิทธิภาพ
เลื่อนด้วยจุดแสดงภาพ รับบริบท
นี่คือจุดเริ่มต้นของการเปลี่ยนการร่อน
เริ่มต้นคำขอเลื่อนภาพด้วยบริบทของภาพ, มุมมอง, มุมมองแม่,
โดยปกติจะเป็นการโหลดกิจกรรมหรือแฟรกเมนต์ และเส้นทางของภาพจะถูกส่งเป็นพารามิเตอร์
วิธีนี้จะเปิดหรือระบุภาพ ทรัพยากร หรือ URL ที่จะโหลด
เส้นทางของภาพคือสตริงที่แสดงเส้นทางของภาพที่คุณต้องการแสดงในมุมมองภาพ
วิธีนี้ระบุมุมมองภาพเป้าหมายที่ภาพที่โหลดควรแสดง และในกรณีนี้
มุมมองภาพที่ถูกส่งผ่านเป็นพารามิเตอร์ไปยังเมธอดตัวเชื่อมต่อการผูกข้อมูล
ฉันต้องการให้คุณเข้าใจการใช้งานของตัวแปลงผูกมัดที่นี่ เพราะมันมีความสำคัญมาก
และหลายคนและนักพัฒนาหลายคนถามฉันเกี่ยวกับเรื่องนี้
วัตถุประสงค์ของการใช้คำอธิบายประกอบอะแดปเตอร์แบบผูกคือการให้วิธีการสร้างตรรกะการผูกแบบกำหนดเองสำหรับแอตทริบิวต์หรือคุณสมบัติที่ไม่มีการสนับสนุนการผูกข้อมูลแบบสองทางในไลบรารีการผูกข้อมูลของ
Android
ในกรณีนี้ อะแดปเตอร์การผูกสำหรับเส้นทางโปสเตอร์จะสร้างตรรกะการผูกแบบกำหนดเองสำหรับแอตทริบิวต์นี้
ตอนนี้เรามาดูที่รายการภาพยนตร์ในมุมมองรูปภาพกัน
และที่นี่ฉันจำเป็นต้องเชื่อมโยงมุมมองภาพนี้กับเส้นทางโปสเตอร์นี้
ฉันจะใช้ Bind โดยตรง โพสเตอร์ และ Alt+.
ป้อนเพื่อนำเข้าเนมสเปซสำหรับการผูก
ดังนั้นถ้าเราเลื่อนขึ้นไปด้านบน คุณจะเห็นว่าเราได้นำเข้าเนมสเปซนี้อีกครั้ง
ผูกเส้นทางของจุดโปสเตอร์
คุณสามารถเห็นเส้นทางโปสเตอร์ชื่อเรื่องนี้ได้ และฉันจะเชื่อมโยงเส้นทางโปสเตอร์ภาพยนตร์จุด
ดังนั้นฉันจึงเชื่อมโยงตัวแปรเส้นทางโปสเตอร์นี้กับมุมมองภาพนี้
นี่คือวิธีที่เราใช้การผูกข้อมูลกับไลบรารี glide เพื่อแสดงรูปภาพใน Android