Category: Lập trình Android

[polldaddy poll=9764234]

Trong quá trình viết dự án nhiều khi chúng ta phải làm các chức năng thống kê, mà thống kê hay nhất theo Tui là dùng biểu đồ với những hình ảnh trực quan sinh động sẽ lột tả được ý nghĩa của dữ liệu thống kê. Vì vậy loạt bài sau Tui sẽ hướng dẫn các bạn cách sử dụng framework AChartEngine để thực hiện tính năng này, trên mạng đã có nhiều Video hướng dẫn rất chi tiết các bạn có thể tham khảo step by step (bằng tiếng anh – xin cảm ơn tác giả):
[youtube https://www.youtube.com/watch?v=s8cpqFrbnk8?list=PL2603F3CABBF5EEB0]Các bạn có thể tải demo tại đây http://www.achartengine.org/content/demo.html

Tải các thư viện tại đây: http://www.achartengine.org/content/download.html (https://code.google.com/p/achartengine/downloads/list)

Tui sẽ đan xen cách vẽ biểu đồ từ dữ liệu Sqlite, excel, webservice thay vì hardcode giống như bản demo.

Bạn xem qua một số ứng dụng cụ thể về các loại biểu đồ và Framework AchartEngine cung cấp như sau:

-Line chart:

-Average temperature:

-Monthly Sale Report:

-Trigonometric functions:

-Scatter Chart:

– Monthly Sale Report (conts):

-Project Work Status:

-Sale Growth:

-budget:

– Các bạn hãy thử làm quen với cách sử dụng thư viện AchartEngine với dữ liệu hardcode trước, Tui sẽ tranh thủ bổ sung cách hiển thị Chart từ Sqlite, Excel và Webservice.

– (còn nữa…)

[polldaddy poll=9764234]

Ngày nay với sự ra đời của nhiều mạng xã hội (Facebook, Google +, Linkedin, Twitter…) nơi mà mỗi con người chúng ta có thể dễ dàng chém gió xả stress cũng như bắt người khác ăn stress. Tui nghĩ rằng mạng xã hội đã và đang đi sâu vào quần chúng, đi sâu vào mọi ngõ ngách hẻm hóc trong mỗi người sử dụng công nghệ. Ngoài chém thuần túy thông qua những trận phun châu nhả ngọc chúng ta còn có thể chém gió thông qua những tấm hình… để giải stress hoặc ăn thêm stress.

Việc chia sẻ hình ảnh trên Facebook giúp mọi người sử dụng trong mạng có kết nối có thể nhận được sự chia sẻ và hưởng thụ cảm giác hạnh phúc từ những tấm hình không hề vô tri vô giác. Tuy nhiên không phải tấm hình nào chúng ta cũng có thể chia sẻ lên mạng xã hội để tránh gây phiền toái cũng như bảo mật thông tin. Hiện nay các dòng máy Sờ Mác Phôn của Hồ Cẩm Đào ngày càng thịnh hành với giá rẻ đến ngạc nhiên nên hầu như ai cũng có thể sở hữu nó, và đặc biệt đi đến đâu cũng có WIFI miễn phí, quán nước mía 5k/1 ly cũng có WIFI miễn phí và kể cả quán cơm chay cũng có WIFI miễn phí (rất may WIFI chưa được đưa vào là món ăn mặn). Việc sở hữu 1 chiếc điện thoại hoành tráng cùng với internet miễn phí nên chúng ta có thể tự sướng và chỉ cần 1 cú nhấn “tách” là hình này có thể lên “Phây” ngay và “nuôn”. Nhưng có những công ty họ cần viết các phần mềm trên Smartphone để nhận hình ảnh từ nhân viên gửi về máy chủ, họ không muốn chia sẻ những hình ảnh bí mật này, họ muốn xây dựng một server riêng mỗi lần nhân viên chụp hình thì có thể tự động gửi hình này lên Server để tiến hành phân tích. Ví dụ như Tui có một người bạn làm trong ngành định giá bất động sản, phải đến tận nơi khảo sát chụp ảnh mọi vùng liên quan để có chứng cứ định giá chính xác hơn, nhân viên khi đi khảo sát ở xa chỉ cần chụp hình và thông qua 3G sẽ gửi những hình ảnh trực tiếp này lên server và ở công ty nhóm phân tích sẽ dựa vào những hình ảnh này để hỗ trợ đắc lực cho việc ra quyết định định giá.

-Vì vậy Trong bài tập này Tui muốn hướng dẫn các bạn xây dựng phần mềm Camera Uploader, hi vọng nếu như một ngày nào đó có bạn sinh viên nào cần phải viết phần mềm tương tự có thể đáp ứng được.

– Phần mềm này gồm các chức năng sau (ở đây Tui không làm giao diện đẹp, Tui xử lý coding):

1) Xây dựng Server riêng để lưu trữ hình ảnh gửi về từ client

2) “Thiết kế” một website PHP hiển thị hình ảnh để demo (cho có cảm giác)

3) Xây dựng chức năng Cho phép sử dụng Camera để chụp ảnh

4) Đưa ảnh mới chụp lên Server riêng của công ty

5) Cho phép lấy những hình ảnh khác được chụp trước đó trong điện thoại lên Server riêng.

Giao diện chính vô cùng đơn gian như sau:

Chương trình chỉ có 3 control chính: ImageView để hiển thị hình ảnh chụp được hoặc hình ảnh có sẵn, ImageButton chụp ảnh, ImageButton upload lên Server, ngoài ra có Menu để cho phép lấy hình ảnh có sẵn trong điện thoại lên giao diện.

1)- Trước tiên ta cần xây dựng server riêng, ở đây Tui hướng dẫn các bạn sử dụng một server khác miễn phí tương tự như somee.com để các bạn có thêm trải nghiệm.

Các bạn vào trang http://freevnn.com/ đăng ký gói free hosting.

Sau khi đăng ký thành công hệ thống sẽ gửi email cho bạn thông tin chi tiết về đăng nhập Cpanel, FTP, phpAdmin…

Sau khi đăng ký thành công, bạn sẽ nhân được 1 email tương tự như sau:

Bạn cần nghiên cứu CPANEL của hosting này vì Tui thấy nó rất hữu ích cho các bạn.

– Ta tiến hành viết 2 trang php để làm service tải hình từ client lên server riêng và dùng để trình diễn những hình ảnh đã tải lên server riêng. Nếu bạn nào chưa biết php cũng không sao (cứ coi như mình đã biết để đỡ tủi thân, sau đó tự học sau cho nó bằng bạn bằng bè).

– Bạn dùng Notepad ++ để tạo Trang index2.php cho lẹ, trang nay Tui dùng để nhận hình ảnh từ Client gửi về.

[code language=”php”]

<?php
header(‘Content-Type: text/html; charset=utf-8’);
echo "Lấy Hình Từ Android";
error_reporting(E_ALL);
$target_Path = "images/";
if(isset($_POST[‘ImageName’])){
$imgname = $_POST[‘ImageName’];
$target_Path = $target_Path.$imgname;
$imsrc = base64_decode($_POST[‘base64’]);
$fp = fopen($target_Path, ‘w’);
fwrite($fp, $imsrc);
if(fclose($fp)){
echo "Tải hình thành công";
}else{
echo "Tải hình thất bại";
}
}
?>

[/code]

Coding ở trên mỗi lần lấy được bất cứ hình nào gửi về từ client thì nó sẽ lưu vào thư mục images trên server. Bạn để ý 2 từ khóa “ImageName” và “base64” nó được gửi về từ client là tên hình và binary hình định dạng chuỗi.

– Tiếp theo bạn “thiết kế” một trang index.php để trình diễn mọi hình ảnh gửi về từ client.

[code language=”php”]

<?php
$url1=$_SERVER[‘REQUEST_URI’];
header("Refresh: 5; URL=$url1");
$imagesDir = ‘images/’;
$images = glob($imagesDir . ‘*.{jpg,jpeg,png,gif}’, GLOB_BRACE);
foreach ($images as $img) {
echo "<img src=’$img’ width=’300′ height=’300’/> ";
}
?>

[/code]

code trên đơn giản chỉ là đọc toàn bộ hình ảnh trong thư mục images rồi hiển thị lên giao diện, mỗi hình Tui để 300, 300.

– Sau đó ta đưa 2 trang web này lên Server riêng vừa đăng ký, ở đây bạn có thể sài bất kỳ phần mềm nào (FTP) cũng được. Vì nó có mấy lạng nên tui dùng Totalcommander luôn cho lẹ (bạn phải copy paste thông tin mà nó gửi email về cho các bạn để đăng nhập vào FTP):

Vào menu Net/ chọn FTP connect…

Chọn New Connection :

Nhập Hostname, user name, password… rồi nhấn nút OK. Sau đó ra màn hình nhấn nút Connect.

Bạn vào bên trong thư mục htdocs. Tạo 1 thư mục images, và chép 2 file index.php và index2.php vào htdocs như hình Tui chụp ở trên.

index2.php sẽ được gọi trong android client, còn index.php sẽ được truy suất trực tiếp trên website. Ví dụ khi bạn chụp và gửi 1 hình lên Server riêng thì bạn chỉ cần gọi tên miền đã đăng ký là chương trình sẽ tự động hiển thị toàn bộ hình lên website (không cần gõ index.php vì nó ngầm mặc định là trang chủ), ví dụ tui vào http://duythanhcse.freevnn.com/ sẽ có kết quả:

– Như vậy là bạn đã cấu hình xong Server, bây giờ tiến hành coding cho Client.

– Ta xem cấu trúc của Project Android:

– Tiến hành thiết kế giao diện cho activity_main.xml như sau:

[code language=”xml”]

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
android:orientation="vertical"
>

<ImageView
android:id="@+id/Imageprev"
android:layout_width="match_parent"
android:layout_height="380dp" />

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btnCapture"
android:src="@drawable/camera" />

<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btnUpload"
android:src="@drawable/upload"
android:layout_gravity="right" />
</LinearLayout>

