Như mình có nói ở phần 1, ConstraintLayout tuy dài (bị tách ra làm hai phần lận), nhưng nó không khó. Qua bài viết đó bạn đã nắm được ý nghĩa và cách sử dụng các công cụ cơ bản nhất mà Android Studio cung cấp để thiết kế kéo-thả cho layout mới mẻ này. Phần tiếp theo này bạn sẽ biết thêm các chức năng hay ho khác của ConstraintLayout, giúp bạn có thể thiết kế được tất cả các layout mà bạn muốn.
Và chắc chắn chúng ta sẽ cùng nhau thử thực hành xây dựng một layout hoàn thiện ở cuối bài hôm nay.
Cũng khá lâu rồi, mình luôn mong muốn được viết bài hoàn chỉnh về ConstraintLayout. Nhưng có nhiều điều khiến dự định này dang dở. Một phần cũng vì nếu như không có nó (ConstraintLayout) chúng ta cũng vẫn cứ sống thoải mái vui vẻ mà thôi. Phần nữa là vì bài viết sẽ cần rất nhiều ảnh động, đúng đặc thù của loại layout này, nên “tiến độ dự án” bị kéo dài ra.
Cho đến hôm nay thì kiến thức về ConstraintLayout đã trở nên khá nhiều (nhưng không khó). Sở dĩ kiến thức này nhiều là vì chúng ngày càng được bổ sung các tính năng hữu ích để lập trình viên chúng ta có thể vận dụng một cách linh hoạt nhất vào việc thiết kế các giao diện phức tạp. Và cũng vì kiến thức này nhiều quá nên mình tách ra làm hai phần. Điều này giúp cho các bạn dễ tiếp cận hơn, và mỗi bài cũng không chứa quá nhiều resource ảnh (cả động lẫn tĩnh), có thể ảnh hưởng đến hiệu quả load trang của chúng ta.
Còn nhớ, đã rất lâu rồi, từ bài học số 5, chúng ta đã nói sơ qua cấu tạo cơ bản của một ứng dụng Android, trong đó các bạn đã biết đến một chút khái niệm và vai trò của Activity rồi. Nhưng trước đó, ở bài học số 3, khi bạn còn chưa biết đến Android cần có những gì, bạn đã phải tạo cho chính bạn một Activity đầu tiên, có tên là MainActivity, và chúng ta đã cùng xây dựng các dòng code trên Activity đó đến tận bây giờ. Vậy tính ra bạn đã hiểu Activity là gì rồi đúng không. Vậy bài học hôm nay mình sẽ viết gì. Tất nhiên còn một số kiến thức thú vị khác xoay quanh Activity. Như làm sao để tạo thêm nhiều Activity khác. Làm sao để truyền dữ liệu qua các Activity. Cách quản lý các Activity hiệu quả,… sẽ lần lượt được mình trình bày từ bài học hôm nay.
Có lẽ cái tên Navigation Drawer, hay nhiều bạn vẫn gọi là Left Menu, hoặc Slide Menu, không có gì xa lạ với chúng ta cả. Ai cũng biết về nó, ai cũng sử dụng nó hằng ngày. Navigation Drawer được Google giới thiệu vào năm 2013, ngay sau khi ActionBar được trình làng khoảng 2 năm. Navigation Drawer này chỉ đơn giản là một thanh menu được ẩn đi về phía bên trái màn hình. Nó được hiển thị ra khi người dùng nhấn vào icon menu trên Action Bar, giới thiết kế gọi cái icon menu này bằng một cái tên khá hay: “icon Hamburger”, bởi vì trông nó giống như một cái hamburger… bạn tưởng tượng đi nào.
Với việc kết thúc bài học số 23, thì bạn cũng đã biết cách sử dụng một số dạng resource thông dụng trong Android rồi. Nhưng sang bài hôm nay, chúng ta tạm ngưng nói đến việc sử dụng các resource tiếp theo nữa, bởi vì nếu nói hoài một chủ đề sẽ rất chán. Vậy chúng ta chen vào một kiến thức khác thú vị hơn, kiến thức về ActionBar, rồi sau đó sẽ quay lại các bài học về resource hay ho khác ở các bài học kế tiếp.
Hôm nay chúng ta tiếp tục nói về cách sử dụng một loại resource nữa của Android. Resource có cái tên hơi lạ – Dimen. Muốn biết nó thực chất là loại resource gì thì mời bạn cùng đọc qua bài viết hôm nay. Tuy nhiên mình xin tổng hợp lại, cho đến giờ phút này chúng ta đã nói qua cách sử dụng các resource sau đây: Style, Theme, String, và Color. Mình bật mí một chút. Đó là resource này liên quan đến các “số đo” bên trong ứng dụng, hay còn gọi là kích thước. Tuy dễ nhưng quan trọng, vì chúng có liên quan đến việc tạo ra một giao diện “động” (về kích thước) cho vô vàn các màn hình đang có mặt ngoài thị trường ngày nay.
Bài học hôm nay chúng ta sẽ thử tài vừa là một lập trình viên vừa là một nhà thiết kế, cùng nhau thảo luận về việc sử dụng và phối hợp các màu sắc, sao cho khéo léo nhất có thể, để tạo ra một ứng dụng đẹp lung linh mà không chói lóa. Bạn cũng nên biết rằng, việc khó khăn nhất khi phát triển một ứng dụng, không phải là viết code đâu, mà chính là định nghĩa ra UI/UX của sản phẩm, hay nói cách khác là thiết kế sản phẩm, trong đó việc chọn lựa màu sắc là cực kỳ quan trọng. Bạn nên chọn lựa màu nào là màu chủ đạo, màu nào làm điểm nhấn, màu nào làm nền,… sao cho chúng hòa hợp, không bị quá chói, cũng không bị quá chìm. Nếu may mắn bạn có những người bạn biết thiết kế, hoặc bạn làm trong một công ty chuyên nghiệp có đội ngũ thiết kế UI/UX riêng, thì mọi thứ lại trở nên đơn giản. Nhưng nếu bạn là một nhà lập trình tự do, mọi sản phẩm đều do chính đôi tay của bạn làm ra từ a đến z, hoặc bạn là một freelancer làm cùng với đội ngũ thiết kế không được đông đảo và mạnh mẽ lắm. Thì bài học hôm nay sẽ giúp ích cho các bạn rất nhiều, chí ít là về phần màu sắc của sản phẩm.
Các bạn thân mến, vâng bài viết này chúng ta sẽ thực hành tạo một Splash Screen cho app. Mình biết rằng rất dễ để các bạn có thể tạo ra một Splash Screen cho ứng dụng, chỉ cần lên mạng search cái là xong, không cần đến bài viết này của mình đâu. Và thực tế là mình cũng đã từng xây dựng Splash Screen cho nhiều app theo cách phổ biến trên mạng, rất nhanh chóng… cho đến khi mình đọc được một bài viết (mình có để link bài viết đó ở cuối bài hôm nay) và thử nghiệm với một số app nổi tiếng hiện nay thì thấy rằng… các Splash Screen mình đã xây dựng trước đó là chưa đúng.
Với bài học hôm trước khi đã nói về cách sử dụng Style, mình hi vọng các bạn đã nắm vững cách xài resource đặc biệt này để làm cho giao diện của ứng dụng trông nhất quán hơn. Bên cạnh đó, ngoài mục tiêu nhất quán mà Style mang đến, bạn nên biết rằng chúng còn giúp bạn xây dựng giao diện được gọn gàng và nhanh hơn nữa. Nếu bạn có bất kỳ ứng dụng nào sắp được viết, hay đang viết dở dang, thì bạn nên kiểm chứng lại xem mình đã sử dụng Style chưa, nếu chưa thì bạn nên áp dụng từ bây giờ. Không phải widget nào cũng bắt buộc bạn phải tạo Style cho nó, nhưng một ứng dụng sẽ luôn có hầu hết các Style cho các loại widget đấy nhé, càng nhiều Style thì tính chuyên nghiệp càng cao. Bạn có đồng ý không? Nếu có ý kiến nào khác bạn nhớ để lại bình luận bên dưới bài học hôm nay nhé.
Thông qua Bài 10 các bạn đã biết rõ về 2 loại layout được sử dụng nhiều nhất hiện nay, đó là LinearLayout và RelativeLayout. Bài hôm nay chúng ta cùng nhắc lại (mà không nói kỹ) 2 layout đó và cùng xem tiếp những loại layout còn lại của Android nhé.
