Nhập địa chỉ của trang rss cần đọc, chọn ok -> sẽ xuất hiện danh sách các tin tức trong tập tin rss cần đọc. Để xem chi tiết về mỗi tin tức chỉ cần touch vào mỗi mẫu tin.

Có thể touch vào History để xem các links đã được bạn viến thăm trước đó. Lưu trữ tối đa là 10 liên kết mới nhất mà bạn đã truy cập.

Chọn vào mỗi link sẽ tương đương với việc bạn nhập vào từ ô textbox.

Danh sách các items trong tập tin rss

Chi tiết cho từng mẫu tin

Screens flow

Classes

Chương trình này chúng tôi chỉ mới test trên Simulator thôi. Chúng tôi chưa có điều kiện để test trên thiết bị thực.

code demo.

Khi cài đặt Bada SDK thành công, bạn có thể tìm thấy các ứng dụng mẫu có đề cập đến vấn đề location được hỗ trợ trên bada.

Trong bài viết này, chúng tôi chỉ trích chọn một số điểm đặc trưng, làm thế nào để lấy giá trị hoành độ, tung độ và cao độ. Sau đó, đưa giá trị lấy được đó vào google map để xác định vị trí hiện tại trên bản đồ thế giới.

Ví dụ:

Cập nhật vị trí của mình trên bản đồ

Tìm kiếm đường đi và vị trí trên bản đồ

Để sử dụng được GPS, ứng dụng của bạn phải sử dụng lớp

public Osp::Locations::ILocationListener

để lắng nghe sự kiện cập nhật giá trị GPS.

Khai báo đối tượng localtion để lấy giá trị hoành độ, tung độ và cao độ.

// Get Location

Osp::Locations::LocationProvider* __pLocProvider;
__pLocProvider = new LocationProvider();
__pLocProvider->Construct(LOC_METHOD_GPS);
__pLocProvider->RequestLocationUpdates(*this, 5, false);

Phương thức RequestLocationUpdates() sẽ phát sinh sự kiện OnLocationUpdated sau thời gian timeout (ví dụ:  5 giây). Khi sự kiện được phát sinh thì kèm theo đó là object mô tả giá trị location (nếu có)

Tại đây, chúng ta xử lý để lấy giá trị hoành độ và tung độ như sau:

MyForm::OnLocationUpdated (Location &location)
{
	double latitude = 0;
	double longitude = 0;
	const QualifiedCoordinates* pQCoord = location.GetQualifiedCoordinates();
	if(pQCoord != null)
	{
		latitude = pQCoord->GetLatitude();
		longitude = pQCoord->GetLongitude();
		AppLog("Lat: %f, Long: %f", latitude, longitude);
	}
}

Sau khi có được giá trị hoành độ (latitude) và tung độ (longitude), bạn đưa nó vào google map để hiển thị là xong.

Google map cung cấp các API để chúng ta xác định vị trí, tìm đường, tìm địa chỉ và hiển thị vị trí trên bản đồ.

Bạn đọc phải có chút kiến thức cơ bản về cách sử dụng nó hoặc tìm hiểu các bài mẫu (tutorial) để đưa nó vào ứng dụng cho phù hợp.

Chúc bạn thành công!

Code demo

Nếu bạn đọc đã từng sử dụng SQLlite trước đó thì đến với cơ sở dữ liệu của bada thật dễ dàng bởi đó là nền tảng cơ sở dữ liệu mở phổ biến hiện nay. Bài viết này, chúng tôi muốn đề cập đến bạn đọc cách sử dụng cũng như các thao tác xử lý cơ bản trên cơ sở dữ liệu của bada.

Các lớp cần thiết để thao tác với cơ sở dữ liệu như:

1. Database:  Thực hiện các tính năng cơ sở dữ liệu cơ bản để tạo ra (create) và xóa (delete) các tập tin cơ sở dữ liệu, thực hiện các lệnh SQL, và thực hiện các nhiệm vụ khác trong việc quản lý cơ sở dữ liệu chung.

2. DbStatement:  Cung cấp một phương thức  để tạo và đánh giá các lệnh trước khi biên dịch.

3. DbEnumerator:  Cung cấp một phương thức để điều hướng kết quả của DbStatement.

Các thao tác cơ bản khi sử dụng cơ sở dữ liệu:

a.  Tạo database mới hoặc mở database đã tồn tại.

Trước khi bạn sử dụng một cơ sở dữ liệu (database) hoặc tạo các bảng (tables) cho cơ sở dữ liệu thì việc làm trước tiên nhất là phải mở một kết nối đến cơ sở  dữ liệu.

Khi bạn mở một cơ sở dữ liệu, thì một cơ sở dữ liệu rỗng (empty) sẽ tự động tạo ra nếu cơ sở dữ liệu đó chưa tồn tại. Và ngược lại.

Database database;

DbStatement* pStmt;
DbEnumerator* pEnum;
String dbName(L"/Home/sampleDb");
String sql, sql2, sql3;
String statement;
String stringItem;

result r = E_SUCCESS;

r = database.Construct(dbName, true);

Bạn cần chú ý đến quyền truy cập (permissions)  và chế độ đọc viết (read-write) của thư mục lưu trữ  cơ sở dữ liệu.  Với thưc mục “/Home” sẵn sàng chon ứng dụng của bạn có thể đọc và ghi tập tin.

b. Tạo bảng (table) cho cơ sở dữ liệu

Cú pháp quen thuộc của SQLlite sẽ được sự dụng tại đây. Nếu bạn chưa từng biết đến SQLlite thì có thể tìm hiểu thêm tài liệu tại đây!

sql.Append(L"CREATE TABLE IF NOT EXISTS myTable1 ( column0 INTEGER PRIMARY KEY, column1 DOUBLE, column2 TEXT )");

r = database.ExecuteSql(sql, true);

c. Thêm dữ liệu mới

Sử dụng “DbStatement” để đánh giá các câu lệnh truy vấn với dữ liệu thêm vào động. Và kết quả truy vấn được do “DbEnumerator” quản lý.