</LinearLayout>

[/code]

-Nhớ bổ sung thêm 1 menu đọc hình ảnh từ điện thoại:

[code language=”xml”]

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity">
<item android:id="@+id/mnuImageList" android:title="Xem hình trong SD Card"></item>
<item android:id="@+id/action_settings" android:title="@string/action_settings"
android:orderInCategory="100" app:showAsAction="never" />
</menu>

[/code]

-Tiến hành viết UploadToServerTask là lớp đa tiến trình để tải hình từ client lên Server.

[code language=”java”]

package com.tranduythanh.camerauploader;

import android.app.Activity;
import android.app.ProgressDialog;
import android.os.AsyncTask;
import android.util.Log;

import org.apache.http.HttpResponse;
import org.apache.http.NameValuePair;
import org.apache.http.client.HttpClient;
import org.apache.http.client.entity.UrlEncodedFormEntity;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.impl.client.DefaultHttpClient;
import org.apache.http.message.BasicNameValuePair;
import org.apache.http.util.EntityUtils;

import java.util.ArrayList;

/**
* Created by drthanh on 14/05/2015.
*/
public class UploadToServerTask extends AsyncTask<Void, Void, String> {

//URL để tải hình lên server
private String URL = "http://duythanhcse.freevnn.com/index2.php";
private Activity context=null;
private ProgressDialog progressDialog=null;
private String ba1;
public UploadToServerTask(Activity context, String ba1)
{
this.context=context;
this.ba1=ba1;
this.progressDialog=new ProgressDialog(this.context);
}
protected void onPreExecute() {
super.onPreExecute();
this.progressDialog.setMessage("Vui lòng chờ hệ thống đang upload hình!");
this.progressDialog.show();
}

@Override
protected String doInBackground(Void… params) {
//Coding gửi hình lên Server
ArrayList<NameValuePair> nameValuePairs = new ArrayList<NameValuePair>();
nameValuePairs.add(new BasicNameValuePair("base64", ba1));
nameValuePairs.add(new BasicNameValuePair("ImageName", System.currentTimeMillis() + ".jpg"));
try {
HttpClient httpclient = new DefaultHttpClient();
HttpPost httppost = new HttpPost(URL);
httppost.setEntity(new UrlEncodedFormEntity(nameValuePairs));
HttpResponse response = httpclient.execute(httppost);
String st = EntityUtils.toString(response.getEntity());
Log.v("log_tag", "In the try Loop" + st);

} catch (Exception e) {
Log.v("log_tag", "Lỗi kết nối : " + e.toString());
}
return "Thành công";

}

protected void onPostExecute(String result) {
super.onPostExecute(result);
this.progressDialog.hide();
this.progressDialog.dismiss();
}
}

[/code]

– Cuối cùng tiến hành coding cho MainActivity:

+ Trong lớp này cho phép chụp hình và chỉ lấy thumbnail để tối ưu bộ nhớ

+ Tương tự cho việc lấy hình ảnh có sẵn cũng lấy thumbnail

+ Đặc biệt tự động quay lại hình (rotate) nếu như hình bị quay không đúng hướng layout của phần mềm.

[code language=”java”]

package com.tranduythanh.camerauploader;

import android.graphics.Matrix;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import java.io.ByteArrayOutputStream;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.provider.MediaStore;
import android.util.Base64;
import android.util.Log;
import android.view.View;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity {
ImageButton btnCapture, btnUpload;
ImageView imageView;
private Uri fileUri;
String picturePath;
Uri selectedUriImage;
Bitmap selectedBitmap;
String ba1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
addControls();
addEvents();
}
public void addControls()
{
btnCapture = (ImageButton) findViewById(R.id.btnCapture);
btnUpload = (ImageButton) findViewById(R.id.btnUpload);
imageView = (ImageView) findViewById(R.id.Imageprev);
btnUpload.setEnabled(false);
}
public void addEvents()
{
btnCapture.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
capturePicture();
}
});
btnUpload.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
uploadPictureToServer();
}
});
}

/**
* hàm xử lý lấy thumbnail để tối ưu bộ nhớ
* @param pathHinh
* @return
*/
public Bitmap getThumbnail(String pathHinh)
{
BitmapFactory.Options bounds = new BitmapFactory.Options();
bounds.inJustDecodeBounds = true;
BitmapFactory.decodeFile(pathHinh, bounds);
if ((bounds.outWidth == -1) || (bounds.outHeight == -1))
return null;
int originalSize = (bounds.outHeight > bounds.outWidth) ?
bounds.outHeight
: bounds.outWidth;
BitmapFactory.Options opts = new BitmapFactory.Options();
opts.inSampleSize = originalSize / 500;
return BitmapFactory.decodeFile(pathHinh, opts);
}

/**
* Hàm xử lys lấy encode hình để gửi lên Server
*/
private void uploadPictureToServer() {
Log.e("path", "—————-" + picturePath);
ByteArrayOutputStream bao = new ByteArrayOutputStream();
selectedBitmap.compress(Bitmap.CompressFormat.JPEG, 100, bao);
byte[] ba = bao.toByteArray();
ba1 =Base64.encodeToString(ba,Base64.DEFAULT);

Log.e("base64", "—–" + ba1);

// Upload hình  lên server
UploadToServerTask uploadToServer=new UploadToServerTask(MainActivity.this,ba1);
uploadToServer.execute();
}

private void capturePicture() {
// Kiểm tra Camera trong thiết bị
if (getApplicationContext().getPackageManager().hasSystemFeature(
PackageManager.FEATURE_CAMERA)) {
// Mở camera mặc định
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
intent.putExtra(MediaStore.EXTRA_OUTPUT, fileUri);

// Tiến hành gọi Capture Image intent
startActivityForResult(intent, 100);

} else {
Toast.makeText(getApplication(), "Camera không được hỗ trợ", Toast.LENGTH_LONG).show();
}
}

/**
* Lấy đường dẫn file hình theo uri hình
* @param uriImage
* @return
*/
public String getPicturePath(Uri uriImage)
{
String[] filePathColumn = {MediaStore.Images.Media.DATA};
Cursor cursor = getContentResolver().query(uriImage,
filePathColumn, null, null, null);
cursor.moveToFirst();

int columnIndex = cursor.getColumnIndex(filePathColumn[0]);
String path = cursor.getString(columnIndex);
cursor.close();
return path;
}
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if ((requestCode == 100||requestCode==200) && resultCode == RESULT_OK) {
//Lấy URI hình kết quả trả về
selectedUriImage = data.getData();
//lấy đường dẫn hình
picturePath=getPicturePath(selectedUriImage);
//lấy thumbnail để tối ưu bộ nhớ
selectedBitmap=getThumbnail(picturePath);
selectedBitmap=rotateImageIfRequired(selectedBitmap,selectedUriImage);
imageView.setImageBitmap(selectedBitmap);
btnUpload.setEnabled(true);
}
}
/**
* Hàm hiển thị Camera folder và cho phép hiển thị hình người sử dụng chọn
* lên giao diện, hình này sẽ được gửi lên Server nếu muốn
*/
public void processChonHinh()
{
Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
intent.setType("image/*");
startActivityForResult(intent, 200);
}
/**
* Quay lại hình nếu chưa đúng
* @param img
* @param selectedImage
* @return
*/
private  Bitmap rotateImageIfRequired(Bitmap img, Uri selectedImage) {

// Detect rotation
int rotation=getRotation();
if(rotation!=0){
Matrix matrix = new Matrix();
matrix.postRotate(rotation);
Bitmap rotatedImg = Bitmap.createBitmap(img, 0, 0, img.getWidth(), img.getHeight(), matrix, true);
img.recycle();
return rotatedImg;
}else{
return img;
}
}
/**
* Lấy Rotation của hình
* @return
*/
private int getRotation() {
String[] filePathColumn = {MediaStore.Images.Media.ORIENTATION};
Cursor cursor = getContentResolver().query(selectedUriImage,
filePathColumn, null, null, null);
cursor.moveToFirst();

int rotation =0;
rotation = cursor.getInt(0);
cursor.close();
return rotation;
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
if(id==R.id.mnuImageList)
{
processChonHinh();
}
return super.onOptionsItemSelected(item);
}
}

[/code]

– Nhớ cấu hình AndroidManifest:

[code language=”xml”]

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.tranduythanh.camerauploader" >

<uses-feature
android:name="android.hardware.Camera"
android:required="true" >
</uses-feature>

<uses-permission android:name="android.permission.CAMERA" >
</uses-permission>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.INTERNET" >
</uses-permission>

<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name=".MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

</manifest>

[/code]

– Thực thi phần mềm, tiến hành chụp rồi gửi lên Server

– Hoặc vào menu lấy hình có sẵn trong máy gửi lên server:

– Sau đó nhấn nút Upload để đưa lên Server:

–> Chương trình sử dụng kỹ thuật đa tiến trình để tải hình lên server.

Ta có thể kiểm tra lại kết quả các hình chụp và hình lấy sẵn được truyền lên server:

– Như vậy bạn đã hoàn thành xong phần mềm và có thể test chạy trực tiếp trên server riêng Tôi tạo, nhưng các bạn nhớ tự tạo riêng để test để học hỏi được nhiều hơn.

– và nhớ bổ sung thêm hàm kiểm tra xem điện thoại có đang kết nối internet hay không nhé, nếu chưa có internet thì phải tắt nút Upload hình đi, đoạn code kiểm tra internet có hay không đã được đề cập đến trong bài 64 dự báo thời tiết.

– Bạn có thể tải source code đầy đủ ở đây: http://www.mediafire.com/download/ts6agjkv3z30z8a/CameraUploader.rar

-Chúc các bạn thành công.

[polldaddy poll=9764234]

Tui muốn tổng hợp các bài tập về Google Map, về Đa tiến trình, về JSon, Webservice…. để xây dựng phần mềm dự báo thời tiết đơn giản như hình dưới đây:

