Hướng dẫn toàn tập về cách sử dụng Android Studio

Ở bài viết trước, mình đã hướng dẫn chi tiết cách cài đặt môi trường Android studio để có thể phát triển ứng dụng Android. Nằm trong khóa học: Tự học lập trình Android trong 24 giờ, mình sẽ hướng dẫn các bạn làm quen và sử dụng Android Studio, IDE tuyệt vời cho lập trình Android.

Bạn sẽ được học cách sử dụng một số tính năng chính của Android Studio như:

• Sử dụng Android Studio để tạo dự án mới
• Tìm hiểu cách tổ chức dự án thông qua Android Explore
• Cách tạo Activity mới trong Anrdroid Studio ( Tham khảo về cách dùng Activity nữa nhé)
• Học cách tạo XML Drawable, tạo layout cho màn hình xoay ngang
• Tìm hiểu về một tool quan trọng là Android Monitor

Chúng ta bắt đầu nhé

Làm quen và sử dụng Android Studio toàn tập cho người mới

#1. Tạo ứng dụng Hello World với Android Studio

Để có thể tìm hiểu các chức năng “cao siêu” của Android Studio, chúng ta sẽ bắt đầu với việc tạo một ứng dụng hoàn toàn mới.

Khởi động Android Studio và trên cửa sổ Android Studio Setup Wizard, bạn chọn Start a new Android Studio project.

Trong cửa sổ Create New Project, bạn điền tiên cho dự án(Như mình trong bài hướng dẫn này là Fortune Ball).

Tên Company Domain là tùy ý bạn chọn, sau đó chọn thư mục lưu trữ dự án tại trường Project location. Cuối cùng thì click vào Next.

Tiếp theo, bạn hãy nhìn vào cửa sổ Target Android Devices. Đánh dấu vào nút Phone and Tablet và ghi rõ là API 15 ở trường Minimum SDK. Sau đó Click vào Next.

Tiếp theo là cửa sổ Add an activity to Mobile, bạn chọn Basic Activity. Hãy dành khoảng nửa phút để xem hết tất cả các tùy chọn. Cửa sổ này cho ta có một cái nhìn tổng quan về các layout template. Ví dụ như mình vừa chọn Basic Activity thì  nó sẽ là activity trống không có bất kì logic nào được generate tự động với một thanh toolbar ở trên top và một nút floating action button ở bên dưới.

Click vào Next để tiến hành xử lý.

Trên cửa sổ Customize the Activity như màn hình bên dưới, bạn sẽ có các tùy chọn để thay đổi Activity Name, Layout Name, Title và Menu Resource Name.

Đối với bài viết này, chúng ta sẽ giữ nó thật đơn giản và sử dụng các giá trị mặc định. Click vào Finish để hoàn thành

Chờ đợi khoảng vài giây thì Android Studio sẽ tạo xong dự án cho bạn và bạn sẽ được chuyển đến màn hình tương tự như sau:

Bạn thử build và run ứng dụng của bạn xem kết quả thế nào nhé

Như vậy là bạn đã hoàn thành việc sử dụng Android Studio để tạo một ứng dụng Android. Mặc dù chức năng của ứng dụng chưa có gì cả nhưng nó cũng đủ để giúp chúng ta tiếp tục học các phần sau

• Đừng bỏ lỡ: Lập trình ứng dụng cho di động – Có nên chọn nghề này không?

#2. Tìm hiểu thành phần Project và cấu trúc File

Trong phần này, mình sẽ tập trung vào các phần đã được khoanh đỏ trong màn hình screenshot bên dưới. Cửa sổ này hiển thị các file trong project của ứng dụng của bạn. Ở chế độ mặc định, các file được chọn lọc để hiển thị trong project tab.

Có một số tùy chọn để hiển thị các file trong project như: Packages, Scratches, Android… Tuy nhiên chúng ta chỉ hay sử dụng hai bộ lọc chính là Project và Android.

Bộ lọc Project: Tùy chọn này sẽ cho bạn thấy tất cả các module ứng dụng . Một ứng dụng sẽ có tối thiểu là một module có tên là app module.

Các kiểu module khác bao gồm cả các module thư viện bên thứ ba hoặc các module do chính bạn tạo ra(chẳng hạng như các ứng dụng trên nền Android, Andoid TV, etc…). Mỗi module đều có các bộ source code hoàn chỉnh cho riêng mình, bao gồm một file gradle, các resource và các file source code, vv…

Bộ lọc Android: Đây là bộ lọc mặc định, nó gom các file cùng đặc trưng chung thành một nhóm. Bạn sẽ thấy các thư mục như bên dưới:

Tùy mỗi mỗi cách có cái hay riêng. Mình thì hay sử dụng bộ lọc Android để nhìn cho gọn

#3. Cách tạo New Activity trong Android Studio

Chúng ta tạo New Activity trong Android Studio tạo thành file XML cho việc thiết kế UI và file code java. Bên dưới là các bước tạo Activity mới trong Android Studio:

Trước tiên, click vào app > res > layout > Click chuột phải vào layout. Sau đó chọn New > Activity và chọn Activity mà bạn muốn. Ở đây, chúng ta chọn Blank Activity như hình bên dưới.