database.BeginTransaction();

statement.Append(L"INSERT INTO myTable1 (column0, column1, column2) VALUES (?, ?, ?)");

pStmt = database.CreateStatementN(statement);

stringItem.Append(L"Initial Data");

for (int i=0; i<10; i++) {    pStmt->BindInt(0, i);   // integer
   pStmt->BindDouble(1, i*0.1);   // double
   pStmt->BindString(2, stringItem);   // String

   pEnum = database.ExecuteStatementN(*pStmt);
}
database.CommitTransaction();

d. Cập nhật dữ liệu đã tồn tại

database.BeginTransaction();

sql3.Append(L"UPDATE myTable1 SET column2 = ‘Converted Data’ WHERE column2 = ‘Initial Data’");

r = database.ExecuteSql(sql3, true);
database.CommitTransaction();

e. Xóa dữ liệu đã tồn tại

database.BeginTransaction();

sql2.Append(L"DELETE FROM myTable1 WHERE column0 = 1&");

r = database.ExecuteSql(sql2, true);

database.CommitTransaction();

f. Đóng và xóa cơ sở dữ liệu

delete pEnum;
r = Database::Delete(dbName);

Với những thao tác cơ bản nêu trên, bạn đọc đã có thể sử dụng tốt cơ sở dữ liệu riêng cho từng ứng dụng của mình rôi.

Chúc bạn thành công!

Bằng việc sử dụng phương thức GET (request – response), ứng dụng của bạn có thể tải về nội dung của một tập tin sẵn có trên internet.

ví dụ:

Chúng tôi có một tập tin trên internet với đường dẫn là “base_url”. Bây giờ chúng tôi có nhu cầu tải tập tin đó về điện thoại di động và lưu nó vào nơi có đường dẫn là “downloadPath”.

Chúng tôi xây dựng hàm cơ bản như sau:

result
BaseContent::RequestDownload(String downloadPath, String base_url)
{
	RequestId requestId;
	Uri contentUri;
	contentUri.SetUri(base_url);

	result r = contentTransfer.Download(contentUri, 0, downloadPath, true, requestId);
}

Khi download đã hoàn tất thì sự kiện OnContentDownloadCompleted sẽ được phát sinh. Khi đó, ứng dụng của đã có đủ dữ liệu cần thiết và tiếp tục hoạt động.

void
BaseContent::OnContentDownloadCompleted(RequestId requestId, ContentId contentId, result transferResult, const String& errorCode, const String& errorMessage)
{
        // TODO: add your code here
	// ProcessingData();
}

Bạn phải chọn đường dẫn cụ thể để lưu trữ tập tin download chẳn hạn như:

/Media/Images/
/Media/Sounds/
/Media/Videos/
/Media/Themes/
/Media/Others/
/Storagecard/Media/Images/
/Storagecard/Media/Sounds/
/Storagecard/Media/Videos/
/Storagecard/Media/Themes/
/Storagecard/Media/Others/

Tùy thuộc vào thư mục mà sẽ có các permissions khác nhau. Có thư mục chỉ đọc (read-only) hay thư mục cho phép đọc – ghi (read – write).

Chú ý:

- Để sử dụng được lớp ContentTransfer thì bạn phải khai báo thư viện “FContent” với trình biên dịch.

- Khai báo Privilege trong tập tin manifest.xml

<Privilege>
      <Name>CONTENT_TRANSFER</Name>
</Privilege>

Chúc bạn thành công!

Ở các bài viết trước chúng tôi đã có dịp giới thiệu đến điều khiển DatePicker và TimePicker cũng như là cách sử dụng 2 điều khiển đó. Bài này chúng tôi không nhắc lại chúng mà chỉ giới thiệu đến bạn điều khiển kết hợp giữ 2 điều khiển trên.

Tại bài viết này, bạn đọc sẽ biết thêm thông tin về điều khiển DateTimePicker, cách gắn nó vào form, lấy ngày/tháng/năm và thời gian từ người sử dụng, hiển thị giá trị trên điều khiển DateTimePicker.

Bạn đọc phải tạo một ứng dụng mẫu, gắn vào đó một điều khiển DateTimePicker để lấy ngày/tháng/năm và thời gian từ người sử dụng. Thêm vào đó là một Label để hiển thị giá trị trên điều khiển DateTimePicker khi người sử dụng click vào nút “Save” trên điều khiển DateTimePicker.

Ví dụ:

Hiển thị kết quả khi click vào nút “Save”:

Để làm được như vậy, bạn tạo tập tin “DateTimePickerForm.h” với nội dung như sau:

/*
 * DateTimePickerForm.h
 *
 *  Created on: Jul 3, 2010
 *      Author: AWK
 */

#ifndef DATETIMEPICKERFORM_H_
#define DATETIMEPICKERFORM_H_

#include <FUi.h>
#include <FLocales.h>

class DateTimePickerForm :
    public Osp::Ui::Controls::Form,
    public Osp::Ui::IDateTimeChangeEventListener
{
public:
    DateTimePickerForm(void)
    :__pDateTimePicker(null),
     __pLabel(null){}
    ~DateTimePickerForm(void){}
    bool Initialize(void);

public:
    virtual result OnInitializing(void);
    virtual void OnDateTimeChanged(const Osp::Ui::Control& source, int year, int month, int day, int hour, int minute);
    virtual void OnDateTimeChangeCanceled(const Osp::Ui::Control& source);

private:
    Osp::Ui::Controls::DateTimePicker* __pDateTimePicker;
    Osp::Ui::Controls::Label* __pLabel;
};

#endif /* DATETIMEPICKERFORM_H_ */

Trong đó:

- Form của bạn phải được kế thừa từ giao diện “IDateTimeChangeEventListener” để có thể lắng nghe các sự kiện trả về từ điều khiển DateTimePicker

Tiếp đến, bạn tạo tập tin “DateTimePickerForm.cpp” với nội dung cài đặt như sau:

/*
 * DateTimePickerForm.cpp
 *
 *  Created on: Jul 3, 2010
 *      Author: AWK
 */