– Phần mềm sẽ có 4 chức năng như mô tả ở trên, để làm được bài này thì các bạn cần phải có các kiến thức sau:

+ Kiến thức về lập trình đa tiến trình:

Bài tập 33: Sử dụng ContentProvider trong Android

Bài tập 34: đa tiến trình trong Android (Multi-Threading)

Bài 35 : Vẽ Button lúc Runtime, dùng Using Message của Handler class

Bài 36: Update ListView At runtime by Handler class using post

Bài 37: Xử lý đa tiến trình bằng AsyncTask

Bài 38: Lấy kết quả trả về sau khi thực hiện đa tiến trình bằng AsyncTask

Bài 39: Kết hợp AsyncTask và Handler class

+ Kiến thức về lập trình Google Map:

Bài 53: Google Maps Android API – phần 1

Bài 54: Google Maps Android API – phần 2

Bài 55: Google Maps Android API – phần 3

Bài 56: Google Maps Android API – phần 4

+Kiến thức về Webservice với định dạng JSON hoặc SOAP (XML):

Bài 43: Android vs .net Web Services

Bài 44: Cách tạo Webservice

Bài 45: Sử dụng .Net Webservice trong C#

Bài 46: Sử dụng .Net Webservice trong Android

Bài 51: Xử lý JSON trong Android

Bài 52: Tạo định dạng JSON trong C# asp.net service vs Android

+Kiến thức về chuyển đổi JSON qua Java class:

Bài 61: Cách đưa định dạng JSon về Java class bằng GSon

Bài 62: Cách đưa định dạng JSon về Java class bằng GSon (tiếp 1)

Bài 63: Cách đưa định dạng JSon về Java class bằng GSon (tiếp 2)

Đồng thời nghiên cứu thêm API Open Weather Map(Hỗ trợ xem thời tiết hầu hết mọi nơi trên thế giới, được đánh giá là một trong những API cũng cấp webservice về dự báo thời tiết tốt nhất hiện nay)

Cập nhật ngày 13/12/2015

Để sử dụng được API này bạn cần đăng nhập để lấy appid, chi tiết đọc tại : http://openweathermap.org/appid

Khi đăng ký và đăng nhập thành công, bạn sẽ có API key bên dưới:

http://api.openweathermap.org/data/2.5/forecast/daily?lat=10.778182&lon=106.665504&cnt=1&appid=be8d3e323de722ff78208a7dbb2dcd6f

Ví dụ 0: Xem thời tiết ở Thành Phố Hồ Chí Minh:

http://api.openweathermap.org/data/2.5/weather?q=hồ chí minh&appid=be8d3e323de722ff78208a7dbb2dcd6f

Ví dụ 1: Xem thời tiết ở Đà Lạt

http://api.openweathermap.org/data/2.5/forecast/daily?q=đà lạt&appid=be8d3e323de722ff78208a7dbb2dcd6f

Ví dụ 2: Xem thời tiết ở Đà Lạt sau 15 ngày nữa thì như thế nào:

http://api.openweathermap.org/data/2.5/forecast/daily?q=đà lạt&cnt=15&appid=be8d3e323de722ff78208a7dbb2dcd6f

Ví dụ 3: Xem thời tiết ở 1 Kinh độ và Vĩ độ bất kỳ (ứng dụng hiển thị trên Google Map)

http://api.openweathermap.org/data/2.5/forecast/daily?lat=35&lon=139&cnt=10&mode=json&appid=be8d3e323de722ff78208a7dbb2dcd6f

Chi tiết hướng dẫn sử dụng: http://openweathermap.org/api

Các bạn tranh thủ ôn lại các bài trên sau đó Tui sẽ trình bày chi tiết từng bước cách thực hiện dự án này.

Trước khi bắt tay vào lập trình bài này thì ta xem sơ qua cấu trúc JSON khi kiểm tra thời tiết của một địa điểm nào đó, ví dụ ở Thành Phố Hồ Chí Minh:

http://api.openweathermap.org/data/2.5/weather?q=hồ chí minh&appid=be8d3e323de722ff78208a7dbb2dcd6f

hay dùng kinh độ vĩ độ (để áp dụng cho chức năng đầu tiên là xem thời tiết tại địa điểm hiện tại, theo địa chỉ bất kỳ, hay xem trên Google Map):

http://api.openweathermap.org/data/2.5/weather?lat=10.778182&lon=106.665504&appid=be8d3e323de722ff78208a7dbb2dcd6f

Ta được kết quả tương tự như sau:

Các source code bạn tự nối đuôi appid mà Tui đã chỉ ở trên là có thể chạy tốt.

End update 13/12/2015

—————————————–

Việc phân tích cấu trúc JSON để viết Java class các bạn đã được học kỹ ở các bài trước rồi, nên bài này Tui không nói nữa mà Tui chỉ show Mô hình Java class đã viết ra như sau (Bạn tự viết):

– Ta sẽ dùng GSon để chuyển JSON qua Java class, từ đó dễ dàng cho việc sử dụng lấy thông tin dự báo thời tiết.

– Còn dưới đây là cấu trúc JSON cho trường hợp dự báo các ngày khác (Daily):

Ví dụ:

http://api.openweathermap.org/data/2.5/forecast/daily?lat=10.778182&lon=106.665504&cnt=10

Hay:

http://api.openweathermap.org/data/2.5/forecast/daily?q=hồ chí minh&cnt=10

Thì ta có kết quả với cấu trúc JSON khá khác cho với trường hợp trên như sau:

–> Bạn tự phân tích cấu trúc ở trên để viết Java Class cho trường hợp Daily (chức năng số 3).

Trong Project này Tui sẽ thực hiện 3 chức năng (thời tiết địa điểm hiện tại của thiết bị, xem thời tiết theo địa điểm nhập bất kỳ và xem thời tiết trên Google Map), còn chức năng dự báo ngày kế tiếp các bạn tiếp tục thực hiện.

Tui có cấu trúc tập tin, class của dự án như sau:

– Tui chụp màn hình sử dụng phần mềm dự báo thời tiết như sau:

1) Từ màn hình chính, nếu bấm vào “Thời tiết địa điểm hiện tại của thiết bị”:

Chương trình sẽ hiển thị thông báo chi tiết dự báo thời tiết như sau:

Ta thấy chi tiết của địa điểm hiện tại của thiết bị (vị trị hiện tại tương đối trong phạm vi thiết bị), ở trên ta thấy nhiệt độ, bầu trời bằng hình có nắng, có mây, có mưa…, tốc độ gió, áp suất…

2) Từ màn hình chính, nếu bấm vào “Xem thời tiết theo địa điểm nhập bất kỳ”:

Chương trình sẽ hiển thị màn hình cho phép nhập địa chỉ bất kỳ, hoặc chọn các tỉnh thành có sẵn của Việt Nam (muốn bất kỳ địa điểm nào khác ở Việt Nam hay trên thế giới thì tự gõ địa chỉ vào), màn hình chọn địa điểm:

Nếu ta chọn hoặc nhập địa điểm bất kỳ, ví dụ như Hồ Chí Minh, ta có kết quả sau:

Ở hình trên ta thấy đấy, Hồ Chí Minh tuy có mưa nhưng nhiệt độ vẫn nóng là 34.2 độ C. Đúng là tại thời điểm Tui post hình này lên là Sài gòn đang mưa và vẫn nóng le lưỡi.

3) Tại màn hình chính, chọn “Xem thời tiết trên Google Map”, chương trình sẽ tự động hiển thị thời tiết tại vị trí hiện tại trên bản đồ, và cho phép bạn nhấn chọn bất kỳ địa điểm nào đó trên bản đồ để xem thời tiết. Đây là chức năng rất thú vị và coding hơi phức tạp.

Ta có kết quả:

Nhớ là bạn có thể nhấn chọn vị trí khác để xem thời tiết, ví dụ Tui chọn Nguyễn văn Trỗi:

Nếu làm tốt bài này bạn có thể áp dụng một cách uyển chuyển vào các dự án liên quan tới Du lịch, xem thời tiết….

Sau đây là Coding chi tiết cho từng phần, tui sẽ giải thích những đặc tính mới trong Android Studio, còn những cái này tương tự như Eclipse thì thôi  (Tui chỉ trỏ link tới rồi các bạn đọc lại).

Ta cần xây dựng mô hình class cho Weather theo tọa độ và địa chỉ của kết quả Json 2 loại dưới đây:

http://api.openweathermap.org/data/2.5/weather?lat=10.778182&lon=106.665504

http://api.openweathermap.org/data/2.5/weather?q=Đà lạt

Như sau:

Tui sẽ không phân tích hay giải thích tại sao phải viết các lớp như trên nữa, vì Tui đã hướng dẫn chi tiết ở các bài 61, bài 62, bài 63 các bạn bắt buộc phải đọc lại.

Soure code từng lớp như sau:

Lớp Clouds:

[code language=”java”]

package com.tranduythanh.model;

/**
* Created by drthanh on 04/04/2015.
*/
public class Clouds {
private int all;

public int getAll() {
return all;
}

public void setAll(int all) {
this.all = all;
}
}

[/code]

Lớp Coord:

[code language=”java”]

package com.tranduythanh.model;

/**
* Created by drthanh on 04/04/2015.
*/
public class Coord {
private  double lon;
private double lat;

public double getLon() {
return lon;
}

public void setLon(double lon) {
this.lon = lon;
}

public double getLat() {
return lat;
}

public void setLat(double lat) {
this.lat = lat;
}
}

[/code]

Lớp Main:

[code language=”java”]

package com.tranduythanh.model;

