WEBVTT

1
00:00.260 --> 00:01.670
ขอแสดงความยินดีด้วยครับ/ค่ะ

2
00:01.670 --> 00:03.570
นี่คือความก้าวหน้าอย่างมาก

3
00:03.590 --> 00:11.390
เราได้เรียนรู้วิธีการดึงข้อมูล
วิธีการดึงวารสารจากฐานข้อมูล Firebase

4
00:11.390 --> 00:14.240
Firestore
และแสดงผลลงในกิจกรรมนี้ด้วยมุมมองแบบรีไซเคิล

5
00:14.270 --> 00:23.060

ในวิดีโอนี้เราจะเริ่มสร้างกิจกรรมของเราที่ช่วยให้เราสามารถเพิ่มบันทึกและอัปโหลดบันทึกไปยัง
Firebase

6
00:23.060 --> 00:24.560
Firestore ได้

7
00:24.590 --> 00:26.750
นี่คือแนวคิดที่สำคัญมาก

8
00:26.750 --> 00:31.670

เราจะเรียนรู้วิธีใช้สิ่งที่มีความสำคัญมากซึ่งก็คือการจัดเก็บ

9
00:31.700 --> 00:38.600
Firebase storage
ฉันต้องการให้คุณตั้งใจฟังฉันเพราะฉันกำลังจะแนะนำ
Firebase Storage

10
00:38.600 --> 00:43.370
ไปที่ไฟล์ XML ของกิจกรรม underscore
เพิ่มบันทึกจุด

11
00:43.370 --> 00:50.630

และกิจกรรมนี้จะช่วยให้เราสามารถอัปโหลดข้อมูลจากผู้ใช้และอัปโหลดข้อมูลเหล่านั้นไปยัง
Firebase Fire Storage

12
00:50.630 --> 00:53.030
และฐานข้อมูล Firebase ได้

13
00:53.030 --> 00:53.780
สำหรับสิ่งนั้น

14
00:53.780 --> 01:01.040

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

15
01:01.070 --> 01:06.170
แน่นอน
คุณสามารถรับซอร์สโค้ดได้จากโฟลเดอร์ทรัพยากรภายใต้แต่ละส่วน

16
01:06.170 --> 01:08.390
ดังนั้นฉันต้องการให้คุณมีสมาธิกับฉัน

17
01:08.390 --> 01:13.730
ผมจะออกแบบเลย์เอาต์ก่อน
จากนั้นจะย้ายไปที่กิจกรรม Add Journal ใน
Java
และเริ่มเพิ่มฟังก์ชันที่ช่วยให้เราสามารถอัปโหลดข้อมูลไปยัง

18
01:13.730 --> 01:20.480
Firebase Storage และฐานข้อมูล Firebase
Firestore ได้

19
02:14.830 --> 02:16.930
จากนั้นเป็นภาพของคุณอีกภาพหนึ่ง

20
02:38.240 --> 02:48.650

และฉันจะใช้สินทรัพย์ที่สร้างไว้แล้วหรือสินทรัพย์ที่ติดตั้งมาจากภาพวาดจากภาพวาดของระบบ
Android

21
02:48.650 --> 02:49.940
ดังนั้นฉันจึงได้ใช้แล้ว

22
02:51.470 --> 02:57.740

ฉันเห็นเมนูกล้องและคุณสามารถเห็นไอคอนนี้ได้

23
02:57.890 --> 03:00.410
แน่นอนว่าฉันใช้แอนดรอยด์

24
03:00.410 --> 03:05.270
ดังนั้นนี่คือสินทรัพย์ที่ติดตั้งมาในตัวใน
Android SDK

25
03:05.750 --> 03:11.900

จากนั้นฉันต้องสร้างเพื่อแก้ไขข้อความเพื่อให้ได้โครงร่างข้อมูลนำเข้าและข้อมูลนำเข้า

26
03:27.160 --> 03:36.950

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

27
03:36.970 --> 03:40.990

สร้างโฟลเดอร์หรือไฟล์ทรัพยากรที่สามารถวาดได้ใหม่