#include "DateTimePickerForm.h"

using namespace Osp::Base;
using namespace Osp::Ui;
using namespace Osp::Ui::Controls;
using namespace Osp::Graphics;
using namespace Osp::Locales;

bool
DateTimePickerForm::Initialize(void){
	Construct(FORM_STYLE_NORMAL | FORM_STYLE_TITLE );
	SetTitleText(L"DateTimePicker example");
	SetBackgroundColor(Color(85,104,114));
	return true;
}

result
DateTimePickerForm::OnInitializing(void)
{
    result r = E_SUCCESS;

    // Create a DateTimePicker.
    __pDateTimePicker = new DateTimePicker();
    __pDateTimePicker->Construct(L"DateTimePicker");
    // Add a DateTimeChangeEvent listener.
    __pDateTimePicker->AddDateTimeChangeEventListener(*this);
    // Show the DateTimePicker
    __pDateTimePicker->Show();

    // Create a Label
    __pLabel = new Label();
    __pLabel->Construct(Rectangle(50, 200, 380, 40), L"DateTimePicker");
    AddControl(*__pLabel);

    return r;
}

void
DateTimePickerForm::OnDateTimeChanged(const Osp::Ui::Control& source, int year, int month, int day, int hour, int monute)
{
	DateTime datetime;
	String formattedString;
	DateTimeFormatter* pDateTimeFormatter = null;
	Locale locale(LANGUAGE_ENG, COUNTRY_GB);

	pDateTimeFormatter = DateTimeFormatter::CreateDateTimeFormatterN(
						locale,
						DATE_TIME_STYLE_DEFAULT);
	datetime = __pDateTimePicker->GetDateTime();
	pDateTimeFormatter->Format(datetime, formattedString);
	__pLabel->SetText(formattedString);
	__pLabel->Draw();
}

void
DateTimePickerForm::OnDateTimeChangeCanceled(const Osp::Ui::Control& source)
{
	AppLog("Canceled.\n");
}

Trong đó:

- DateTimePicker(): để tạo một thể hiện của lớp DateTimePicker

- AddDateTimeChangeEventListener(): đăng ký nhận sự kiển trả về của điều khiển DateTimePicker cho form.

- Show(): để hiển thị điều khiển DateTimePicker

- GetDateTime(): để lấy giá trị ngày/tháng/năm, giờ/phút trên điều khiển DateTimePicker

- CreateDateTimeFormatterN(): để định dạng giá trị lấy được trên điều khiển.

Chú ý:

Bạn cần phải khai báo sử dung thư viện “FLocales” với trình biên dịch bằng cách: chọn vào Project > Properties > C/C++ Build > Setting > Tool Settings > bada C++ Linker > Libraries

Những thận trọng khi chọn ngày/tháng/năm chúng tôi đã có dịp trình bày trong bài “DatePicker Example”. Bạn đọc hãy đọc nó để biết thêm nhé!.

Giờ thì bạn có thể xem kết quả của mình rồi đó!.

Chúc bạn thành công!

Khi điều khiển DatePicker được chọn thì toàn bộ màn hình được lấp đầy bởi phần trên là phần hiển thị ngày/tháng/năm hiện tại đang được sử dụng. Phần còn lại bên dưới là phần hiển thị các chữ số hoặc tên các tháng để người sử dụng có thẻ touch chọn những thay đổi về ngày/tháng/năm.

Phần hiển thị ngày/tháng/năm được chia làm 3 phần: ngày (1 – 28 hoặc 29 hoặc 30 hoặc 31 tùy vào tháng lựa chọn), tháng (01 – 12) và năm (hiển thị theo định dạng YYYY)

Việc hiển thị ngày/tháng/năm của điều khiển  sẽ phụ thuộc vào cấu hình hệ thống của bạn. Chẳn hạn như, nếu hệ thống của bạn thiết lập định dạng ngày tháng: dd/mm/yyyy thì khi hiện thị lên màn hình, vị trí của 3 phần nói trên sẽ được sắp xếp theo dạng ngày/tháng/năm.

Ngược lại nếu thiết lập ngày tháng: mm/dd/yyy thì khi hiển thị lên màn hình, vị trí của 3 phần nói trên sẽ được sắp xếp theo dạng tháng/ngày/năm.

Để hiểu rõ hơn, bạn cùng chúng tôi thực hành ví dụ về DatePicker:

Dự án mẫu bao gồm:

- Một điều khiển DatePicker để lấy ngày tháng từ người sử dụng.

- Một nhãn (label) để hiển thị kết quả ngày tháng năm khi người sử dụng chọn xong ngày tháng và nhấn vào nút “Save”

Ví dụ:

Giao diện khi chọn thay đổi tháng:

Chọn xong, nếu nhấn vào nút “Save” sẽ hiển thị kết quả:

Để làm được như vậy, bạn tạo tập tin “DatePickerForm.h” với nội dung cơ bản như sau:

/*
 * DatePickerForm.h
 *
 *  Created on: Jun 27, 2010
 *      Author: AWK
 */

#ifndef DATEPICKERFORM_H_
#define DATEPICKERFORM_H_

#include <FUi.h>
#include <FLocales.h>

class DatePickerForm :
    public Osp::Ui::Controls::Form,
    public Osp::Ui::IDateChangeEventListener
{
public:
    DatePickerForm(void){}
    ~DatePickerForm(void){}
    bool Initialize(void);

public:
    virtual result OnInitializing(void);
    virtual void OnDateChanged(const Osp::Ui::Control& source, int year, int month, int day);
    virtual void OnDateChangeCanceled(const Osp::Ui::Control& source);

private:
    Osp::Ui::Controls::DatePicker* __pDatePicker;
    Osp::Ui::Controls::Label* __pLabel;
};

#endif /* DATEPICKERFORM_H_ */

Trong đó, form của bạn phải được kế thừa từ lớp IDateChangeEventListener để lắng nghe được sự kiện trả về của điều khiển DatePicker.

Tiếp đến bạn tạo tập tin “DatePickerForm.cpp” với nội dung code cài đặt như sau:

/*
 * DataPickerForm.cpp
 *
 *  Created on: Jun 27, 2010
 *      Author: AWK
 */

#include "DatePickerForm.h"

using namespace Osp::Base;
using namespace Osp::Ui;
using namespace Osp::Ui::Controls;
using namespace Osp::Graphics;
using namespace Osp::Locales;

bool
DatePickerForm::Initialize(void)
{
	Construct(FORM_STYLE_NORMAL | FORM_STYLE_TITLE );
	SetTitleText(L"DatePicker example");
	SetBackgroundColor(Color(85,104,114));
	return true;
}

result
DatePickerForm::OnInitializing(void)
{
    result r = E_SUCCESS;

    // Create a DatePicker
    __pDatePicker = new DatePicker();
    __pDatePicker->Construct(L"Get Date");
    // Add a DateChangeEvent listener
    __pDatePicker->AddDateChangeEventListener(*this);
    // Show the DatePicker
    __pDatePicker->Show();

    // Create a Label
    __pLabel = new Label();
    __pLabel->Construct(Rectangle(50, 200, 380, 40), L"DatePicker");
	AddControl(*__pLabel);

    return r;
}

void
DatePickerForm::OnDateChanged(const Osp::Ui::Control& source, int year, int month, int day)
{
	DateTime date;
	String formattedString;
	DateTimeFormatter* pDateFormatter = null;
	Locale locale(LANGUAGE_ENG, COUNTRY_GB);

	pDateFormatter = DateTimeFormatter::CreateDateFormatterN(
			locale,
			DATE_TIME_STYLE_DEFAULT);
	date = __pDatePicker->GetDate();
	pDateFormatter->Format(date, formattedString);
	__pLabel->SetText(formattedString);
	__pLabel->Draw();
}

void
DatePickerForm::OnDateChangeCanceled(const Osp::Ui::Control& source)
{
	AppLog("Canceled.\n");
}

Trong đó:

- DatePicker() để tạo một thể hiện của lớp DatePicker

- AddDateChangeEventListener() để đăng ký lắng nghe sự kiện thay đổi về ngày tháng từ người sử dụng

- Show() để hiển thị điều khiển DatePicker

- GetDate() để lấy giá trị ngày/tháng/năm hiện tại của điều khiển DatePicker

Bạn cần phải khai báo sử dung thư viện “FLocales” với trình biên dịch bằng cách: chọn vào Project > Properties > C/C++ Build > Setting > Tool Settings > bada C++ Linker > Libraries

Chú ý:

Bạn có thể sử dụng các phương thức: SetDay(), SetMonth(), SetYear() đã được cài đặt sẵn trong điều khiển DatePicker để thay đổi ngày tháng năm cho điều khiển. Nhưng bạn phải thận trọng khi lựa chọn ưu tiên khi thiết lập ngày trước hay tháng trước.

Chẳn hạn như: nếu bạn ưu tiên thiết lập ngày trước: 30/Jan/2010. Sau đó, bạn thiết lập lại tháng 2 (Feb). Lúc đó, điều khiển sẽ sinh ra một biệt lệ để cảnh báo rằng: Ngày tháng vừa thiết lập không hợp lệ, bởi tháng 2 của năm 2010 không có ngày thứ 30.

Nếu bạn chọn các thay đổi trên bằng điều khiển DatePicker thì điều khiển sẽ tự động rollback lại ngày thứ 28 nếu bạn quyết định chọn vào tháng 2 (Feb)

Giờ thị bạn có thể xem kết quả của mình trong những phút vừa rồi.

Chúc bạn thành công!

Khi TimePicker được lựa chọn thì toàn bộ màn hình được lấp đầy bởi phần trên là phần hiện thị thời gian hiện tại  đang được lựa chọn. Phần còn lại bên dưới là dãy các chữ số để người sử dụng có thể touch chọn những thay đổi về thời gian. Thêm vào đó là 2 buttons cho phép bạn chấp nhận sự thay đổi trên điều khiển TimePicker hoặc ngược lại.

Nếu bạn đồng ý với sự thay đổi mới bạn nhấn nút “Save“. Nếu không muốn, bạn có thể nhấn vào nút “Cancel” để hủy những thay đổi của bạn.

Để hiểu rõ hơn, bạn cùng chúng tôi thực hành ví dụ sau về TimePicker:

Dự án mẫu bao gồm một nhãn (label) để hiển thị thời gian mà sau khi bạn nhấn nút “Save” trên điều khiển TimePicker. Tiếp đến là gắn vào một điều khiển TimePicker để người sử dụng thay đổi thời gian tùy thích.

Ví dụ:

Sau khi thay đổi xong, nếu bấm vào nút “Save”:

Để làm được như vậy bạn tao tập tin “TimePickerForm.h” với nội dung như sau:

/*
 * TimePickerForm.h
 *
 *  Created on: Jun 26, 2010
 *      Author: AWK
 */

#ifndef TIMEPICKERFORM_H_
#define TIMEPICKERFORM_H_

#include <FUi.h>
#include <FLocales.h>

class TimePickerForm:
    public Osp::Ui::Controls::Form,
    public Osp::Ui::ITimeChangeEventListener
{
public:
    TimePickerForm(void){}
    ~TimePickerForm(void){}
    bool Initialize(void);
    virtual result OnInitializing(void);
    virtual void OnTimeChanged(const Osp::Ui::Control& source, int hour, int minute);
    virtual void OnTimeChangeCanceled(const Osp::Ui::Control& source);

private:
    Osp::Ui::Controls::TimePicker* __pTimePicker;
    Osp::Ui::Controls::Label* __pLabel;
};

#endif /* TIMEPICKERFORM_H_ */

Trong đó, bạn chú ý đến việc kế thừa từ “ITimeChangeEventListener” để form của bạn có thể lắng nghe sự kiện từ điều khiển TimePicker.

Tiếp đến bạn tạo tập tin “TimePickerForm.cpp” với nội dung cài đặt như sau:

/*
 * TimePickerForm.cpp
 *
 *  Created on: Jun 26, 2010
 *      Author: AWK
 */
#include "TimePickerForm.h"

using namespace Osp::Base;
using namespace Osp::Ui;
using namespace Osp::Ui::Controls;
using namespace Osp::Graphics;
using namespace Osp::Locales;
using namespace Osp::System;

bool
TimePickerForm::Initialize(void)
{
	Construct(FORM_STYLE_NORMAL | FORM_STYLE_TITLE );
	SetTitleText(L"TimePicker example");
	SetBackgroundColor(Color(85,104,114));
	return true;
}

result
TimePickerForm::OnInitializing(void)
{
    result r = E_SUCCESS;

    // Create a TimePicker.
    __pTimePicker = new TimePicker();
    __pTimePicker->Construct(L"Get Time");
    // Add a TimeChangeEvent listener.
    __pTimePicker->AddTimeChangeEventListener(*this);
    // Show the TimePicker
    __pTimePicker->Show();

    // Create a Label
    __pLabel = new Label();
    __pLabel->Construct(Rectangle(50, 200, 380, 40), L"TimePicker");
    AddControl(*__pLabel);

    return r;
}

void
TimePickerForm::OnTimeChanged(const Osp::Ui::Control& source, int hour, int minute)
{
	DateTime time;
	String formattedString;
	DateTimeFormatter* pTimeFormatter = null;
	Locale locale(LANGUAGE_ENG, COUNTRY_GB);

	pTimeFormatter = DateTimeFormatter::CreateTimeFormatterN(
             locale,
             DATE_TIME_STYLE_DEFAULT);
	time = __pTimePicker->GetTime();
	pTimeFormatter->Format(time, formattedString);
	__pLabel->SetText(formattedString);
	__pLabel->Draw();
}

void
TimePickerForm::OnTimeChangeCanceled(const Osp::Ui::Control& source)
{
	AppLog("Canceled.\n");
}

Trong đó:

- TimePicker() để tạo một thể hiện của lớp TimePicker

- AddTimeChangeEventListener() để đăng ký hàm gọi trở lại (callback function)  khi người dùng chọn “Save” hoặc  “Cancel”

- Show() để hiển thị điều khiển TimePicker

- GetTime() để lấy giá trị thời gian hiện tại của TimePicker

Bài viết này, chúng tôi có sử dụng đến “Locale” để xác định ngôn ngữ (language), quốc gia (contry) và định dạng thời gian đặc trưng riêng dựa vào một locale.

Để ứng dụng của bạn có thể thực thi được bạn phải khai báo thêm thư việc “FLocales” cho trình biên dịch bằng cách: chọn vào Project > Properties > C/C++ Build > Setting > Tool Settings > bada C++ Linker > Libraries

Giờ thì bạn có thể xem thành quả của mình rồi đó!

Chúc bạn thành công!

Popup có thể chứa đựng các điều khiển khác như: các nút nhấn (buttons), các nhãn (labels),… Popup luôn được hiển thị cao nhất và ở vị trí trung tâm của màn hình (modal).

Popup sử dụng phương thức Show() để hiển thị nó và các điều khiển con bên trong nó.

Tuy nhiên, popup không thể chứa các điều khiển như: Frames, MessageBoxs, Forms, OverlayPanels trong một popup.

Bạn sẽ nghi vấn giữa Popup và MessageBox, chúng có khác gì nhau không? có thể sử dụng MessageBox để thay thế cho Popup không? hoặc sử dụng ngược lại?

Thật sự là không! những ưu điểm của Popup mà chúng tôi đề cập trên chi là bề mặt bên trên mà thôi. Xét về bản chất bên dưới khi ứng dụng thực thi thì MessageBox và Popup hoàn toàn khác nhau:

- MessageBox luôn thể hiện tính đồng bộ (synchronous). Nghĩa là khi hộp thoại bật lên thì nó sẽ khóa tiểu trình  (thread) hiện tại cho đến khi nào hộp thoại đó tắt đi.  Với tính chất này mà MessageBox sẽ được sử dụng trong các trường hợp request – confirm

- Popup thể hiện tính không đồng bộ (asynchronous). Nghĩa là khi popup bật lên thì tiến trình của ứng dụng vẫn tiếp tục hoạt động.

Bạn phải chú ý rằng, nếu bạn muốn ẩn (hide) popup thì bạn phải gọi đến phương thức SetShowState(false) và Show()

Bỏ qua các lý thuyết trên, để dễ dàng hiểu về popup thì chúng ta cùng nhau thực hành một ví dụ cụ thể về popup như sau:

- Ứng dụng sẽ chứa một button: Open Popup – khi click vào nút nhấn này thì một popup sẽ được bật lên. Bên trên popup sẽ chứa một button: Close Popup – khi click vào nút nhấn này thì popup sẽ bị đóng lại.

Ví dụ:

Khi click vào nút nhấn:

Bạn tạo ra tập tin “PopupExampleForm.h” với nội dung như sau:

/*
 * PopupExampleForm.h
 *
 *  Created on: Jun 22, 2010
 *      Author: AWK
 */

#ifndef POPUPEXAMPLEFORM_H_
#define POPUPEXAMPLEFORM_H_

#include <FUi.h>

class PopupExampleForm :
    public Osp::Ui::Controls::Form,
    public Osp::Ui::IActionEventListener
{
public:
    PopupExampleForm(void);
    bool Initialize(void);
    void ShowPopup(void);
    void HidePopup(void);

protected:
    static const int ID_BUTTON_OPEN_POPUP 	= 101;
    static const int ID_BUTTON_CLOSE_POPUP 	= 102;

private:
    Osp::Ui::Controls::Popup* __pPopup;

public:
    virtual result OnInitializing(void);
    virtual result OnTerminating(void);
    virtual void OnActionPerformed(const Osp::Ui::Control& source, int actionId);
};

#endif /* POPUPEXAMPLEFORM_H_ */

Tiếp đến, bạn tạo tập tin “PopupExampleForm.cpp” với nội dung như sau:

/*
 * PopupExampleForm.cpp
 *
 *  Created on: Jun 22, 2010
 *      Author: AWK
 */

#include "PopupExampleForm.h"

using namespace Osp::Ui;
using namespace Osp::Ui::Controls;
using namespace Osp::Graphics;

PopupExampleForm::PopupExampleForm(void)
	:__pPopup(null)
{}

bool
PopupExampleForm::Initialize()
{
	result r = E_SUCCESS;
	r = Form::Construct(FORM_STYLE_NORMAL|FORM_STYLE_TITLE);
	SetName(L"PopupExampleForm");
	SetTitleText(L"Popup Example");
	return true;
}

result
PopupExampleForm::OnInitializing(void)
{
    result r = E_SUCCESS;

    // Create a Popup
    __pPopup = new Popup();
    Dimension dim(300, 400);
    __pPopup->Construct(true, dim);
    __pPopup->SetTitleText(L"Popup Example");

    // Create a button to open the Popup.
    Button* pBtnOpen = new Button();
    pBtnOpen->Construct(Rectangle(125, 300, 250, 60), L"Open Popup");
    pBtnOpen->SetActionId(ID_BUTTON_OPEN_POPUP);
    pBtnOpen->AddActionEventListener(*this);
    AddControl(*pBtnOpen);

    // Create a button to close the Popup.
    Button* pBtnClose = new Button();
    pBtnClose->Construct(Rectangle(65, 210, 250, 60), L"Close Popup");
    pBtnClose->SetActionId(ID_BUTTON_CLOSE_POPUP);
    pBtnClose->AddActionEventListener(*this);
    __pPopup->AddControl(*pBtnClose);

    return r;
}

result
PopupExampleForm::OnTerminating(void)
{
    result r = E_SUCCESS;
    delete __pPopup;
    return r;
}

void
PopupExampleForm::ShowPopup(void)
{
    __pPopup->SetShowState(true);
    __pPopup->Show();
}

void
PopupExampleForm::HidePopup(void)
{
    __pPopup->SetShowState(false);
    Show();
}

void
PopupExampleForm::OnActionPerformed(const Osp::Ui::Control& source, int actionId)
{
    switch(actionId)
    {
    case ID_BUTTON_OPEN_POPUP:
        ShowPopup();
        break;
    case ID_BUTTON_CLOSE_POPUP:
        HidePopup();
        break;
    }
}

Giờ thì bạn có thể nhìn thấy được thành quả của mình trong những phút vừa qua rồi!

Chúc bạn thành công! hẹn gặp lại trong bài tiếp theo.

Để làm được bài hướng dẫn này thì các bạn nên đọc trước bài viết mà tôi đã hướng dẫn các bạn cách để hiển thị hình ảnh trong bada. Bởi vì sử dụng Animation thì bạn phải làm việc với các đối tượng Bitmap và Image. Do đó bạn cần phải thực hiện một số bước cấu hình cho ứng dụng để có thể sử dụng Animation. Chi tiết các bước tôi đã hướng dẫn chi tiết trong bài viết trước.

Lớp Animation cho phép bạn hiển thị một chuỗi các khung hình (trong bada gọi là các AnimationFrame) một cách tuần tự từng khung hình một. Bạn có thể thiết đặt số lần hiển thị Animation thông qua phương thức SetRepeatCount.

Một hoạt ảnh trong bada tại mỗi thời điểm sẽ thuộc vào một trong 3 trạng thái sau:

• ANIMATION_STOPPED
• ANIMATION_PAUSE
• ANIMATION_PLAYING

Bạn có thể kiểm tra trạng thái hiện thời của hoạt ảnh thông qua phương thức GetStatus()

Nếu ứng dụng muốn biết khi nào thì một hoạt ảnh ngưng trình diễn thì nó phải cài đặt giao diện IAnimationListener và đăng báo thông qua phương thức AddAnimationListener().

Nếu ứng dụng của chúng ta phải cấp phát tài nguyên (các ảnh bitmap) để cấu thành một hoạt ảnh thì bạn phải giải phóng nó sau khi đã khởi tạo thành công hoạt ảnh đó.

Lý thuyết như vậy có lẽ đã đủ rồi, chúng ta bắt tay vào viết mã thôi. Lần này tôi tạo một ứng dụng form đơn giản và đặt tên là AnimationDemo, lớp form thì đặt tên là AnimationForm. Trên form này bạn tạo một nút nhấn và đặt tên là IDC_BUTTON_ANIMATION và nhãn hiển thị là “Start”. Các bạn có thể xem hình vẽ:

Ở tập tin AnimationForm.h, trong phần khai báo lớp AnimationForm bạn phải thêm giao diện IAnimationListener vào. Đồng thời phải khai báo thêm phương thức OnAnimationStopped() của nó. Đồng thời bạn khai báo thêm một số biến mà chúng ta sẽ sử dụng như trong đoạn mã bên dưới.

class AnimationForm :
	public Osp::Ui::Controls::Form,
	public Osp::Ui::IActionEventListener,
   public Osp::Ui::IAnimationEventListener
{

// Construction
public:
	AnimationForm(void);
	virtual ~AnimationForm(void);
	bool Initialize(void);

// Implementation
protected:
	static const int ID_BUTTON_ANIMATION = 101;
	Osp::Ui::Controls::Button* __pButtonAnimation;
	Osp::Ui::Controls::Animation* __pAnimation;

public:
	virtual result OnInitializing(void);
	virtual result OnTerminating(void);
	virtual void OnActionPerformed(const Osp::Ui::Control& source, int actionId);
	virtual void OnAnimationStopped(const Osp::Ui::Control& source){};
};

Phần in đậm trong đoạn mã trên là những dòng mã mà các bạn phải thêm vào. Khi lớp của bạn kế thừa giao diện IAnimationListener thì bạn cài đặt cho phương phức OnAnimationStopped(), ở đây chúng ta không xử lí gì nên có thể để rỗng như trên.

Các bước để tạo một hoạt ảnh có thể tóm tắt lại như sau:

• Bước 1: Tạo các đối tượng Bitmap từ các ảnh mà bạn muốn từ đó tạo thành một hoạt ảnh(cấp phát tài nguyên hình ảnh)
• Bước 2: Tạo 1 danh sách các đối tượng AnimationFrame từ các đối tượng Bitmap, 1 AnimationFrame tương ứng với 1 Bitmap (tạo các khung hình từ tài nguyên hình ảnh)
• Bước 3: Đưa danh sách các khung hình vào đối tượng Animation và thiết đặt các thông số cần thiết

Lý thuyết là vậy, bây giờ bạn sẽ bắt tay viết mã để làm theo các bước đó. Trong tập tin AnimationForm.cpp, bạn tiến hành cài đặt lại phương thức AnimationForm::OnInitializing(void) như sau:

result
AnimationForm::OnInitializing(void)
{
	result r = E_SUCCESS;

	// TODO: Add your initialization code here

	// Get a button via resource ID
        __pButtonAnimation = static_cast<Button *>(GetControl(L"IDC_BUTTON_ANIMATION"));
	__pButtonAnimation->SetActionId(ID_BUTTON_ANIMATION);
	__pButtonAnimation->AddActionEventListener(*this);

        // Tạo một thể hiện của lớp Image để giải mã dữ liệu ảnh vào các đối tượng Bitmap
	Image* __pImage = new Image();
	__pImage->Construct();

	// Create Bitmap == Bước 1
	Bitmap *pBitmap1 = __pImage->DecodeN("/Home/Akuma01.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap2 = __pImage->DecodeN("/Home/Akuma02.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap3 = __pImage->DecodeN("/Home/Akuma03.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap4 = __pImage->DecodeN("/Home/Akuma04.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap5 = __pImage->DecodeN("/Home/Akuma05.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap6 = __pImage->DecodeN("/Home/Akuma06.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap7 = __pImage->DecodeN("/Home/Akuma07.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap8 = __pImage->DecodeN("/Home/Akuma08.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap9 = __pImage->DecodeN("/Home/Akuma09.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap10 = __pImage->DecodeN("/Home/Akuma10.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap11 = __pImage->DecodeN("/Home/Akuma11.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap12 = __pImage->DecodeN("/Home/Akuma12.png", BITMAP_PIXEL_FORMAT_ARGB8888);
	Bitmap *pBitmap13 = __pImage->DecodeN("/Home/Akuma13.png", BITMAP_PIXEL_FORMAT_ARGB8888);

	// Create AnimationFrames == Bước 2
	long duration = 1300 / 13;
	AnimationFrame *pAniFrame1 = new AnimationFrame(*pBitmap1, duration);
	AnimationFrame *pAniFrame2 = new AnimationFrame(*pBitmap2, duration);
	AnimationFrame *pAniFrame3 = new AnimationFrame(*pBitmap3, duration);
	AnimationFrame *pAniFrame4 = new AnimationFrame(*pBitmap4, duration);
	AnimationFrame *pAniFrame5 = new AnimationFrame(*pBitmap5, duration);
	AnimationFrame *pAniFrame6 = new AnimationFrame(*pBitmap6, duration);
	AnimationFrame *pAniFrame7 = new AnimationFrame(*pBitmap7, duration);
	AnimationFrame *pAniFrame8 = new AnimationFrame(*pBitmap8, duration);
	AnimationFrame *pAniFrame9 = new AnimationFrame(*pBitmap9, duration);
	AnimationFrame *pAniFrame10 = new AnimationFrame(*pBitmap10, duration);
	AnimationFrame *pAniFrame11 = new AnimationFrame(*pBitmap11, duration);
	AnimationFrame *pAniFrame12 = new AnimationFrame(*pBitmap12, duration);
	AnimationFrame *pAniFrame13 = new AnimationFrame(*pBitmap13, duration);

	Osp::Base::Collection::ArrayList animationFrameList;
	animationFrameList.Construct();
	animationFrameList.Add(*pAniFrame1);
	animationFrameList.Add(*pAniFrame2);
	animationFrameList.Add(*pAniFrame3);
	animationFrameList.Add(*pAniFrame4);
	animationFrameList.Add(*pAniFrame5);
	animationFrameList.Add(*pAniFrame6);
	animationFrameList.Add(*pAniFrame7);
	animationFrameList.Add(*pAniFrame8);
	animationFrameList.Add(*pAniFrame9);
	animationFrameList.Add(*pAniFrame10);
	animationFrameList.Add(*pAniFrame11);
	animationFrameList.Add(*pAniFrame12);
	animationFrameList.Add(*pAniFrame13);

	// Deallocate a Bitmap.
	delete pBitmap1;
	delete pBitmap2;
	delete pBitmap3;
	delete pBitmap4;
	delete pBitmap5;
	delete pBitmap6;
	delete pBitmap7;
	delete pBitmap8;
	delete pBitmap9;
	delete pBitmap10;
	delete pBitmap11;
	delete pBitmap12;
	delete pBitmap13;
	delete __pImage;

        // Bước 3: Tạo hoạt ảnh và thiết đặt vị trí, kích thước, số lần lặp của nó trên màn hình.
	__pAnimation = new Animation();
	__pAnimation->Construct(Rectangle(155,220,165,207), animationFrameList);
	__pAnimation->SetRepeatCount(10000);
	__pAnimation->AddAnimationEventListener(*this);
	AddControl(*__pAnimation);

	return r;
}

Ở trên tôi dùng 13 ảnh PNG lần lượt đặt tên là Akuma01.png,..,Akuma13.png, các ảnh này có kích thước bằng nhau (110×138), để tạo ra Animation của mình, và đặt tất cả chúng dưới thư mục Home của dự án. Hoạt ảnh mà tôi muốn thể hiện là đây:

Ở trên lời gọi __pAnimation->Construct(Rectangle(155,220,165,207), animationFrameList); thiết lập tọa độ (155, 220) và kích thước(165×207) khung hình hiển thị cho hoạt ảnh của chúng ta. Các AnimationFrame sẽ tự động co giãn về kích thước của khung hình đó. Như các bạn thấy là ở đây tôi đã phóng to hoạt ảnh của mình lên 165×207 thay vì kích thước ban đầu của nó là 110×138.

Cuối cùng là xử lí các sự kiện khi người dùng kích vào nút nhấn:

• Nếu người dùng kích vào nút “Start” thì bạn cho hoạt ảnh chạy(Play) và đổi nhãn của nút nhấn thành “Stop”
• Nếu người dùng kích vào nút “Stop” thì bạn cho hoạt ảnh dừng(Pause) và đổi nhãn của nút nhấn thành “Start”

Chi tiết cài đặt như sau:

void
AnimationForm::OnActionPerformed(const Osp::Ui::Control& source, int actionId)
{
	switch(actionId)
	{
	case ID_BUTTON_ANIMATION:
		{
			if (__pButtonAnimation->GetText()=="Start")
			{
				__pButtonAnimation->SetText("Stop");
				__pAnimation->Play();
			}
			else
			{
				__pButtonAnimation->SetText("Start");
				__pAnimation->Pause();
			}
		}
		break;
	default:
		break;
	}
	RequestRedraw();
}

Như vậy là xong, bạn đã có thể biên dịch và chạy thử ứng dụng của mình. Trên đây tôi đã hướng dẫn các bạn cách làm việc với Animation, từ đó bạn có thể sử dụng các hình ảnh của mình để tạo ra một hoạt ảnh cho riêng mình. Chúc các bạn thành công!

Và đây là khi người dùng kích “Start”

Lớp web control cho cung cấp các tính năng cơ bản của một browser. Một ứng dụng có thể nhúng một web browser, bằng cách tạo ra một thể hiện của lớp web control.

Trong bài viết này, chúng tôi sẽ giới thiệu đến bạn đọc một ví dụ đơn giản để thao tác với web control. Bạn đọc sẽ tự mình xây dựng nên một trình duyệt web đơn giản cho riêng mình trên bada. Tương tự như các trình duyệt web khác như: Firefox, IE, Safari… trình duyệt web của bạn chỉ có các tính năng đơn giản nhất như sau:

- 1 nút Back: để quay trở lại trang đã xem trước đó

- 1 nút Forward: để đến một trang sau của trang hiện tại

- 1 ô text Address: để lấy địa chỉ web từ người sử dụng

- 1 nút Go: để nạp nội dung của trang web dựa vào ô text address.

Ví dụ:

Chương trình mẫu sẽ có dạng như sau:

Người sử dụng, chọn đến ô address để nhập vào địa chỉ của trang web mà họ muốn xem:

Xong, nhấn vào nút “Go” để nạp trang web:

Bấm vào nút “Back” hoặc “Forward” để xem lại trang trước và sau (nếu có).

Các điểm bạn đọc cần chú ý trong bài viết này:

+ Để sử dụng được lớp web control bạn phải thêm khai báo:

#include <FWeb.h>

Tiếp đến bạn khai báo con trỏ có kiểu web như sau:

protected:
    Osp::Web::Controls::Web* __pWeb;

+ Khai báo và gắn các điều khiển vào form của bạn:

result
WebBrowserForm::OnInitializing(void)
{
    result r = E_SUCCESS;

        /*Back button*/
	__pBackBtn = new Button();
	__pBackBtn->Construct(Rectangle(3,720, 235, 80), L"Back");
	__pBackBtn->SetActionId(AC_BUTTON_WEB_BACK);
	__pBackBtn->AddActionEventListener(*this);
	this->AddControl(*__pBackBtn);

	/*Forward button*/
	__pForwardBtn = new Button();
	__pForwardBtn->Construct(Rectangle(242,720, 235, 80), L"Forward");
	__pForwardBtn->SetActionId(AC_BUTTON_WEB_FORWARD);
	__pForwardBtn->AddActionEventListener(*this);
	this->AddControl(*__pForwardBtn);

	/*Go button*/
	__pGoBtn = new Button();
	__pGoBtn->Construct(Rectangle(405,3, 72, 62), L"Go");
	__pGoBtn->SetActionId(AC_BUTTON_WEB_LOAD);
	__pGoBtn->AddActionEventListener(*this);
	this->AddControl(*__pGoBtn);

	/*Address editfield*/
	__pAddressEdit = new EditField();
	__pAddressEdit->Construct(Rectangle(3, 3, 400, 60), EDIT_FIELD_STYLE_URL_SMALL);
	__pAddressEdit->AddTextEventListener(*this);
	__pAddressEdit->SetText (Osp::Base::String("http://badavn.wordpress.com"));
	this->AddControl(*__pAddressEdit);

	/* web */
        __pWeb = new Web();
        __pWeb->Construct(Rectangle(3, 65, 473, 654));
        __pWeb->SetFocus();
        this->AddControl(*__pWeb);

    return r;
}

+ Tiếp đến là xử lý sự kiện trả về khi các điều khiển trên form nhận sự kiện từ người dùng:

void
WebBrowserForm::OnActionPerformed(const Control& source, int actionId)
{
	switch(actionId)
	{
	case AC_BUTTON_WEB_BACK:
		__pWeb->GoBack();
		break;
	case AC_BUTTON_WEB_FORWARD:
		__pWeb->GoForward();
		break;
	case AC_BUTTON_WEB_LOAD :
		__pWeb->LoadUrl(__pAddressEdit->GetText());
		break;
	default:
		break;
	}
}

+ Để sử dụng được <FWeb.h> bạn phải khai báo thư viện cho trình biên dịch: Bạn vào Project > Properties > C/C++ Build > Setting > Tool Setting > bada C++ Linker > Libraries. Rồi thêm vào “FWebControls” như hình vẽ sau:

+ Sau cùng, bạn khai báo Privilege trong tập tin “manifest.xml” như sau:

Giờ thì bạn có thể xem kết quả của mình rồi đó.

Chúc bạn thành công!

Tham khảo:

chương trình mẫu