public class Main {
private double temp;
private double temp_min;
private double temp_max;
private double pressure;
private double sea_level;
private double grnd_level;
private double humidity;
public double getTemp() {
return temp;
}
public void setTemp(double temp) {
this.temp = temp;
}
public double getTemp_min() {
return temp_min;
}
public void setTemp_min(double temp_min) {
this.temp_min = temp_min;
}
public double getTemp_max() {
return temp_max;
}
public void setTemp_max(double temp_max) {
this.temp_max = temp_max;
}
public double getPressure() {
return pressure;
}
public void setPressure(double pressure) {
this.pressure = pressure;
}
public double getHumidity() {
return humidity;
}
public void setHumidity(double humidity) {
this.humidity = humidity;
}

public double getSea_level() {
return sea_level;
}

public void setSea_level(double sea_level) {
this.sea_level = sea_level;
}

public double getGrnd_level() {
return grnd_level;
}

public void setGrnd_level(double grnd_level) {
this.grnd_level = grnd_level;
}
}

[/code]

Lớp Sys:

[code language=”java”]

package com.tranduythanh.model;

public class Sys {
private double message;
private String country;
private long sunrise;
private long sunset;
public String getCountry() {
return country;
}
public void setCountry(String country) {
this.country = country;
}
public long getSunrise() {
return sunrise;
}
public void setSunrise(long sunrise) {
this.sunrise = sunrise;
}
public long getSunset() {
return sunset;
}
public void setSunset(long sunset) {
this.sunset = sunset;
}

public double getMessage() {
return message;
}

public void setMessage(double message) {
this.message = message;
}
}

[/code]

Lớp WeatherItem:

[code language=”java”]

package com.tranduythanh.model;

public class WeatherItem {
private long id;
private String main;
private String description;
private String icon;
public long getId() {
return id;
}
public void setId(long id) {
this.id = id;
}
public String getMain() {
return main;
}
public void setMain(String main) {
this.main = main;
}
public String getDescription() {
return description;
}
public void setDescription(String description) {
this.description = description;
}
public String getIcon() {
return icon;
}
public void setIcon(String icon) {
this.icon = icon;
}

}

[/code]

Lớp Wind:

[code language=”java”]

package com.tranduythanh.model;

public class Wind {
private double speed;
private double deg;

public double getSpeed() {
return speed;
}

public void setSpeed(double speed) {
this.speed = speed;
}

public double getDeg() {
return deg;
}

public void setDeg(double deg) {
this.deg = deg;
}
}

[/code]

Và cuối cùng là lớp tổng hợp JSON:

Lớp OpenWeatherJSon:

[code language=”java”]

package com.tranduythanh.model;

import java.util.List;

public class OpenWeatherJSon {
private Coord coord;
private Sys sys;
private List&lt;WeatherItem&gt; weather;
private String base;
private Main main;
private Wind wind;
private Clouds clouds;
private long dt;
private long id;
private String name;
private int cod;

public Coord getCoord() {
return coord;
}

public void setCoord(Coord coord) {
this.coord = coord;
}

public Sys getSys() {
return sys;
}

public void setSys(Sys sys) {
this.sys = sys;
}

public List&lt;WeatherItem&gt; getWeather() {
return weather;
}

public void setWeather(List&lt;WeatherItem&gt; weather) {
this.weather = weather;
}

public String getBase() {
return base;
}

public void setBase(String base) {
this.base = base;
}

public Main getMain() {
return main;
}

public void setMain(Main main) {
this.main = main;
}

public Wind getWind() {
return wind;
}

public void setWind(Wind wind) {
this.wind = wind;
}

public Clouds getClouds() {
return clouds;
}

public void setClouds(Clouds clouds) {
this.clouds = clouds;
}

public long getDt() {
return dt;
}

public void setDt(long dt) {
this.dt = dt;
}

public long getId() {
return id;
}

public void setId(long id) {
this.id = id;
}

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}

public int getCod() {
return cod;
}

public void setCod(int cod) {
this.cod = cod;
}
}

[/code]

– Như vậy ta đã có đủ mô hình lớp về kết quả dự báo thời tiết theo định dạng JSON.

– Bạn cần chú ý phải thêm thư viện cho dự án để đưa về Json thông qua GSon (Bạn xem lại thư viện ở các bài trước, ở bài này Tui không hướng dẫn nữa).

– Tiến hành viết thư viện đọc thời tiết bằng đa tiến trình, thư viên này được sử dụng và tái sử dụng cho các chức năng kiểm tra thời tiết theo tọa độ hay địa chỉ.

Chi tiết từng lớp như sau:

Enum TypePrediction:

[code language=”java”]

package com.tranduythanh.utils;

/**
* Created by drthanh on 11/05/2015.
*/
public enum TypePrediction {
ADDRESS_NAME,//nhập theo địa chỉ cụ thể
LATITUDE_LONGITUDE//nhập theo vĩ độ kinh độ
}

[/code]

enum này để chia ra 2 loại là xem thời tiết theo địa chỉ và theo tọa độ.

Lớp OpenWeatherMapAPI, lớp này dùng để đọc thông tin thời tiết (đưa Json về model java class thông qua GSon):

[code language=”java”]

package com.tranduythanh.utils;

import com.google.gson.Gson;
import com.tranduythanh.model.OpenWeatherJSon;

import java.io.IOException;
import java.io.InputStreamReader;
import java.net.MalformedURLException;
import java.net.URL;
import java.net.URLEncoder;

/**
* Created by drthanh on 03/04/2015.
*/
public class OpenWeatherMapAPI {
public static OpenWeatherJSon prediction(String q)
{
try {
String location= URLEncoder.encode(q, "UTF-8");

URL url = new URL("http://api.openweathermap.org/data/2.5/weather?q="+location);
InputStreamReader reader = new InputStreamReader(url.openStream(),"UTF-8");
OpenWeatherJSon results = new Gson().fromJson(reader, OpenWeatherJSon.class);

String idIcon = results.getWeather().get(0).getIcon().toString();
String urlIcon = "http://openweathermap.org/img/w/"+idIcon+".png";
URL urlImage = new URL(urlIcon);

return results;

} catch (MalformedURLException e) {
// TODO Auto-generated catch block
//e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
//e.printStackTrace();
}
return null;
}

/**
*
* http://api.openweathermap.org/data/2.5/weather?lat=10.778182&amp;lon=106.665504
* @param lat
* @param lon
* @return
*/
public static OpenWeatherJSon prediction(double lat,double lon)
{
try {

URL url = new URL("http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&amp;lon="+lon);
InputStreamReader reader = new InputStreamReader(url.openStream(),"UTF-8");
OpenWeatherJSon results = new Gson().fromJson(reader, OpenWeatherJSon.class);

String idIcon = results.getWeather().get(0).getIcon().toString();
String urlIcon = "http://openweathermap.org/img/w/"+idIcon+".png";
URL urlImage = new URL(urlIcon);

return results;

} catch (MalformedURLException e) {
// TODO Auto-generated catch block
//e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
//e.printStackTrace();
}
return null;
}

/**
* Sửa lại WeatherJSON vì chưa phù hợp trong trường hợp Daily
* http://api.openweathermap.org/data/2.5/forecast/daily?lat=10.778182&amp;lon=106.66550&amp;cnt=10
* @param lat
* @param lon
* @param cnt
* @return
*/
public static OpenWeatherJSon predictionDaily(double lat,double lon,int cnt)
{
try {

URL url = new URL("http://api.openweathermap.org/data/2.5/forecast/daily?lat="+lat+"&amp;lon="+lon+"&amp;cnt="+cnt);
InputStreamReader reader = new InputStreamReader(url.openStream(),"UTF-8");
OpenWeatherJSon results = new Gson().fromJson(reader, OpenWeatherJSon.class);

String idIcon = results.getWeather().get(0).getIcon().toString();
String urlIcon = "http://openweathermap.org/img/w/"+idIcon+".png";
URL urlImage = new URL(urlIcon);

return results;

} catch (MalformedURLException e) {
// TODO Auto-generated catch block
//e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
//e.printStackTrace();
}
return null;
}

/**
* Sửa lại WeatherJSON vì chưa phù hợp trong trường hợp Daily
* http://api.openweathermap.org/data/2.5/forecast/daily?q=Đà lạt&amp;cnt=10
* @param q
* @param cnt
* @return
*/
public static OpenWeatherJSon predictionDaily(String q,int cnt)
{
try {
String location= URLEncoder.encode(q, "UTF-8");
URL url = new URL("http://api.openweathermap.org/data/2.5/forecast/daily?q="+location+"&amp;cnt="+cnt);
InputStreamReader reader = new InputStreamReader(url.openStream(),"UTF-8");
OpenWeatherJSon results = new Gson().fromJson(reader, OpenWeatherJSon.class);

String idIcon = results.getWeather().get(0).getIcon().toString();
String urlIcon = "http://openweathermap.org/img/w/"+idIcon+".png";
URL urlImage = new URL(urlIcon);

return results;

} catch (MalformedURLException e) {
// TODO Auto-generated catch block
//e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
//e.printStackTrace();
}
return null;
}
}

[/code]

– Lớp WeatherAsyncTask, để thực hiện đa tiến trình truy vấn thời tiết, hiển thị lên giao diện. Lớp này được sử dụng chung cho cả theo Địa chỉ hay theo tọa độ.

[code language=”java”]

package com.tranduythanh.utils;

import android.app.Activity;
import android.app.ProgressDialog;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.location.Address;
import android.location.Geocoder;
import android.os.AsyncTask;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.model.Marker;
import com.gtranslate.Language;
import com.gtranslate.Translator;
import com.tranduythanh.model.OpenWeatherJSon;
import com.tranduythanh.weatherprediction.MyInfoWindowAdapter;
import com.tranduythanh.weatherprediction.R;

import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.text.DecimalFormat;
import java.text.NumberFormat;
import java.util.Date;
import java.util.List;
import java.util.Locale;

