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

Ở 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.

Huong dan su dung Android Studio co ban

Bạn sẽ được học cách sử dụng một số ít 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

Để hoàn toàn có thể khám phá những công dụng “ cao siêu ” của Android Studio, tất cả chúng ta sẽ mở màn với việc tạo một ứng dụng trọn vẹn mới .
Khởi động Android Studio và trên hành lang cửa số Android Studio Setup Wizard, bạn chọn Start a new Android Studio project .

Hướng dẫn toàn tập về Android Studio

Trong hành lang cửa số Create New Project, bạn điền tiên cho dự án Bất Động Sả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 tàng trữ dự án Bất Động Sản tại trường Project location. Cuối cùng thì click vào Next .

sử dụng Android Studio để tạo dự án mới

Tiếp theo, bạn hãy nhìn vào hành lang 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 .
Mình giải thích chút
minSdkVersion sẽ là phiên bản Android thấp nhất mà ứng dụng của bạn hỗ trợ(Ví dụ: Android Lolipop có SDK version là 21-22, Android M là 23 – 24). minSdkVersion cũng là một trong những tín hiệu mà minSdkVersion sẽ là phiên bản Android thấp nhất mà ứng dụng của bạn tương hỗ ( Ví dụ : Android Lolipop có SDK version là 21-22, Android M là 23 – 24 ). minSdkVersion cũng là một trong những tín hiệu mà Google Play sử dụng để xác lập thiết bị nào của người dùng hoàn toàn có thể setup một ứng dụng. Nếu được thì cứ để thấp một chút ít để ứng dụng của bạn hoàn toàn có thể chạy được trên nhiều thiết bị nhất hoàn toàn có thể

sử dụng Android Studio để tạo dự án mới

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 để thực thi giải quyết và xử lý .

sử dụng Android - lựa chọn Activity

Trên hành lang cửa số Customize the Activity như màn hình hiển thị bên dưới, bạn sẽ có những tùy chọn để biến hóa 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

Sử dụng Android Studio - Cấu hình Activity

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

Hướng dẫn toàn tập về Android Studio

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

Sử dụng Android Studio tạo ứng dụng Hello World

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

# 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 chuyên sâu vào những phần đã được khoanh đỏ trong màn hình hiển thị screenshot bên dưới. Cửa sổ này hiển thị những file trong project của ứng dụng của bạn. Ở chính sách mặc định, những file được tinh lọc để hiển thị trong project tab .

Quản lý dự án trong Android Studio

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

Hướng dẫn toàn tập về Android Studio

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 gồm có cả những module thư viện bên thứ ba hoặc những module do chính bạn tạo ra ( chẳng hạng như những ứng dụng trên nền Android, Andoid TV, etc … ). Mỗi module đều có những bộ source code hoàn hảo cho riêng mình, gồm có một file gradle, những resource và những file source code, vv …

Chú ý:
Nếu bạn không nhìn thấy khung View mở project. Chắc là nó thụt vào bên trong, bạn có thể click vào tab Project trên bản điều khiển bên trái như đã trình bày ở hình ảnh bên trên

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:

Hướng dẫn toàn tập về Android Studio

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 phong cách thiết kế UI và file code java. Bên dưới là những 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.

Tạo Activity trong Android Studio

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.

Cấu hình Activity trong Android Studio

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

Tạo layout cho Activity trong Android Studio

Cũng đơn thuầ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 những 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 diễn 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.

Tạo selector bằng Android Studio

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

Hướng dẫn toàn tập về Android Studio

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.

Chú ý quan trọng:
Các tên file phải bắt đầu bằng chữ cái thường và không nên điền cả extension. Việc đặt tên drawable hay resource file nói chung nên tuân theo một chuẩn quy tắc để dự án dễ đọc và bảo trì. Bạn có thể tham khảo bài viết:

Các tên file phải bắt đầu bằng chữ cái thường và không nên điền cả extension. Việc đặt tên drawable hay resource file nói chung nên tuân theo một chuẩn quy tắc để dự án dễ đọc và bảo trì. Bạn có thể tham khảo bài viết: Quy tắc đặt tên chuẩn cho Android Resource

Hướng dẫn toàn tập về Android Studio

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 .

Hướng dẫn toàn tập về Android Studio

# 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é)

Hướng dẫn toàn tập về Android Studio

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:

Tao layout cho man hình landscape trong Android Studio

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

Tao layout cho man hình landscape trong Android Studio

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 ứng một bộ những công cụ giúp bạn hoàn toàn có thể nghiên cứu và phân tích những ứng dụng của bạn. Hãy xem, bằng cách mở tab Android Monitor ở bên dưới của hành lang cửa số Android Studio .

Hướng dẫn toàn tập về Android Studio

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

Tìm hiểu về Android Monitor trong Android Studio

Bắt đầu từ phía trên cùng, nơi bạn chỉ định đâu là thiết bị hay ứng dụng mô phỏng thiết bị mà bạn đang dùng và “ process ” nào mà bạn chăm sóc nhất ( bạn nên lựa chọn tên gói ứng dụng của bạn ) .
Hãy liên tục bằng việc chuyển dời chuột qua một số ít những 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 những bạn. Những công dụ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 những bạn cách setup máy và hoàn toàn 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é