Showing Revision 4 created 10/09/2015 by Retired user.

1. Title:
2. Description:

3. 330 0:00 - 0:03
   Được rồi, chúng ta đã thấy
   layout tuyến tính này có

   ¶

4. 3090 0:03 - 0:05
   hai text view con bên trong nó.
   
5. 5270 0:05 - 0:08
   Bằng cách này, những màu nền
   chỉ là công cụ hướng dẫn để giúp bạn
6. 8480 0:08 - 0:13
   hiểu rằng hai text view con
   này nằm trong view gốc.
7. 13210 0:13 - 0:16
   Các màu đỏ và xanh thực ra
   sẽ không hiển thị trên thiết bị
8. 15940 0:16 - 0:20
   trừ khi bạn cài đặt chúng
   thành màu nền của các view này.
9. 20100 0:20 - 0:23
   Để bạn hiểu được ý của tôi,
   ta hãy chuyển sang XML Visualizer.
10. 23110 0:23 - 0:25
    Nếu ta ngẫu nhiên nhâp code
    đến XML Visualizer,
11. 25270 0:25 - 0:28
    nó sẽ trông như thế này
    trên màn hình thiết bị.
12. 27570 0:28 - 0:30
    Vậy, đầu tiên chúng ta có
    một nhóm view LinearLayout,
13. 30150 0:30 - 0:34
    và nó trong suốt
    vì không cài đặt màu nền.
14. 33850 0:34 - 0:37
    View con đầu tiên là một TextView
    có danh sách khách mời,
15. 36680 0:37 - 0:39
    để chiếu ở phía trên đây.
16. 38780 0:39 - 0:42
    View con thứ hai là một TextView
    ghi chữ Kunal
17. 41580 0:42 - 0:44
    xuất hiện dưới TextView đầu tiên.
18. 44020 0:44 - 0:48
    Bây giờ, nếu tôi sao chép TextView này
    và dán nó bên dưới cái này,
19. 47540 0:48 - 0:50
    Bạn nghĩ chuyện gì sẽ xảy ra?
20. 49760 0:50 - 0:54
    Vâng, chúng tôi có một Kunal khác
    xuất hiện ngay bên dưới cái đầu tiên.
21. 53900 0:54 - 0:57
    Được rồi, vậy mô hình có vẻ như sẽ là
    nếu chúng ta thêm nhiều TextViews,
22. 57340 0:57 - 1:02
    ở đây, sau đó chúng sẽ hiển thị nối tiếp
    các textview khác trong danh sách này.
23. 61570 1:02 - 1:04
    Bây giờ chúng ta hãy nhìn vào code kĩ hơn.
24. 63570 1:04 - 1:06
    Nó bắt đầu bằng việc mở một dấu ngoặc
25. 65655 1:06 - 1:08
    và sau đó là tên view, LinearLayout.
26. 68230 1:08 - 1:12
    Nó sẽ liệt kê một loạt các thuộc tính
    và sau đó là dấu ngoặc đóng.
27. 72260 1:12 - 1:15
    Chú ý rằng không có dấu gạch chéo
    vì đây chỉ là thẻ đầu tiên
28. 75220 1:15 - 1:17
    của LinearLayout.
29. 76910 1:17 - 1:20
    Thẻ đóng là nằm ở dưới đây,
    bởi vì chúng tôi.
30. 79790 1:20 - 1:24
    muốn chèn view con
    giữa thẻ mở và thẻ đóng.
31. 84470 1:24 - 1:28
    Nhưng ví dụ đối với view thử nghiệm này,
    vì không có view con trong đó,
32. 88430 1:28 - 1:31
    nên chúng ta chỉ có thể sử dụng
    một thẻ tự đóng cho nó
33. 91330 1:31 - 1:35
    Tương tự cho với text view ở đây,
    và ở đây nữa.
34. 95330 1:35 - 1:38
    Vì vậy, khi chúng ta muốn một nhóm view
    gồm các view con,
35. 98410 1:38 - 1:43
    thì chúng ta cần phải chèn view con
    vào giữa thẻ mở và thẻ đóng.
36. 102850 1:43 - 1:46
    Bây giờ, một điều khác bạn có thể
    nhận thấy là thuộc tính được gọi là
37. 105900 1:46 - 1:49
    định hướng Android này
    theo chiều dọc.
38. 108670 1:49 - 1:50
    Ta chưa từng nhìn thấy điều này,
    
39. 110330 1:50 - 1:54
    vậy hãy nhìn vào những tài liệu
    hướng dẫn Android như tôi đã chỉ cho bạn.
40. 114680 1:55 - 1:59
    Tôi mở một cửa sổ trình duyệt mới,
    và Sau đó gõ android orientation.
41. 119075 1:59 - 2:02
    Kết quả đầu tiên là về
    một LinearLayout,
42. 121735 2:02 - 2:04
    và nó ở trang developer.android.com.
43. 123555 2:04 - 2:04
    Hãy click vào nó.
    
44. 124495 2:04 - 2:08
    Cũng giống như tài liệu TextView,
    tài liệu về orientation rất nhiều.