/**
* Created by drthanh on 11/05/2015.
*/
public class WeatherAsyncTask extends AsyncTask&lt;Void,Void,OpenWeatherJSon&gt;{
ProgressDialog dialog;
Activity activity;
TypePrediction typePrediction;
String q;
double latitude;
double longitude;
NumberFormat format = new DecimalFormat("#0.0");
Bitmap myBitmap=null;

Marker marker=null;
GoogleMap map=null;

/**
* Constructor dùng để lấy thời tiết theo địa chỉ bất kỳ
* @param activity
* @param q
*/
public WeatherAsyncTask(Activity activity,String q)
{
this.activity=activity;
this.typePrediction=TypePrediction.ADDRESS_NAME;
this.q=q;
this.dialog=new ProgressDialog(activity);
this.dialog.setTitle("Đang tải thông tin …");
this.dialog.setMessage("Vui lòng chờ…");
this.dialog.setCancelable(true);
}

/**
* constructor cho phép lấy thông tin thời tiết theo tọa độ bất kỳ
* @param activity
* @param latitude
* @param longitude
*/
public WeatherAsyncTask(Activity activity,double latitude,double longitude)
{
this.activity=activity;
this.typePrediction=TypePrediction.LATITUDE_LONGITUDE;
this.latitude=latitude;
this.longitude=longitude;
this.dialog=new ProgressDialog(activity);
this.dialog.setTitle("Đang tải thông tin …");
this.dialog.setMessage("Vui lòng chờ…");
this.dialog.setCancelable(true);
}

/**
* constructor cho lấy thông tin thời tiết theo tọa độ bất kỳ trên bản đồ
* @param marker
* @param map
* @param activity
* @param latitude
* @param longitude
*/
public WeatherAsyncTask(Marker marker,GoogleMap map,Activity activity,double latitude,double longitude)
{
this(activity,latitude,longitude);
this.marker=marker;
this.map=map;
}
@Override
protected void onPreExecute() {
super.onPreExecute();
this.dialog.show();
}

@Override
protected OpenWeatherJSon doInBackground(Void… params) {
OpenWeatherJSon openWeatherJSon=null;
if(typePrediction== TypePrediction.LATITUDE_LONGITUDE)
openWeatherJSon= OpenWeatherMapAPI.prediction(latitude,longitude);
else
openWeatherJSon= OpenWeatherMapAPI.prediction(q);
try {
String idIcon = openWeatherJSon.getWeather().get(0).getIcon().toString();
String urlIcon = "http://openweathermap.org/img/w/"+idIcon+".png";
//Tiến hành tạo đối tượng URL
URL urlConnection = new URL(urlIcon);
//Mở kết nối
HttpURLConnection connection = (HttpURLConnection) urlConnection
.openConnection();
connection.setDoInput(true);
connection.connect();
//Đọc dữ liệu
InputStream input = connection.getInputStream();
//Tiến hành convert qua hình ảnh
myBitmap = BitmapFactory.decodeStream(input);
} catch (Exception e) {
e.printStackTrace();
}
return openWeatherJSon;
}

@Override
protected void onProgressUpdate(Void… values) {
super.onProgressUpdate(values);
}

@Override
protected void onPostExecute(OpenWeatherJSon openWeatherJSon) {
super.onPostExecute(openWeatherJSon);
if(map!=null) {
map.setInfoWindowAdapter(new MyInfoWindowAdapter(openWeatherJSon,myBitmap,marker, this.activity,latitude,longitude));
marker.showInfoWindow();
this.dialog.dismiss();
return;
}
TextView txtTemperature=(TextView) activity.findViewById(R.id.txtTemperature);
TextView txtCurrentAddressName=(TextView) activity.findViewById(R.id.txtCurrentAddressName);
ImageView imageView=(ImageView) activity.findViewById(R.id.imgBauTroi);
TextView txtMaxtemp=(TextView) activity.findViewById(R.id.txtMaxTemp);
TextView txtMinTemp=(TextView) activity.findViewById(R.id.txtMinTemp);
TextView txtWind=(TextView) activity.findViewById(R.id.txtWind);
TextView txtCloudliness= (TextView) activity.findViewById(R.id.txtCloudliness);
TextView txtPressure= (TextView) activity.findViewById(R.id.txtPressure);
TextView txtHumidty= (TextView) activity.findViewById(R.id.txtHumidty);
TextView txtSunrise= (TextView) activity.findViewById(R.id.txtSunrise);
TextView txtSunset= (TextView) activity.findViewById(R.id.txtSunset);
double temperature=openWeatherJSon.getMain().getTemp()-273.15;
String maxtemp= format.format(openWeatherJSon.getMain().getTemp_max()-273.15)+"°C";
String mintemp= format.format(openWeatherJSon.getMain().getTemp_min()-273.15)+"°C";
String wind= openWeatherJSon.getWind().getSpeed()+" m/s";
String mesg = openWeatherJSon.getWeather().get(0).getMain();
//  Translator translate = Translator.getInstance();
// String cloudiness=mesg+" ("+translate.translate(mesg, Language.ENGLISH, Language.VIETNAMESE)+")";
String cloudiness=mesg;
String pressure= openWeatherJSon.getMain().getPressure()+" hpa";
String humidity=openWeatherJSon.getMain().getHumidity()+" %";

Date timeSunrise = new Date(openWeatherJSon.getSys().getSunrise()*1000);
String Sunrise= timeSunrise.getHours()+":"+timeSunrise.getMinutes()+" AM";
Date timeSunSet = new Date(openWeatherJSon.getSys().getSunset()*1000);
String sunset= timeSunSet.getHours()+":"+timeSunSet.getMinutes();
txtTemperature.setText(format.format(temperature)+"°C");
imageView.setImageBitmap(myBitmap);
txtMaxtemp.setText(maxtemp);
txtMinTemp.setText(mintemp);
txtWind.setText(wind);
txtCloudliness.setText(cloudiness);
txtPressure.setText(pressure);
txtHumidty.setText(humidity);
txtSunrise.setText(Sunrise);
txtSunset.setText(sunset);

try {
Geocoder geocoder;
List&lt;Address&gt; addresses;
geocoder = new Geocoder(this.activity, Locale.getDefault());
if(typePrediction==TypePrediction.LATITUDE_LONGITUDE)
addresses = geocoder.getFromLocation(latitude, longitude, 1); // Here 1 represent max location result to returned, by documents it recommended 1 to 5
else
{
addresses = geocoder.getFromLocationName(q, 1);
}
Address address=null;
if(addresses.size()&gt;0)
address=addresses.get(0);
if(address!=null)
{
if(typePrediction==TypePrediction.LATITUDE_LONGITUDE)
txtCurrentAddressName.setText(address.getAddressLine(0));
else
txtCurrentAddressName.setText(q);
/*String city = address.getLocality();
String state = address.getAdminArea();
String country = address.getCountryName();
String postalCode = address.getPostalCode();
String knownName = address.getFeatureName();*/
}

} catch (IOException e) {
e.printStackTrace();
}
this.dialog.dismiss();
}
}

[/code]

–  Sau đó ta tiến hành thiết kế các màn hình về viết code cho từng màn hình.

-Ở trên 3 Activity đều sử dụng 1 màn hình (vì cho dù tìm theo kiểu nào đi nữa thì thông tin thời tiết cũng đầy đủ thông số giống nhau).

– Ta đi vào từng màn hình, trước tiên là màn hình MainActivity:

Activity_main.xml:

[code language=”xml”]

&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity"&gt;

&lt;ImageView
android:layout_width="wrap_content"
android:layout_height="100dp"
android:id="@+id/imageView"
android:src="@drawable/weatherforecast"
android:layout_gravity="center_horizontal" /&gt;

&lt;TableLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:stretchColumns="1"
&gt;
&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent"&gt;

&lt;TextView
android:layout_span="2"
android:layout_width="wrap_content"
android:layout_height="2dp"
android:text=""
android:id="@+id/textView10"
android:background="#004040" /&gt;
&lt;/TableRow&gt;
&lt;TableRow
android:onClick="showCurrentWeatherClick"
android:layout_width="fill_parent"
android:layout_height="fill_parent"&gt;

&lt;ImageButton
android:onClick="showCurrentWeatherClick"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageButton"
android:src="@drawable/weathercurrent" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textView"
android:text="Thời tiết địa điểm hiện tại của \nthiết bị "
android:textAlignment="center"
android:layout_gravity="center_vertical" /&gt;
&lt;/TableRow&gt;
&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent"&gt;

&lt;TextView
android:layout_span="2"
android:layout_width="match_parent"
android:layout_height="2dp"
android:text=""
android:id="@+id/textView5"
android:background="#004040" /&gt;
&lt;/TableRow&gt;
&lt;TableRow
android:onClick="showWeatherByAddressClick"
android:layout_width="fill_parent"
android:layout_height="fill_parent"&gt;

&lt;ImageButton
android:onClick="showWeatherByAddressClick"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageButton2"
android:src="@drawable/weatheranywhere" /&gt;

&lt;TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/textView2"
android:layout_gravity="center_vertical"
android:gravity="fill_vertical"
android:text="Xem thời tiết theo \nđịa điểm nhập bất kỳ " /&gt;

&lt;/TableRow&gt;
&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent"&gt;

&lt;TextView
android:layout_span="2"
android:layout_width="match_parent"
android:layout_height="2dp"
android:text=""
android:id="@+id/textView6"
android:background="#004040" /&gt;
&lt;/TableRow&gt;
&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent"&gt;

&lt;ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageButton3"
android:src="@drawable/weatherpredict" /&gt;

&lt;TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/textView3"
android:layout_gravity="center_vertical"
android:gravity="fill_vertical"
android:text="Xem thời tiết theo địa điểm \nnhập bất kỳ và dự báo các \nngày kế tiếp " /&gt;
&lt;/TableRow&gt;
&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent"&gt;

&lt;TextView
android:layout_span="2"
android:layout_width="match_parent"
android:layout_height="2dp"
android:text=""
android:id="@+id/textView7"
android:background="#004040" /&gt;
&lt;/TableRow&gt;
&lt;TableRow
android:layout_width="fill_parent"
android:onClick="showMapClick"
android:layout_height="fill_parent"&gt;

&lt;ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="showMapClick"
android:id="@+id/imageButton4"
android:src="@drawable/weathermap" /&gt;

