WEBVTT

1
00:00.110 --> 00:00.860
ยินดีต้อนรับกลับมา

2
00:00.860 --> 00:07.370
ฉันต้องการให้คุณตั้งใจกับฉันในวิดีโอนี้

3
00:07.370 --> 00:08.000
เพราะมีหลายแนวคิดที่คุณควรให้ความสนใจ

4
00:08.000 --> 00:12.970
ฉันจะใช้ไลบรารีสำหรับโหลดรูปภาพที่ชื่อว่า
Glide

5
00:12.980 --> 00:17.900
ไปที่ GitHub.com/bombtech/glide

6
00:17.900 --> 00:21.950
และคุณสามารถเห็นได้ว่านี่คือหน้าเลื่อนบน
GitHub

7
00:21.950 --> 00:27.440
ตอนนี้เลื่อนลงด้านล่าง, นำ dependency
นี้มา และกลับไปที่ Android studio.

8
00:27.440 --> 00:35.570
ไปที่ build Dot granite
และที่นี่ฉันต้องเพิ่มการใช้งานไลบรารี
glide อีกครั้ง

9
00:35.570 --> 00:43.730
เราต้องเพิ่มการพึ่งพาภายในวงเล็บ sync
ตอนนี้ Glide
รองรับการดึงข้อมูลการถอดรหัสและการแสดงภาพนิ่ง

10
00:43.730 --> 00:47.120
วิดีโอ ภาพ และภาพเคลื่อนไหวแบบ gif แล้ว

11
00:47.150 --> 00:53.990
Glide มี API
ที่ยืดหยุ่นซึ่งช่วยให้ผู้พัฒนาสามารถเชื่อมต่อกับแทบทุกโครงสร้างเครือข่ายได้

12
00:53.990 --> 01:03.720

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

13
01:03.720 --> 01:09.030

อีกสิ่งหนึ่งที่ฉันต้องเพิ่มคือคอมไพเลอร์สำหรับกลิฟนี้

14
01:09.030 --> 01:16.980
ดังนั้นให้ไปที่ดาวน์โหลดและตั้งค่าเอกสาร,
ลิงก์หน้าเว็บ และเลื่อนลงมา

15
01:16.980 --> 01:25.620

แล้วฉันจะเพิ่มตัวประมวลผลคำอธิบายประกอบคอมไพเลอร์นี้เหมือนอย่างนี้
และคลิกที่ซิงค์ตอนนี้
และตรวจสอบให้แน่ใจว่า

16
01:25.620 --> 01:26.130
Glide
และคอมไพเลอร์ของมันมีเวอร์ชันเดียวกัน

17
01:26.130 --> 01:26.460
ซิงค์

18
01:26.460 --> 01:32.790

ตอนนี้เรามาดูที่คลาสข้อมูลภาพยนตร์ที่นี่ในเส้นทางโปสเตอร์กัน

19
01:32.790 --> 01:36.390
นี่คือเส้นทางของภาพที่ฉันต้องการแสดง

20
01:36.390 --> 01:39.900
กลับไปที่การตอบกลับของเรา การตอบกลับ Json
ของเรา

21
01:39.900 --> 01:46.170

ที่นี่คุณสามารถเห็นได้ว่าเส้นทางของฉากหลังเป็นภาพ
และเส้นทางของโปสเตอร์เป็นภาพเช่นกัน

22
01:46.170 --> 01:50.190

ฉันจะคัดลอกมันและคุณสามารถเห็นได้ว่าชื่อคือ
Dot JPG

23
01:50.220 --> 01:59.040
ฉันจะแสดงภาพนี้
แต่หากฉันระบุลิงก์นี้ไว้ที่นี่

24
01:59.040 --> 02:01.130

จะไม่พบอะไรเพราะนี่ไม่ใช่ลิงก์ที่สมบูรณ์จากเว็บไซต์

25
02:01.130 --> 02:09.830
และถ้าฉันไปที่ภาพยนตร์ API
และที่นี่ฉันแทนที่ภาพยนตร์นี้ด้วย

26
02:09.830 --> 02:14.960
/popular ฉันแทนที่มันด้วยสิ่งนี้
ฉันไม่สามารถหาได้เพราะฉันต้องให้สิทธิ์กุญแจที่ถูกต้องและส่งกุญแจที่ถูกต้อง

