[Android Tutorial] Bài 2: Tạo project Hello World

Ở bài viết này, mình sẽ hướng dẫn cách tạo một project in ra màn hình Hello World

Đầu tiên bạn tạo một project với Android Studio (tới phần chọn Activity thì nhớ chọn Empty Activity nhé),

Đây là giao diện sau khi bạn tạo xong, mình sẽ nói kĩ hơn về cấu trúc một project của Android. Để ý ở các thư mục phía bên trái, thư mục app có các thư mục con tạo nên giao diện và hành động của ứng dụng. Còn thư mục Gradle Scripts chứa các file xây dựng hệ thống. Trong thư mục app có 3 thư mục con là manifests, java và res. Ở bài viết này mình sẽ chỉ nói về 2 thư mục là java và res

  • Java: là nơi chứa những file .java để thực hiện các hành động của ứng dụng

  • res(resource): là nơi chứa những file tài nguyên của ứng dụng (drawable, layout, values……)

Bây giờ chúng ta đến với các tạo Hello World. Ở Android chúng ta dùng một view là TextView để chứa những đoạn chuỗi trên màn hình. Các bạn mở file layout của ứng dụng lên (app -> res -> layout -> activity_main.xml), mặc định của Android sẽ có sẵn một widget TextView trên màn hình

Để sửa chuỗi trong TextView bạn click đúp vào widget TextView (như trong hình vẽ) và sửa text ở bảng Properties kế bên. Nếu bạn muốn sửa kích cỡ của widget (dài, rộng) hay sửa chuỗi (cỡ chữ, màu, kiểu chữ) …. thì bạn chọn View all properties trong Properties và thay đổi chỉ số ở đó nhé.

Vậy là bạn đã có một dòng chữ tùy ý trên màn hình rồi. Bấm Run -> chọn máy ảo (or điện thoại) và chạy thử thôi.

Bạn có thể xem thêm thông tin thêm về TextView tại đây :

Đây là đoạn xml mẫu (để xem file xml này bạn chuyển từ tab design -> text nhé)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.h2physics.helloworld.MainActivity">

    <TextView
        android:id="@+id/textView"
        android:text=">H2PhySicS<"
        android:textSize="30sp"
        android:textColor="@color/colorText"
        android:gravity="center"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"/>
</RelativeLayout>

Và đây là kết quả

Hãy like fanpage của VTeam để xem những bài viết tiếp theo của bọn mình nhé ^^

Previous: [Android Tutorial] Bài 1 : Cài đặt Android Studio và Genymotion

Next: [Cùng học Angular 2] Cài đặt môi trường