&lt;TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/textView4"
android:ellipsize="middle"
android:layout_gravity="center_vertical"
android:text="Xem thời tiết trên Google Map " /&gt;
&lt;/TableRow&gt;
&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent"&gt;

&lt;TextView
android:layout_span="2"
android:layout_width="match_parent"
android:layout_height="2dp"
android:text=""
android:id="@+id/textView8"
android:background="#004040" /&gt;
&lt;/TableRow&gt;

&lt;/TableLayout&gt;

&lt;/LinearLayout&gt;

[/code]

– Source code MainActivity:

[code language=”java”]

package com.tranduythanh.weatherprediction;

import android.content.Context;
import android.content.Intent;
import android.net.ConnectivityManager;
import android.net.NetworkInfo;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}

/**
* sự kiện mở màn hình xem thời tiết trên bản đồ
* @param v
*/
public void showMapClick(View v)
{
if(!isNetworkConnected())
{
Toast.makeText(MainActivity.this,"Bạn cần mở kết nối internet",Toast.LENGTH_LONG).show();
return;
}
Intent iMap=new Intent(MainActivity.this,WeatherMapsActivity.class) ;
startActivity(iMap);
}

/**
* sự kiện xem thời tiết tại vị trí hiện tại
* @param v
*/
public void showCurrentWeatherClick(View v)
{
if(!isNetworkConnected())
{
Toast.makeText(MainActivity.this,"Bạn cần mở kết nối internet",Toast.LENGTH_LONG).show();
return;
}
Intent iCurrent=new Intent(MainActivity.this,WeatherCurrentLocationActivity.class) ;
startActivity(iCurrent);
}

/**
* sự kiện dùng để xem thời tiết theo địa chỉ nhập bất kỳ
* @param v
*/
public void showWeatherByAddressClick(View v)
{
if(!isNetworkConnected())
{
Toast.makeText(MainActivity.this,"Bạn cần mở kết nối internet",Toast.LENGTH_LONG).show();
return;
}
Intent iaddress=new Intent(MainActivity.this,ChooseAddressActivity.class) ;
startActivity(iaddress);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}

return super.onOptionsItemSelected(item);
}

/**
* hàm dùng để kiểm tra xem điện thoại đang kết nối internet hay không
* @return
*/
private boolean isNetworkConnected() {
ConnectivityManager cm = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);
NetworkInfo ni = cm.getActiveNetworkInfo();
if (ni == null) {
// There are no active networks.
return false;
} else
return true;
}
}

[/code]

– Tiếp tục xử lý cho màn hình xem thời tiết tại địa điểm hiện tại của thiết bị, đó là

WeatherCurrentLocationActivity, chú ý là cả 3 trường hợp hiển thị chi tiết thời tiết đều sử dụng chung layout “activity_weather_current_location.xml“:

nội dung XML của màn hình hiển thị chi tiết :

[code language=”xml”]

&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:orientation="vertical"
tools:context="com.tranduythanh.weatherprediction.WeatherCurrentLocationActivity"&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Địa chỉ:"
android:id="@+id/textView11" /&gt;

&lt;TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtCurrentAddressName"
android:hint="Địa chỉ hiện tại"
android:gravity="center"
android:textColor="#ff1919ff" /&gt;

&lt;TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/textView12"
android:background="#ff06ff22"
android:height="1dp" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Nhiệt độ:"
android:id="@+id/textView9" /&gt;

&lt;TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtTemperature"
android:hint="nhiệt độ ở đây"
android:gravity="center"
android:textColor="#ffff2d34" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Bầu trời:"
android:id="@+id/textView15" /&gt;

&lt;ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:id="@+id/imgBauTroi"
android:layout_gravity="center" /&gt;

&lt;TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/textView16"
android:background="#ff06ff22"
android:height="1dp" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Chi tiết"
android:id="@+id/textView17"
android:layout_gravity="center" /&gt;

&lt;ScrollView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/scrollView" &gt;

&lt;TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal" &gt;

&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent" &gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Max Temp:"
android:id="@+id/textView18" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtMaxTemp"
android:hint="Nhiệt độ lớn nhất ở đây" /&gt;
&lt;/TableRow&gt;

&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent" &gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Min Temp:"
android:id="@+id/textView20" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtMinTemp"
android:hint="Nhiệt độ nhỏ nhất ở đây" /&gt;
&lt;/TableRow&gt;

&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent" &gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Wind:"
android:id="@+id/textView21" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtWind"
android:hint="Tố độ gió ở đây" /&gt;
&lt;/TableRow&gt;

&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent" &gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Cloudiness:"
android:id="@+id/textView22" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtCloudliness"
android:hint="Hướng mây" /&gt;
&lt;/TableRow&gt;

&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent" &gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Pressure:"
android:id="@+id/textView23" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtPressure"
android:hint="Áp suất ở đây" /&gt;
&lt;/TableRow&gt;

&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent" &gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Humidity:"
android:id="@+id/textView24" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtHumidty"
android:hint="độ ẩm ở đây" /&gt;
&lt;/TableRow&gt;

&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent" &gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Sunrise:"
android:id="@+id/textView25" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtSunrise"
android:hint="Mặt trời mọc" /&gt;
&lt;/TableRow&gt;

&lt;TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent" &gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Sunset:"
android:id="@+id/textView26" /&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="@+id/txtSunset"
android:hint="Mặt trời mọc" /&gt;
&lt;/TableRow&gt;
&lt;/TableLayout&gt;
&lt;/ScrollView&gt;

&lt;/LinearLayout&gt;

[/code]

– source code WeatherCurrentLocationActivity(xử lý xem chi tiết thời tiết tại vị trí hiện tại của thiết bị):

[code language=”java”]

package com.tranduythanh.weatherprediction;

import android.location.Criteria;
import android.location.Location;
import android.location.LocationManager;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.model.BitmapDescriptorFactory;
import com.google.android.gms.maps.model.CameraPosition;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.Marker;
import com.google.android.gms.maps.model.MarkerOptions;
import com.tranduythanh.utils.WeatherAsyncTask;

import java.text.DecimalFormat;
import java.text.NumberFormat;

public class WeatherCurrentLocationActivity extends ActionBarActivity {
NumberFormat format = new DecimalFormat("#0.0");
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_weather_current_location);

}

@Override
protected void onResume() {
super.onResume();
getCurrentLocation();
}

/**
* source code lấy địa điểm hiện tại của thiết bị
* chú ý nhớ cấp quyền trong Manifest để cho phép truy suất
*/
private void getCurrentLocation() {

LocationManager locationManager = (LocationManager) getSystemService(LOCATION_SERVICE);
Criteria criteria = new Criteria();

Location lastLocation = locationManager.getLastKnownLocation(locationManager.getBestProvider(criteria, false));
if (lastLocation != null)
{
//ta lấy được thì truyền vĩ độ, kinh độ để xem thời tiết
WeatherAsyncTask task=new WeatherAsyncTask(this,lastLocation.getLatitude(),lastLocation.getLongitude());
task.execute();
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_weather_current_location, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}

return super.onOptionsItemSelected(item);
}
}

[/code]

-Ta qua màn hình xem thời tiết tại một địa chỉ bất kỳ:

Như vậy chức năng này cũng sử dụng chung màn hình hiển thị chi tiết thời tiết, và ta cần cung cấp màn hình chọn tỉnh thành Việt Nam có sẵn hoặc trong ô nhập địa chỉ cho phép người sử dụng nhập bất kỳ địa điểm nào đó trên thế giới. Bấm nút Xem thời tiết hệ thống sẽ xuất hiện kết quả như hình số 3 ở trên (bạn thấy đó ở sài gòn bây giờ là 27.9 độ C quá là mát mẻ… vì Tui chụp hình này lúc 10h đêm, chứng tỏ phần mềm này nó thông minh, nó biết ban đêm thường là mát hơn ban ngày ).

– Ta xem layout của màn hình chọn địa chỉ (activity_choose_address.xml):

[code language=”xml”]

&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:orientation="vertical"
tools:context="com.tranduythanh.weatherprediction.ChooseAddressActivity"&gt;

&lt;TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nhập địa chỉ:"
android:id="@+id/textView13" /&gt;

&lt;AutoCompleteTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/txtAddressCheck"
android:completionThreshold="1"
android:hint="Địa chỉ kiểm tra ở đây" /&gt;

&lt;Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Xem thời tiết"
android:id="@+id/btnCheckWeather"
android:layout_gravity="center_horizontal" /&gt;

&lt;TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Chọn theo tỉnh thành có sẵn"
android:id="@+id/textView14"
android:layout_gravity="center_horizontal" /&gt;

&lt;ListView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/lvTinhThanh"
android:layout_gravity="center_horizontal" /&gt;
&lt;/LinearLayout&gt;

[/code]

Source xử lý cho màn hình này như sau (ChooseAddressActivity):

[code language=”java”]

package com.tranduythanh.weatherprediction;

import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.Button;
import android.widget.ListView;

public class ChooseAddressActivity extends ActionBarActivity {

AutoCompleteTextView txtAddress;
ListView lvTinhThanh;
String []arrTinhThanh;
ArrayAdapter&lt;String&gt;adapterTinhThanh;

Button  btnCheckWeather;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_choose_address);
addControls();
addEvents();
}
public void  addControls()
{
txtAddress=(AutoCompleteTextView)findViewById(R.id.txtAddressCheck);
lvTinhThanh= (ListView) findViewById(R.id.lvTinhThanh);
arrTinhThanh=getResources().getStringArray(R.array.arrTinhThanh);
adapterTinhThanh=new ArrayAdapter&lt;String&gt;(this,android.R.layout.simple_list_item_1,arrTinhThanh);
lvTinhThanh.setAdapter(adapterTinhThanh);
btnCheckWeather= (Button) findViewById(R.id.btnCheckWeather);
txtAddress.setAdapter(adapterTinhThanh);
}
public  void addEvents()
{
txtAddress.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
adapterTinhThanh.getFilter().filter(s);
}

