Bài 3 - Ứng dụng đầu tiên ( Nhập vào 2 số và tính tổng)

Hướng dẫn bởi StudingCoding

Hôm nay mình sẽ hướng dẫn các bạn làm 1 app đơn giản android trên Eclipse

Ứng dụng đầu tiên - Nhập vào 2 số tính tổng

---------------

1. Hướng dẫn thực hiện

[QUOTE]

Bước 1: Cài đặt và cấu hình Eclipse ( các bạn có thể xem lại ở bài viết trước)

Bước 2: Khởi động Eclip vào tạo 1 project

Mình sử dụng máy ảo Gennymotion ( bạn có thể vào xem hướng dẫn cài đặt máy ảo này)

Bước 3: Sau khi tạo xong project ta bắt đầu viết ứng dụng

+ Vào layout để thiết kế giao diện cho ứng dụng trước.

Giao diện gồm có 2 cái nhãn để hiện " Nhập a" "nhập b"

và tương ứng 2 o Edittext để nhập dữ liệu

+ 1 button để xuất kết quả

Các control bạn có thể kéo thả vào hoặc vào file code để code

Đã xong phần giao diện ( các bạn nhớ lưu lại nhé)

Kết quả sẽ xuất ra dưới dạng thông báo nhé!

+ Vào file xử lý để code

      - Ánh xạ các control bên giao diện qua file xử lý

    - xử lý

---> đã code xong

Bước 4: chạy ứng dụng

Vừa chạy ứng dụng báo lỗi " nhập dữ liệu"!

Kết quả k tinh được ( do k có dữ liệu)

đã hết lỗi[/QUOTE]

2.  Demo kết quả:

3. Source code

Code giao diện:

[ code]<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/TableLayout1"

    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=".MainActivity" >

    <TableRow>

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Nhập a" />

        >

        <EditText

            android:id="@+id/edta"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="center_horizontal|top"

            android:ems="10"

            android:inputType="number" >

            <requestFocus />

        </EditText>

    </TableRow>

    <TableRow>

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Nhập b" />

        >

        <EditText

        android:id="@+id/edtb"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center_horizontal|top"

        android:ems="10"

        android:inputType="number" />

    </TableRow>

    <TableRow

        android:id="@+id/tableRow1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content" >

        <Button

            android:id="@+id/btnTinh"

            android:layout_width="fill_parent"

            android:layout_height="fill_parent"

            android:layout_gravity="center"

            android:layout_weight="1"

            android:text="Tính" />

    </TableRow>

</TableLayout>[ /code]

Xử lý:

[ code]<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/TableLayout1"

    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=".MainActivity" >

    <TableRow>

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Nhập a" />

        >

        <EditText

            android:id="@+id/edta"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="center_horizontal|top"

            android:ems="10"

            android:inputType="number" >

            <requestFocus />

        </EditText>

    </TableRow>

    <TableRow>

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Nhập b" />

        >

        <EditText

        android:id="@+id/edtb"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center_horizontal|top"

        android:ems="10"

        android:inputType="number" />

    </TableRow>

    <TableRow

        android:id="@+id/tableRow1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content" >

        <Button

            android:id="@+id/btnTinh"

            android:layout_width="fill_parent"

            android:layout_height="fill_parent"

            android:layout_gravity="center"

            android:layout_weight="1"

            android:text="Tính" />

    </TableRow>

</TableLayout>[ /code]

Down Source: https://drive.google.com/file/d/0B6aHy9Nd8VFid2s3UlRwYkdoSkE/edit?usp=sharing

Lưu ý: Bài viết bản quyền của StudingCoding