WEBVTT

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

2
00:01.070 --> 00:05.180

ในวิดีโอนี้เราจะเรียนรู้เกี่ยวกับรูปร่างของกราเดียนต์ในแอนดรอยด์

3
00:05.180 --> 00:11.750
ที่นี่ในโฟลเดอร์ drawable
ฉันจะสร้างไฟล์ทรัพยากร drawable

4
00:11.750 --> 00:12.140
และฉันจะตั้งชื่อว่า gradient underscore
main

5
00:12.320 --> 00:14.120
ฉันจะลบตัวเลือกนี้

6
00:14.120 --> 00:15.380
ใช้รูปทรง

7
00:15.380 --> 00:22.730
นี่คือการประกาศ XML ที่ระบุเวอร์ชันของ XML
และการเข้ารหัสอักขระที่ใช้ในเอกสาร

8
00:22.730 --> 00:23.690
รูปร่าง

9
00:23.690 --> 00:26.540

นี่คือองค์ประกอบหลักของทรัพยากรที่สามารถวาดได้

10
00:26.540 --> 00:30.860
มันกำหนดรูปร่างของสิ่งที่สามารถวาดได้
ซึ่งในกรณีนี้คือสี่เหลี่ยมผืนผ้า

11
00:30.860 --> 00:35.030

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

12
00:35.030 --> 00:39.950

และภายในรูปทรงนี้ฉันจะใช้การไล่สีและการไล่สี

13
00:39.950 --> 00:44.210

นี่คือองค์ประกอบที่สามารถวาดได้ซึ่งกำหนดพื้นหลังแบบไล่ระดับสี

14
00:44.210 --> 00:55.190
สำหรับรูปทรงสี่เหลี่ยมผืนผ้า
ฉันจะใช้สีเริ่มต้นของ Android
และที่นี่ฉันต้องระบุสี 00C9FF

15
00:55.220 --> 00:58.970
นี่คือคุณสมบัติสีเริ่มต้นสีน้ำเงิน

16
00:58.970 --> 01:05.900
ระบุสีเริ่มต้นของไล่ระดับสี
และในกรณีนี้คือสีฟ้าอ่อนพร้อมรหัสสีแบบสิบหกทศนิยม

17
01:05.900 --> 01:09.050
00C9F

18
01:09.080 --> 01:12.440
จากนั้นฉันต้องระบุสีปลายทาง

19
01:12.470 --> 01:16.790
สีสุดท้าย 92FE9D

20
01:16.820 --> 01:20.330
นี่จะระบุสีสุดท้ายของไล่ระดับสี

21
01:20.360 --> 01:27.320
มุม 270 ระบุมุมที่ความชันจะถูกนำไปใช้

22
01:27.320 --> 01:31.730
ในกรณีนี้
ความชันจะถูกนำไปใช้ในแนวดิ่งจากบนลงล่าง

23
01:31.730 --> 01:38.000
เนื่องจากมุมถูกตั้งค่าไว้ที่เจ็ดศูนย์องศา
ค่าของเจ็ดศูนย์องศาจะเป็นแนวนอน

24
01:38.000 --> 01:41.960
จากซ้ายไปขวา คุณจะเห็นศูนย์จากซ้ายไปขวา

25
01:41.960 --> 01:46.070
หากฉันระบุ 270 มันจะเป็นจากบนลงล่าง

26
01:46.070 --> 01:49.910

จากนั้นฉันจำเป็นต้องใช้ประเภทที่เป็นเชิงเส้น

27
01:49.940 --> 01:57.620

คุณสมบัตินี้ระบุว่าความลาดเอียงเป็นความลาดเอียงเชิงเส้น

28
01:57.620 --> 01:59.450

ซึ่งหมายความว่าการเปลี่ยนจากสีหนึ่งไปสู่อีกสีหนึ่งเป็นเส้นตรง

29
01:59.450 --> 02:05.840

จากนั้นเราต้องปิดการไล่ระดับสีนี้และไปที่ไฟล์
XML ของกิจกรรมหลัก

30
02:05.840 --> 02:11.780
และที่นี่ฉันต้องใช้แอตทริบิวต์ background
ที่ drawable

31
02:11.780 --> 02:15.920

และที่นี่ฉันจำเป็นต้องระบุขีดล่างแบบไล่ระดับเป็น
main

32
02:15.920 --> 02:22.370

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

33
02:22.370 --> 02:29.390

รูปร่างที่วาดได้นี้สามารถใช้เป็นพื้นหลังสำหรับองค์ประกอบ
UI ต่างๆ ในแอป

34
02:29.390 --> 02:36.020
Android ของคุณ เช่น ปุ่ม

35
02:36.020 --> 02:37.940
พื้นหลัง หรือส่วนประกอบมุมมองอื่นๆ
เพื่อสร้างเอฟเฟกต์ไล่ระดับสีที่น่าดึงดูดจากสีฟ้าอ่อนไปเป็นสีเขียวอ่อน

36
02:37.940 --> 02:41.420
ตอนนี้ฉันจะสร้างไฟล์ไล่เฉดสีอีกไฟล์หนึ่ง

37
02:41.420 --> 02:45.800

เพิ่มขีดเส้นใต้แบบไล่ระดับสีใหม่เพื่อบันทึกประจำวัน

38
02:45.800 --> 02:52.250

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

39
02:52.280 --> 02:54.710
แน่นอน ฉันต้องใช้สี่เหลี่ยมผืนผ้า

40
02:54.710 --> 03:00.950
และภายในนั้นฉันจะเปลี่ยนสีเหล่านี้ 3A47D5

41
03:00.980 --> 03:02.030
มันดี