@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {

}

@Override
public void afterTextChanged(Editable s) {

}
});
btnCheckWeather.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//mở màn hình xem thời tiết theo địa chỉ nhập bất kỳ
Intent intent=new Intent(ChooseAddressActivity.this,WeatherByAddressActivity.class);
//truyền địa chỉ qua bên kia để xử lý
intent.putExtra("ADDRESS",txtAddress.getText()+"");
startActivity(intent);
}
});
lvTinhThanh.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView&lt;?&gt; parent, View view, int position, long id) {
txtAddress.setText(arrTinhThanh[position]);
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_weather_by_address, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}

return super.onOptionsItemSelected(item);
}
}

[/code]

– sau khi bấm vào nút xem thời tiết, hệ thống sẽ mở màn hình (WeatherByAddressActivity), chú ý màn hình này như đã nói ở trên là sử dụng chung layout với chức năng xem thời tiết tại vị trí hiện tại của máy.

source code của lớp WeatherByAddressActivity như sau:

[code language=”java”]

package com.tranduythanh.weatherprediction;

import android.content.Intent;
import android.location.Criteria;
import android.location.Location;
import android.location.LocationManager;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

import com.tranduythanh.utils.WeatherAsyncTask;

public class WeatherByAddressActivity extends ActionBarActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_weather_current_location);

}

@Override
protected void onResume() {
super.onResume();
getWeatherByAddress();
}

/**
* hàm gọi đa tiến trình truy suất thời tiết theo địa chỉ
*/
private void getWeatherByAddress() {
Intent i=getIntent();
//lấy địa chỉ từ bên ChooseAddressActivity gửi qua:
String q=i.getStringExtra("ADDRESS");
WeatherAsyncTask task=new WeatherAsyncTask(this,q);
task.execute();
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_weather_by_address, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}

return super.onOptionsItemSelected(item);
}
}

[/code]

-Chức năng cuối cùng Tui muốn hướng dẫn là xem thời tiết tại vị trí bất kỳ trên bản đồ (lần đầu tiên mở lên thì hệ thống sẽ hiển thị thời tiết tại vị trí hiện tại của thiết bị lên bản đồ, sau đó người sử dụng muốn xem nơi khác thì chỉ cần nhấn vào vị trí trên bản đồ, chức năng này rất tiện lợi):

– Chức năng này ta cần xử lý coding hơi phức tạp chút xíu, cần phải xử lý custom InfoWindowAdapter cho việc hiển thị giao diện khác nên bản đồ cũng như xác định vị trí mà người sử dụng chọn bất kỳ trên bản đồ rồi di chuyển và hiển thị chi tiết thời tiết tại địa chỉ mới này.

– Bạn chú ý để hiển thị Map trong Android Studio thì nó đơn giản hơn rất nhiều so với Eclipse vì Android Studio đã hỗ trợ rất tốt chức năng này.

– Ta cần tạo Google Map Activity tên là WeatherMapsActivity như sau:

– Bấm chuột phải vào Package/ chọn New/ chọn Google/ chọn Google Maps Activity:

– Sau đó màn hình tạo activity hiển thị lên, bạn đặt tên là WeatherMapsActivity hệ thống sẽ tạo ra layout tương thích để hiển thị Map (activity_weather_maps.xml):

[code language=”xml”]

&lt;fragment xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:id="@+id/map"
tools:context="com.tranduythanh.weatherprediction.WeatherMapsActivity"
android:name="com.google.android.gms.maps.SupportMapFragment" /&gt;

[/code]

Và lớp WeatherMapsActivity kế thừa từ FragmentActivity.

Đồng thời nó sẽ phát sinh ra thêm 1 file google_maps_api.xml để lưu trữ KEY sử dụng Map như đã hướng dẫn ở các bài trước (bạn cần tự tạo để lấy KEY dán vào đây):

Ở trên bạn cần làm theo bước: Copy toàn bộ dữ liệu trong dòng mà tui đánh dấu là số 1, đưa nó vào link trong vùng Tui đánh dấu là số 2 (cách tạo key trong này đã hướng dẫn từ các bài trước về Map, bạn tự coi lại), sau khi nó tạo ra Key truy suất MAP, bạn dán Key đó vào vùng số 3. Ở vùng Số  hệ thông có tự đặt tên là google_maps_key.

– Sau đó bạn mở AndroidManifest lên để quát sát nó có cái gì ở đây:

Bạn thấy đấy, nó đơn giản hơn rất là nhiều, nó tự làm giùm cho chúng ta.

– Tiếp theo ta tiến hành coding để xử lý cho cho thời tiết trên map:

– Tạo lớp MyInfoWindowAdapter (sử dụng chung Layout xem thời tiết như đã đề cập ở trên) để hiển thị lên Map:

[code language=”java”]

package com.tranduythanh.weatherprediction;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.location.Address;
import android.location.Geocoder;
import android.location.Location;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.model.Marker;
import com.tranduythanh.model.OpenWeatherJSon;
import com.tranduythanh.utils.TypePrediction;
import com.tranduythanh.utils.WeatherAsyncTask;

import java.io.IOException;
import java.text.DecimalFormat;
import java.text.NumberFormat;
import java.util.Date;
import java.util.List;
import java.util.Locale;

/**
* Created by drthanh on 12/05/2015.
*/
public class MyInfoWindowAdapter  implements GoogleMap.InfoWindowAdapter {
private Activity context;
Marker maker=null;
OpenWeatherJSon openWeatherJSon=null;
Bitmap myBitmap=null;
NumberFormat format = new DecimalFormat("#0.0");
double latitude;
double longitude;
public MyInfoWindowAdapter(Activity context)
{
this.context=context;
}
public MyInfoWindowAdapter(OpenWeatherJSon openWeatherJSon,Bitmap myBitmap,Marker maker,Activity context)
{
this(context);
this.maker=maker;
this.openWeatherJSon=openWeatherJSon;
this.myBitmap=myBitmap;
}
public MyInfoWindowAdapter(OpenWeatherJSon openWeatherJSon,Bitmap myBitmap,Marker maker,Activity context,double latitude,double longitude)
{
this(openWeatherJSon,myBitmap,maker,context);
this.latitude=latitude;
this.longitude=longitude;
}
@Override
public View getInfoWindow(Marker marker) {
View v = this.context.getLayoutInflater().inflate(R.layout.activity_weather_current_location, null);

TextView txtTemperature=(TextView) v.findViewById(R.id.txtTemperature);
TextView txtCurrentAddressName=(TextView) v.findViewById(R.id.txtCurrentAddressName);
ImageView imageView=(ImageView) v.findViewById(R.id.imgBauTroi);
TextView txtMaxtemp=(TextView) v.findViewById(R.id.txtMaxTemp);
TextView txtMinTemp=(TextView) v.findViewById(R.id.txtMinTemp);
TextView txtWind=(TextView) v.findViewById(R.id.txtWind);
TextView txtCloudliness= (TextView) v.findViewById(R.id.txtCloudliness);
TextView txtPressure= (TextView) v.findViewById(R.id.txtPressure);
TextView txtHumidty= (TextView) v.findViewById(R.id.txtHumidty);
TextView txtSunrise= (TextView) v.findViewById(R.id.txtSunrise);
TextView txtSunset= (TextView) v.findViewById(R.id.txtSunset);
double temperature=openWeatherJSon.getMain().getTemp()-273.15;
String maxtemp= format.format(openWeatherJSon.getMain().getTemp_max()-273.15)+"°C";
String mintemp= format.format(openWeatherJSon.getMain().getTemp_min()-273.15)+"°C";
String wind= openWeatherJSon.getWind().getSpeed()+" m/s";
String mesg = openWeatherJSon.getWeather().get(0).getMain();
//  Translator translate = Translator.getInstance();
// String cloudiness=mesg+" ("+translate.translate(mesg, Language.ENGLISH, Language.VIETNAMESE)+")";
String cloudiness=mesg;
String pressure= openWeatherJSon.getMain().getPressure()+" hpa";
String humidity=openWeatherJSon.getMain().getHumidity()+" %";

Date timeSunrise = new Date(openWeatherJSon.getSys().getSunrise()*1000);
String Sunrise= timeSunrise.getHours()+":"+timeSunrise.getMinutes()+" AM";
Date timeSunSet = new Date(openWeatherJSon.getSys().getSunset()*1000);
String sunset= timeSunSet.getHours()+":"+timeSunSet.getMinutes();
txtTemperature.setText(format.format(temperature)+"°C");
imageView.setImageBitmap(myBitmap);
txtMaxtemp.setText(maxtemp);
txtMinTemp.setText(mintemp);
txtWind.setText(wind);
txtCloudliness.setText(cloudiness);
txtPressure.setText(pressure);
txtHumidty.setText(humidity);
txtSunrise.setText(Sunrise);
txtSunset.setText(sunset);

try {
Geocoder geocoder;
List&lt;Address&gt; addresses;
geocoder = new Geocoder(this.context, Locale.getDefault());
addresses = geocoder.getFromLocation(latitude, longitude, 1); // Here 1 represent max location result to returned, by documents it recommended 1 to 5

Address address=null;
if(addresses.size()&gt;0)
address=addresses.get(0);
if(address!=null)
{
txtCurrentAddressName.setText(address.getAddressLine(0));
/*String city = address.getLocality();
String state = address.getAdminArea();
String country = address.getCountryName();
String postalCode = address.getPostalCode();
String knownName = address.getFeatureName();*/
}

} catch (IOException e) {
e.printStackTrace();
}
v.setBackgroundColor (Color.WHITE);
return v;
}

@Override
public View getInfoContents(Marker marker) {
return null;
}
}

[/code]

– Cuối cùng ta xử lý coding cho phép hiển thị thời tiết bất kỳ trên Bản đồ (WeatherMapsActivity):

[code language=”java”]

package com.tranduythanh.weatherprediction;

