앱을 개발할 때 멋있는 차트를 넣어 보는 것은 어떨까요?
안드로이드(Android) Essence Chart(에센스 차트) 라이브러리를 이용하면 2D/3D 차트를 쉽게 만들 수 있습니다.
본 문서는 에센스 차트 라이브러리를 처음 사용하는 개발자들이 쉽게 따라할 수 있는 교재입니다.
에센스 차트의 특성은 다음과 같습니다.
- Essence Chart 라이브러리는 다양한 차트를 지원합니다. 지원 하는 차트의 종류는 Essence Chart가 지원하는 차트의 종류에서 확인 하실 수 있습니다.
- Essence Chart 라이브러리는 크기가 작습니다.
Android용 라이브러리의 경우 3MB 정도의 크기 입니다.
- Essence Chart 라이브러리는 다양한 OS를 지원 합니다.
현재 Android용만 제공 하고 있지만, 추후에 Window, iOS용도 제공할 예정입니다.
- Essence Chart 라이브러리는 무료로 사용 하실 수 있습니다.
Essence Chart 라이브러리의 라이센스는 Essence Chart(에센스 차트) 라이센스에서 확인 하실 수 있습니다.
시작하기를 진행 하기 위해서는 반드시 Essence Chart SDK를 설치 해야만 합니다.
설치는
Essence Chart(에센스 차트) SDK 설치하기에서 확인 하실 수 있습니다.
Android 시작하기 - 1단계(Chart 생성)
Essence Chart 라이브러리는 Android에서 사용할 수 있는 JAR(Java Archive)를 제공합니다.
Android에서 쉽고 편하게 Chart를 생성 할 수 있습니다.
현재 Android에서는 다음과 같이 지원 되고 있습니다.
- SDK 설치 프로그램 제공
- Android JAR 제공
- 지원 Device : armebai-v7, armebai(armebai는 추후 지원 예정)
- SDK Demo APP 제공(Google Play에 등록 예정)
- Min SDK Version : Android 2.3.3(API 10)
- 동작 확인된 Device
- 삼성 갤럭시 S2(Android 4.1.2, 젤리빈)
- 삼성 갤럭시 S3(Android 4.1.2, 젤리빈)
- 삼성 갤럭시 노트 10.1(Android 4.1.2, 젤리빈)
- LG 옵티머스 G 프로(Android 4.1.2, 젤리빈)
- 구글 Nexus7(Android 4.2.2, 젤리빈)
- 구글 Nexus10(Android 4.2.2, 젤리빈)
- 일부 Device에서 정상 동작 하지 않을 수 있습니다.
- 현재 armebai-v7만 지원됩니다.
- Android OS 버전에 따라 동작 하지 않을 수 있습니다.
- 문의 사항은 댓글을 이용하시면 됩니다.
Android 시작하기 전에 다음 항목을 확인 하시기 바랍니다.
- Eclipse 설치 확인
- Eclipse Classic 3.7.2를 사용하여 시작하기가 제작이 되어 있습니다.
- 다른 버전(상위 버전)으로도 개발하는 것도 가능합니다만, 본 문서는 3.7.2 기준으로 설명이 되어 있어 메뉴나, 항목이 조금 다를 수 있습니다.
- Eclipse Classic 3.7.2 다운로드
- Eclipse 설치는 인터넷에 Eclipse 설치 관련 사이트를 참조하셔서 설치 하십시오.
- Android SDK 설치 확인
- Android 시작하기는 Android SDK가 설치 되어 있어야 진행 할 수 있습니다.
- Android 개발자 사이트에서 다운로드에서 다운 받을 수 있습니다.
- Android SDK 설치는 인터넷에서 Android SDK 설치 관련 사이트를 참조하셔서 설치 하십시오.
- Essence Chart SDK 설치 확인
아래 이미지에서 표기된 버전은 업데이트에 따라 버전은 다를 수 있습니다.
Android App 생성하기
eclipse를 실행한다.
File –> New –> Other 메뉴를 실행 한다.
Android –> Android Application Project를 선택 하고 “Next” 버튼을 선택 한다.
Application Name, Project Name, Package Name을 입력한다.
Minimum Required SDK 항목은 API 9: Android 2.3(Gingerbread)를 선택 한다.
Target SDK, Compile With, Theme는 상황에 맞게 선택한다.
“Next” 버튼을 선택 한다.
Create custom launcher icon, Create activity, Create Project in Workspace 항목의 Check를 켠다.
”Next” 버튼을 선택 한다.
아이콘 이미지 정보를 설정 한다.
”Next” 버튼을 선택 한다.
Create Active를 Check하고 BlankActivity를 선택 한다.
”Next” 버튼을 선택 한다.
Activeity Name, Layout Name 항목의 값을 입력한다.
(시작하기에서는 기본값을 사용한다, 만약 다른 값을 사용할 경우 해당 항목의 이름이 다를 수 있음)
”Finish”를 선택한다.
Essence Chart SDK 복사
설치한 Essence Chart SDK 폴더에서 JAR 파일과 library 폴더를 복사한다.
탐색기를 실행하여 Essence Chart SDK 폴더로 이동한다.
기본 설치 경로는 다음과 같다.
- Window 32bit : C:\Program Files\Essence Chart SDK\sdk\android
- Window 64bit : C:\Program Files (x86)\Essence Chart SDK\sdk\android
“armebai-v7a” 폴더와 “essence.chart.0.7.6.jar” 파일을 복사한다.
복사한 파일을 Eclipse의 Chart Projcet의 libs 폴더에 복사를 한다.
복사를 완료되면 libs 폴더에 “armebai-v7a” 폴더와 “essence.chart.0.7.6.jar” 파일이 복사 된 것을 확인한다.
layout에 chart 추가하기
Eclipse에서 res/layout/activity_main.xml파일을 선택한다.
(activity_main.xml은 Projcet를 생성시 지정한 파일임)
activeity_main.xml의 activity_main.xml 탭을 선택한다.
(Graphical Layout옆에 있는 activity_main.xml 탭을 선택)
TextView 항목을 다음과 같이 변경한다.
변경 전
|
|
변경 후
|
<RelativeLayout 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"
tools:context=".MainActivity" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="@string/hello_world" />
</RelativeLayout> |
| <RelativeLayout 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"
tools:context=".MainActivity" >
<com.essence.chart.Chart
android:id="@+id/chart01"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
|
 | |  |
수정한 내용을 저장한다.
Project->Clean 메뉴를 선택 하여 Clean all projects를 선택 한다.
Chart App 실행
저장된 Project를 실행하여 Chart가 정상적으로 생성이 완료 되는지 확인한다.
Eclipse의 toolbar의 Run 버턴을 선택한다.
Run As 창이 나타다면 “Android Application”을 선택 후 “OK” 버턴을 선택 한다.
정상적으로 빌드가 되면 Android Device Chooser가 표시된다.
Android Device Chooser에서 원하는 Device를 선택 하고 “OK” 버튼을 선택 한다.
정상적으로 실행이되면 Device에 다음과 같은 Chart App이 실행이 된다.