Sau đó tùy chỉnh Activity trong Android Studio. Điền “Activity Name” và “ Pakage name” trong ô text box và click vào nút Finish.

Sau đó, Activity mới của bạn trong Layout sẽ được tạo. Code XML của bạn ở Text and your Design Outut sẽ ở trong Design

Cũng đơn giản phải không?

>>> Đọc ngay: Activity Lifecycle

#4. Tạo file XML Drawable Resource trong Android Studio

Drawable Resource XML hầu hết được tạo trong thư mục drawable và được sử dụng trong Android để thêm nhiều tính năng tùy chỉnh cho các View như: Tạo selector khi press vào một Button, hoặc tạo Animation cho một View nào đó… Ở đây, mình sẽ trình bày từng bước cách tạo một Drawable Resource XML trong Android Studio.

Trước tiên, Click chuột phải vào thư mục drawable như hình bên dưới.

Sau đó chọn Go New > Drawable resource file như bên dưới.

Sau đó hộp thoại New Resource file xuất hiện. Bạn chỉ việc điền vào tên File ở ô text box và nhấn OK. Ở đây tôi đặt tên file là custom_button.

Sau khi chọn OK ở bước trên thì drawable resource XML của bạn sẽ được tạo như hình bên dưới.

#5. Cách tạo Layout Landscape trong Android Studio

Trong Android, thường mỗi ứng dụng nên được thiết kế cho cả 2 chế độ là màn hình dọc và ngang ( Portrait và Landscape) để tăng trải nghiệm người dùng. Mặc định thì Android Studio chỉ tạo layout cho màn hình dọc thôi. Để ứng dụng có thể hỗ trợ màn hình xoay ngang(Landscape), chúng ta cần phải làm thêm một số thao tác cài đặt bổ sung.

Cụ thể là chúng ta cần tạo một thư mục “ layout-land ” bên trong thư mục res.

Mở Android Studio và nếu project của bạn được mở trong bộ lọc là “Android” thì thay đổi bộ lọc thành “Project” (Tùy chọn này mình đã hướng dẫn ở trên rồi nhé)

Mở thư mục App bên trong thư mục project của bạn. Sau đó mở src > main >res. Click chuột phải vào thư mục res, chọn New>Directory. Android studio sẽ mở hộp thoại sau:

Bạn điền tên thư mục là “layout-land” rồi Click Ok.

Bây giờ bạn đã có thư mục “layout-land” trong project của bạn. Click chuột phải vào nó và chọn: New>XML>Layout XML file. File này sẽ được tạo bên trong thư mục layout

Tiến hành chuyển file vừa tạo từ thư mục layout sang thư mục dành riêng cho màn hình xoay ngang. Paste chúng vào bên dưới thư mục “layout-land” và click ok. Bây giờ bạn đã có layout dành riêng cho màn hình ngang rồi đấy.

#6.Tìm hiểu Android Monitor

Android Studio cung cấp một bộ các công cụ giúp bạn có thể phân tích các ứng dụng của bạn. Hãy xem, bằng cách mở tab Android Monitor ở bên dưới của cửa sổ Android Studio.

Ở đây, bạn sẽ tìm thấy vô số các tùy chọn hữu ích cho các nhà phát triển ứng dụng Android. Hãy thử một số trong chúng. Đừng lo lắng; bạn không phải ghi nhớ tất cả và tý nữa cũng không phải làm một bài kiểm tra đâu 🙂

Bắt đầu từ phía trên cùng, nơi bạn chỉ định đâu là thiết bị hay phần mềm mô phỏng thiết bị mà bạn đang dùng và “process” nào mà bạn quan tâm nhất (bạn nên lựa chọn tên gói ứng dụng của bạn).

Hãy tiếp tục bằng việc di chuyển chuột qua một số các nút bên trái, để hiển thị thành phần chú thích cho thanh công cụ.

• Camera và nút play ở bên trái cho phép chụp ảnh screenshot màn hình hiện tại hoặc ghi lại video màn hình ứng dụng
• Biểu tượng hình kính lúp có một số tùy chọn trong đó như phân tích mức độ sử dụng bộ nhớ
• Layout Inspector: Đây là công cụ khá hay. Nó phân tích layout mà hiển thị thành dạng tree. Điều này rất có ích cho việc debug khi có lỗi trên giao diện mà không phải từ logic của Kotlin hay Java.

Phần cuối là màn hình LogCat cho bạn cái nhìn chi tiết về các tin nhắn từ hệ thống trên thiết bị với khả năng filter vào một ứng dụng cụ thể hoặc thậm chí sử dụng thanh tìm kiếm để lọc ra các tin cần thiết.

Như vậy là mình đã hướng dẫn sử dụng Android Studio cho các bạn. Những chức năng cơ bản này đủ để bạn tự tạo ứng dụng của riêng mình. Bài viết tiếp theo, mình sẽ hướng dẫn các bạn cách cài đặt máy và có thể compile và chạy ứng trên máy ảo và cả thiết bị thật. Các bạn đón đọc nhé