45. 127685 2:08 - 2:10
    Chúng ta có thể bỏ qua
    hầu hết các văn bản này.
46. 129935 2:10 - 2:14
    Ta chỉ cần xác minh
    đây chính là trang cho LinearLayout,
47. 133610 2:14 - 2:16
    sau đó ta kéo xuống
    và nhìn vào các thuộc tính XML.
48. 137210 2:17 - 2:22
    Bây giờ, ta đang tìm kiếm thuộc tính
    được gọi là định hướng Android,
49. 141790 2:22 - 2:23
    và nó đây rồi.
    
50. 142520 2:23 - 2:24
    Hãy nhấp vào nó để xem thêm chi tiết.
51. 145390 2:25 - 2:28
    Các mô tả nói rằng thuộc tính này
52. 147960 2:28 - 2:32
    quyết định việc layout
    sẽ một cột hay một hàng.
53. 151660 2:32 - 2:35
    Giá trị của thuộc tính này
    sẽ nằm ngang với hàng,
54. 154560 2:35 - 2:37
    trong đó giá trị sẽ thẳng đứng với cột.
    
55. 157330 2:37 - 2:40
    Và sau đó nó sẽ liệt kê hai giá trị ở đây.
56. 160480 2:40 - 2:46
    Tuyệt, vậy code của chúng ta hiện nay
    nói rằng định hướng android là thẳng đứng.
57. 165530 2:46 - 2:49
    Vậy điều này giải thích tại sao các view
    được hiển thị theo cột.
58. 169410 2:49 - 2:54
    Giờ để thỏa mãn sự tò mò của chúng ta,
    hãy thử các giá trị khác.
59. 173950 2:54 - 2:58
    Hãy thiết lập định hướng
    nằm ngang và xem chuyện gì sẽ xảy ra.
60. 177960 2:58 - 3:01
    Tôi sẽ đi vào các dòng code và
    xóa các giá trị theo chiều dọc.
61. 181210 3:01 - 3:05
    Tôi sẽ gõ horizontal, và nhìn này,
    giờ các view làm thành một hàng ngang.
62. 185160 3:05 - 3:07
    Tôi không biết bạn như thế nào,
63. 186810 3:07 - 3:10
    nhưng tôi không thích đọc
    danh sách khách mời theo chiều ngang.
64. 189920 3:10 - 3:12
    Nhưng vẫn có nhiều trường hợp có ích khác
65. 192000 3:12 - 3:15
    khi bạn có layout tuyến tính ngang.
66. 195040 3:15 - 3:18
    Ví dụ, nếu bạn đang tạo một danh mục,
    có thể bạn muốn một hình ảnh
67. 198330 3:18 - 3:21
    nằm ở phía bên tay trái,
    và một mô tả ở phía bên tay phải.
68. 201190 3:21 - 3:25
    Tôi sẽ để cho bạn tự thử nghiệm
    trong một giây,
69. 205200 3:25 - 3:28
    nhưng đầu tiên tôi muốn chỉ ra
    thêm dòng mã này.
70. 208210 3:28 - 3:31
    Đây là tên khai báo không gian XML.
71. 211260 3:31 - 3:36
    Ta sử dụng tên không gian này
    để xác định rằng tất cả các thuộc tính
72. 216020 3:36 - 3:38
    ở đây thuộc về android.
73. 218200 3:38 - 3:41
    Đó là lý do tại sao chúng bắt đầu
    bằng android:.
74. 220940 3:41 - 3:45
    Đây là liên kết rút gọn
    cho URL cụ thể duy nhất với android.
75. 225260 3:45 - 3:48
    Bạn thực sự có thể tạo ra
    các thuộc tính tùy chỉnh của riêng bạn.
    
76. 228390 3:48 - 3:53
    Để ngăn chặn xung đột về tên,
    nơi hai thuộc tính được đặt cùng một tên.
77. 232840 3:53 - 3:58
    nhưng thực sự có hành vi khác nhau,
    chúng ta luôn luôn thêm tiền tố này ở đây,
78. 237595 3:58 - 4:02
    android:, để biểu thị rằng
    đây là những thuộc tính android.
79. 242430 4:02 - 4:07
    Vì vậy, về cơ bản, hãy nhớ
    thêm tên khai báo không gian XML
80. 246970 4:07 - 4:10
    trong thẻ mở của view gốc
    xem các tập tin XML của bạn.
81. 251710 4:12 - 4:13
    Bây giờ đến lượt bạn.
82. 252910 4:13 - 4:17
    Chúng tôi muốn bạn có thể thử nghiệm
    với code layout tuyến tính bây giờ.
83. 256860 4:17 - 4:20
    Thử thêm nhiều TextViews vậy
    có tiết mục trong cột này..
84. 259690 4:20 - 4:23
    Bạn sẽ đặt ai trong danh sách
    khách mời độc quyền cho bữa tiệc của bạn?
85. 264500 4:25 - 4:28
    Cũng hãy thử thay đổi thuộc tính
    định hướng layout tuyến tính.
86. 268130 4:28 - 4:31
    Hãy nhớ rằng nó có thể được thiết lập
    theo chiều dọc hoặc ngang.