27
02:14.960 --> 02:17.360
และนี่คือสิ่งที่เราได้เรียนรู้มาก่อนแล้ว

28
02:17.360 --> 02:21.860
วิธีแสดงภาพจากฐานข้อมูลคีย์บอร์ดภาพยนตร์

29
02:21.860 --> 02:30.200
หากเรากลับไปที่การตั้งค่า Tmdb API
ฉันได้เข้าสู่ระบบแล้วเลือก

30
02:30.200 --> 02:33.170
API จากนั้นไปที่เอกสาร
และที่นี่คุณจะเลือกภาพและพื้นฐาน

31
02:33.170 --> 02:35.250
เอกสารบอกคุณแล้ว

32
02:35.280 --> 02:42.230
คุณจะสังเกตเห็นว่าวัตถุภาพยนตร์ โทรทัศน์
และบุคคล
มีการอ้างอิงถึงเส้นทางไฟล์ที่แตกต่างกันเพื่อสร้าง

33
02:42.230 --> 02:47.900
URL ของภาพที่ใช้งานได้สมบูรณ์
คุณจะต้องใช้ข้อมูลสามส่วน

34
02:47.930 --> 02:52.610
ชิ้นส่วนเหล่านั้นคือ URL ฐาน, ขนาดไฟล์,
และเส้นทางไฟล์

35
02:52.610 --> 03:00.650
สองชิ้นแรกคือค่าคงที่ของ URL
ฐานและขนาดไฟล์ ซึ่งคือ W 500

36
03:00.650 --> 03:10.680

ในขณะที่ลิงก์และ/หรือชื่อของภาพเฉพาะอยู่ที่นี่

37
03:10.680 --> 03:10.980

ส่วนนี้เป็นส่วนที่คงที่และส่วนนี้เป็นส่วนที่เปลี่ยนแปลงได้

38
03:11.010 --> 03:13.830
สิ่งที่ต้องทำคือคัดลอกส่วนนี้

39
03:13.860 --> 03:21.840
ไปที่ Android studio
และที่นี่ฉันต้องการให้คุณมุ่งเน้นกับฉันที่เส้นทางโปสเตอร์ที่ฉันจะใช้ในการผูก

40
03:21.870 --> 03:32.670
annotation adapter
และฉันจะส่งเส้นทางโปสเตอร์ที่มีขีดล่างในไลบรารีการผูกข้อมูลของ
Android

41
03:32.700 --> 03:41.100

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

42
03:41.100 --> 03:48.480

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

43
03:48.480 --> 03:56.640
UI ในไฟล์

44
03:56.700 --> 03:57.660
XML เลย์เอาต์ของคุณอย่างไร

45
03:57.660 --> 04:08.040
ดังนั้นที่นี่ฉันจะสร้างเมธอดที่เรียกว่า
load image และฉันจะใช้ annotated
ของเราพร้อมกับ binding

46
04:08.040 --> 04:11.160
adapter public static void load image

47
04:11.160 --> 04:19.590
และที่นี่ฉันต้องส่งพารามิเตอร์สองค่า คือ
image, view, image, view และสตริงซึ่งเป็น

48
04:19.590 --> 04:23.010
url ของภาพ alt พร้อม enter
เพื่อนำเข้าภาพวิว

49
04:23.010 --> 04:28.620
และนี่คือ URL
ของรูปภาพพื้นฐานและชื่อรูปภาพ

50
04:28.620 --> 04:32.550
ดังนั้นสำหรับสิ่งนั้น
ฉันจะสร้างเส้นทางรูปภาพแบบสตริง

51
04:32.550 --> 04:40.860

นี่คือเส้นทางที่คงที่และฉันจะวางมันไว้ที่นี่
พร้อมกับ URL

52
04:40.890 --> 04:41.670
ของรูปภาพตัวแปรซึ่งจะทำให้ URL
ครบถ้วนสมบูรณ์

53
04:41.700 --> 04:50.010
นี่คือส่วนต่าง ๆ ของ URL
ซึ่งประกอบด้วยส่วนที่เป็น

54
04:50.010 --> 04:50.190
URL หลัก ส่วนที่ระบุขนาดไฟล์
และส่วนที่ระบุชื่อไฟล์ภาพ

55
04:50.220 --> 04:53.310
นี่คือวิธีที่เราแสดงรูปภาพจาก tmdb

56
04:53.340 --> 04:57.090
จากนั้นฉันจะใช้การเลื่อนเพื่อแสดงภาพนี้