import android.app.ProgressDialog;
import android.location.Criteria;
import android.location.Location;
import android.location.LocationManager;
import android.support.v4.app.FragmentActivity;
import android.os.Bundle;

import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.BitmapDescriptorFactory;
import com.google.android.gms.maps.model.CameraPosition;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.Marker;
import com.google.android.gms.maps.model.MarkerOptions;
import com.tranduythanh.utils.WeatherAsyncTask;

public class WeatherMapsActivity extends FragmentActivity {

private GoogleMap mMap; // Might be null if Google Play services APK is not available.
ProgressDialog myProgress;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_weather_maps);
myProgress = new ProgressDialog(this);
myProgress.setTitle("Đang tải Map …");
myProgress.setMessage("Vui lòng chờ…");
myProgress.setCancelable(true);
//Hiển thị Progress Bar
myProgress.show();
setUpMapIfNeeded();
addEvents();
}

/**
* xử lý chọn địa điểm bất kỳ trên Map
* lấy ra được lớp LatLng để lấy kinh độ vĩ độ
* truyền cho hàm moveAndShowWeatherNewPlace để hiển thị thời tiết  tại địa điể mới
*/
public void addEvents()
{
if(mMap==null)return;
mMap.setOnMapClickListener(new GoogleMap.OnMapClickListener() {
@Override
public void onMapClick(LatLng latLng) {
moveAndShowWeatherNewPlace(latLng);
}
});
}

/**
* hiển thị lại thời tiết tại địa điểm mới chọn trên bản đồ
* @param latLng
*/
private void moveAndShowWeatherNewPlace(LatLng latLng) {
if (latLng != null)
{
mMap.animateCamera(CameraUpdateFactory.newLatLngZoom(
new LatLng(latLng.latitude, latLng.longitude), 13));

CameraPosition cameraPosition = new CameraPosition.Builder()
.target(new LatLng(latLng.latitude, latLng.longitude))      // Sets the center of the map to location user
.zoom(15)                   // Sets the zoom
.bearing(90)                // Sets the orientation of the camera to east
.tilt(40)                   // Sets the tilt of the camera to 30 degrees
.build();                   // Creates a CameraPosition from the builder
mMap.animateCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));

MarkerOptions option=new MarkerOptions();
option.position(new LatLng(latLng.latitude, latLng.longitude));
option.title("Cho o cua tui").snippet("Tran Duy Thanh");
option.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_AZURE));
//option.icon(BitmapDescriptorFactory.fromResource(R.drawable.icon_tiempo));
//option.alpha(0.8f);
//option.rotation(90);
Marker maker = mMap.addMarker(option);
//maker.showInfoWindow();
WeatherAsyncTask task=new WeatherAsyncTask(maker,mMap,WeatherMapsActivity.this,latLng.latitude,latLng.longitude);
task.execute();
//maker.showInfoWindow();
//mMap.setInfoWindowAdapter(new MyInfoWindowAdapter(maker,WeatherMapsActivity.this,lastLocation));
//tiến hành hiển thị lên Custom marker option lên Map:
//maker.showInfoWindow();
}
}

@Override
protected void onResume() {
super.onResume();
//setUpMapIfNeeded();
}

/**
* Sets up the map if it is possible to do so (i.e., the Google Play services APK is correctly
* installed) and the map has not already been instantiated.. This will ensure that we only ever
* call {@link #setUpMap()} once when {@link #mMap} is not null.
* &lt;p/&gt;
* If it isn’t installed {@link SupportMapFragment} (and
* {@link com.google.android.gms.maps.MapView MapView}) will show a prompt for the user to
* install/update the Google Play services APK on their device.
* &lt;p/&gt;
* A user can return to this FragmentActivity after following the prompt and correctly
* installing/updating/enabling the Google Play services. Since the FragmentActivity may not
* have been completely destroyed during this process (it is likely that it would only be
* stopped or paused), {@link #onCreate(Bundle)} may not be called again so we should call this
* method in {@link #onResume()} to guarantee that it will be called.
*/
private void setUpMapIfNeeded() {
// Do a null check to confirm that we have not already instantiated the map.
if (mMap == null) {
// Try to obtain the map from the SupportMapFragment.
mMap = ((SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map))
.getMap();
// Check if we were successful in obtaining the map.
if (mMap != null) {
mMap.setOnMapLoadedCallback(new GoogleMap.OnMapLoadedCallback() {

@Override
public void onMapLoaded() {
//Đã tải thành công thì tắt Dialog Progress đi
myProgress.dismiss();
}
});
mMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
mMap.getUiSettings().setZoomControlsEnabled(true);
mMap.setMyLocationEnabled(true);

//setUpMap();
TuiDangODau();
}
}
}

/**
* This is where we can add markers or lines, add listeners or move the camera. In this case, we
* just add a marker near Africa.
* &lt;p/&gt;
* This should only be called once and when we are sure that {@link #mMap} is not null.
*/
private void setUpMap() {
LatLng TTTH_KHTN = new LatLng(10.763181, 106.675664);
MarkerOptions option=new MarkerOptions();
option.position(TTTH_KHTN);
option.title("Trung tâm tin học ĐH KHTN").snippet("Tran Duy Thanh");
option.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_AZURE));
//option.alpha(0.8f);
//option.rotation(90);
Marker maker = mMap.addMarker(option);
maker.showInfoWindow();
mMap.moveCamera(CameraUpdateFactory.newLatLngZoom(TTTH_KHTN, 15));
//mMap.addMarker(new MarkerOptions().position(new LatLng(0, 0)).title("Marker"));
}

/**
* mặc định lần đầu mở Map lên sẽ hiển thị chi tiết thời tiết tại vị trí hiện tại
* lên trên bản đồ
*/
private void TuiDangODau() {

LocationManager locationManager = (LocationManager) getSystemService(LOCATION_SERVICE);
Criteria criteria = new Criteria();

Location lastLocation = locationManager.getLastKnownLocation(locationManager.getBestProvider(criteria, false));
if (lastLocation != null)
{
mMap.animateCamera(CameraUpdateFactory.newLatLngZoom(
new LatLng(lastLocation.getLatitude(), lastLocation.getLongitude()), 13));

CameraPosition cameraPosition = new CameraPosition.Builder()
.target(new LatLng(lastLocation.getLatitude(), lastLocation.getLongitude()))      // Sets the center of the map to location user
.zoom(15)                   // Sets the zoom
.bearing(90)                // Sets the orientation of the camera to east
.tilt(40)                   // Sets the tilt of the camera to 30 degrees
.build();                   // Creates a CameraPosition from the builder
mMap.animateCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));

MarkerOptions option=new MarkerOptions();
option.position(new LatLng(lastLocation.getLatitude(), lastLocation.getLongitude()));
option.title("Cho o cua tui").snippet("Tran Duy Thanh");
option.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_AZURE));
//option.icon(BitmapDescriptorFactory.fromResource(R.drawable.icon_tiempo));
//option.alpha(0.8f);
//option.rotation(90);
Marker maker = mMap.addMarker(option);
//maker.showInfoWindow();
WeatherAsyncTask task=new WeatherAsyncTask(maker,mMap,WeatherMapsActivity.this,lastLocation.getLatitude(),lastLocation.getLongitude());
task.execute();
//maker.showInfoWindow();
//mMap.setInfoWindowAdapter(new MyInfoWindowAdapter(maker,WeatherMapsActivity.this,lastLocation));
//tiến hành hiển thị lên Custom marker option lên Map:
//maker.showInfoWindow();
}
}
}

[/code]

– Sau cùng ta cần cấu hình AndroidManifest đầy đủ như sau:

[code language=”xml”]

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.tranduythanh.weatherprediction" &gt;

&lt;uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /&gt;
&lt;uses-permission android:name="android.permission.INTERNET" /&gt;
&lt;uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /&gt;
&lt;uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /&gt;
&lt;uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" /&gt;
&lt;!–
The ACCESS_COARSE/FINE_LOCATION permissions are not required to use
Google Maps Android API v2, but are recommended.
–&gt;
&lt;uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /&gt;
&lt;uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /&gt;

&lt;application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" &gt;
&lt;activity
android:name=".MainActivity"
android:label="@string/app_name" &gt;
&lt;intent-filter&gt;
&lt;action android:name="android.intent.action.MAIN" /&gt;

&lt;category android:name="android.intent.category.LAUNCHER" /&gt;
&lt;/intent-filter&gt;
&lt;/activity&gt;

&lt;meta-data
android:name="com.google.android.gms.version"
android:value="@integer/google_play_services_version" /&gt;
&lt;meta-data
android:name="com.google.android.maps.v2.API_KEY"
android:value="@string/google_maps_key" /&gt;

&lt;activity
android:name=".WeatherMapsActivity"
android:label="@string/title_activity_weather_maps" &gt;
&lt;/activity&gt;
&lt;activity
android:name=".WeatherCurrentLocationActivity"
android:label="@string/title_activity_weather_current_location" &gt;
&lt;/activity&gt;
&lt;activity
android:name=".WeatherByAddressActivity"
android:label="@string/title_activity_weather_by_address" &gt;
&lt;/activity&gt;
&lt;activity
android:name=".ChooseAddressActivity"
android:label="@string/title_activity_choose_address" &gt;
&lt;/activity&gt;
&lt;/application&gt;

&lt;/manifest&gt;

[/code]

– Như vậy Tui đã trình bày gần hoàn chỉnh phần mềm xem dự báo thời tiết (còn chức năng dự báo ngày kế tiếp bạn tự làm).

– Bạn cần đọc kỹ lại các bài về Map trước đó nếu như chưa rành, cố gắng đọc hiểu và làm lại bài này nhều lần.

– Các bạn có thể tải source code đầy đủ ở đây (nhớ phải đổi lại KEY mới hoạt động phần Map): http://www.mediafire.com/download/3fwxcr8ziudjt47/WeatherPrediction.rar

– Chúc các bạn thành công.