28
03:41.020 --> 03:44.590
ฉันจะตั้งชื่อว่า โครงร่างข้อมูลนำเข้า

29
03:44.620 --> 03:48.580

นี่จะทำหน้าที่เป็นขอบเขตสำหรับข้อความที่แก้ไข

30
03:48.580 --> 04:00.310
ดังนั้นฉันจึงเปลี่ยนมันเป็นรูปทรง
และฉันจะสร้างสีเส้นขอบสี Android
แบบโปร่งใส ซึ่งก็ดี

31
04:00.310 --> 04:03.070
และความกว้างจะเป็นหนึ่ง dpi

32
04:03.490 --> 04:09.160
และฉันจะใช้รัศมีมุมที่หกดpi

33
04:09.430 --> 04:18.150

จากนั้นฉันจะตั้งค่าพื้นหลังของข้อความแก้ไขนี้เป็นไฟล์
XML เส้นขอบขีดเส้นใต้ของอินพุต

34
04:18.160 --> 04:21.610
เมื่อเราเรียกใช้แอปพลิเคชัน มันจะปรากฏขึ้น

35
04:21.610 --> 04:29.830

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

36
04:29.830 --> 04:34.980

ดังนั้นพื้นหลังแบบไล่ระดับสีให้เพิ่มบันทึกและมันโปร่งใส

37
04:34.990 --> 04:35.980
คุณสามารถเห็นได้

38
04:36.010 --> 04:37.030
มันดี

39
04:48.400 --> 04:51.310
และคุณสามารถเห็นได้ว่า
นี่คือข้อความที่เราแก้ไข

40
04:51.310 --> 04:54.670
มันสวยงามเพราะมันโปร่งใส

41
04:54.670 --> 04:58.900
และพื้นหลังของข้อความที่แก้ไขนี้โปร่งใส

42
04:58.900 --> 05:01.840
และฉันกำลังใช้โครงร่างอินพุตเป็นพื้นหลัง

43
05:02.110 --> 05:05.950

ฉันจะสร้างข้อความแก้ไขอีกอันหนึ่งที่มีคุณสมบัติเหมือนกัน

44
05:26.370 --> 05:33.360

ฉันจะใช้ข้อความหลายบรรทัดเพราะเป็นการอธิบายความคิด
และมีหลายบรรทัด

45
05:39.720 --> 05:41.790
และคุณสามารถเห็นได้ว่านี่คือความคิด

46
05:41.820 --> 05:45.660

ฉันจะเพิ่มช่องว่างตรงนี้เพื่อแก้ไขข้อความด้านบน

47
05:45.690 --> 05:50.460
แก้ไขการเว้นระยะขอบข้อความและจะเท่ากับ 15
dpi ซึ่งคุณสามารถมองเห็นได้

48
05:50.460 --> 05:59.010
มันเป็นการเลื่อนลงที่สวยงามมาก
และฉันจะสร้างแถบความคืบหน้าเพื่อแสดงความคืบหน้าในการอัปโหลด

49
06:19.120 --> 06:22.400
และแถบความคืบหน้านี้จะแสดงสถานะการอัปโหลด

50
06:22.420 --> 06:24.790
วิดเจ็ตสุดท้ายคือปุ่ม

51
06:24.820 --> 06:27.280
นี่คือเพื่อบันทึกสมุดบันทึก

52
06:54.790 --> 06:55.810
และนี่ก็เริ่มแล้ว

53
06:55.810 --> 06:58.100
นี่คือปุ่มโปร่งใสของเรา

54
06:58.120 --> 07:02.530

คุณสามารถลบความโปร่งใสได้โดยการลบคุณสมบัตินี้ออก
ตกลง

55
07:02.530 --> 07:07.990

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

56
07:07.990 --> 07:10.840
นี่คือภาพมุมมอง

57
07:10.840 --> 07:13.510
นี่คือชื่อโพสต์ วันที่โพสต์

58
07:13.540 --> 07:17.400

สองคนนี้แก้ไขข้อความหนึ่งแถบความคืบหน้าและหนึ่งปุ่ม