57
04:57.090 --> 04:59.640
เลื่อนดูด้วยภาพ

58
04:59.670 --> 05:05.910

อย่าให้เส้นทางรูปภาพที่โหลดจากจุดของบริบทเข้าสู่การแสดงผลรูปภาพ

59
05:05.940 --> 05:12.240
Glide
เป็นไลบรารีสำหรับโหลดภาพที่ได้รับความนิยมบน
Android

60
05:12.240 --> 05:14.010
ซึ่งช่วยให้กระบวนการโหลด,
บันทึกไว้ในหน่วยความจำชั่วคราว,
และแสดงภาพได้อย่างมีประสิทธิภาพ

61
05:14.040 --> 05:17.190
เลื่อนด้วยจุดแสดงภาพ รับบริบท

62
05:17.190 --> 05:20.160
นี่คือจุดเริ่มต้นของการเปลี่ยนการร่อน

63
05:20.160 --> 05:27.180
เริ่มต้นคำขอเลื่อนภาพด้วยบริบทของภาพ,
มุมมอง, มุมมองแม่,

64
05:27.180 --> 05:31.330
โดยปกติจะเป็นการโหลดกิจกรรมหรือแฟรกเมนต์
และเส้นทางของภาพจะถูกส่งเป็นพารามิเตอร์

65
05:31.350 --> 05:38.130
วิธีนี้จะเปิดหรือระบุภาพ ทรัพยากร หรือ URL
ที่จะโหลด

66
05:38.130 --> 05:44.370

เส้นทางของภาพคือสตริงที่แสดงเส้นทางของภาพที่คุณต้องการแสดงในมุมมองภาพ

67
05:44.400 --> 05:51.780

วิธีนี้ระบุมุมมองภาพเป้าหมายที่ภาพที่โหลดควรแสดง
และในกรณีนี้

68
05:51.780 --> 05:56.130

มุมมองภาพที่ถูกส่งผ่านเป็นพารามิเตอร์ไปยังเมธอดตัวเชื่อมต่อการผูกข้อมูล

69
05:56.160 --> 06:01.510

ฉันต้องการให้คุณเข้าใจการใช้งานของตัวแปลงผูกมัดที่นี่
เพราะมันมีความสำคัญมาก

70
06:01.510 --> 06:04.810

และหลายคนและนักพัฒนาหลายคนถามฉันเกี่ยวกับเรื่องนี้

71
06:04.810 --> 06:11.830

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

72
06:11.830 --> 06:18.670
Android

73
06:18.670 --> 06:25.630
ในกรณีนี้
อะแดปเตอร์การผูกสำหรับเส้นทางโปสเตอร์จะสร้างตรรกะการผูกแบบกำหนดเองสำหรับแอตทริบิวต์นี้

74
06:25.660 --> 06:29.920

ตอนนี้เรามาดูที่รายการภาพยนตร์ในมุมมองรูปภาพกัน

75
06:29.920 --> 06:34.450

และที่นี่ฉันจำเป็นต้องเชื่อมโยงมุมมองภาพนี้กับเส้นทางโปสเตอร์นี้

76
06:34.450 --> 06:39.190
ฉันจะใช้ Bind โดยตรง โพสเตอร์ และ Alt+.

77
06:39.190 --> 06:41.770
ป้อนเพื่อนำเข้าเนมสเปซสำหรับการผูก

78
06:41.770 --> 06:47.020
ดังนั้นถ้าเราเลื่อนขึ้นไปด้านบน
คุณจะเห็นว่าเราได้นำเข้าเนมสเปซนี้อีกครั้ง

79
06:47.020 --> 06:49.330
ผูกเส้นทางของจุดโปสเตอร์

80
06:49.330 --> 06:56.560

คุณสามารถเห็นเส้นทางโปสเตอร์ชื่อเรื่องนี้ได้
และฉันจะเชื่อมโยงเส้นทางโปสเตอร์ภาพยนตร์จุด

81
06:56.560 --> 07:01.930

ดังนั้นฉันจึงเชื่อมโยงตัวแปรเส้นทางโปสเตอร์นี้กับมุมมองภาพนี้

82
07:01.930 --> 07:07.840
นี่คือวิธีที่เราใช้การผูกข้อมูลกับไลบรารี
glide เพื่อแสดงรูปภาพใน Android