はじめに:2011/02/28 :Android

iPhoneアプリをiPhone実機でテストするには、iOS Devloper Programへ登録が必要で、
年間参加費は10,800円のようです。
Macも必要との事。気軽には出来ない
ななんとか、Windowsで開発出来ないかと思って検索してみると、いくつか方法があるようです。

Androidの方がハードルが低そうです。

記事はすべて左のメニューからアクセス出来ます。
質問されても、知識が無いので答えられません。

AFreeChartで積立グラフ :AFreeChart

	package com.example.afreechart;
	import org.afree.chart.AFreeChart;
	import org.afree.chart.axis.NumberAxis;
	import org.afree.chart.plot.XYPlot;
	import org.afree.chart.renderer.xy.StackedXYBarRenderer;
	import org.afree.data.xy.DefaultTableXYDataset;
	import org.afree.data.xy.XYSeries;
	import android.os.Bundle;
	import android.app.Activity;
	import android.view.Menu;
	public class MainActivity extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	XYSeries series1 = new XYSeries("First", true, false);
	series1.add(1, 10);
	series1.add(2, 0);
	series1.add(3, 30);
	series1.add(4, 40);
	series1.add(5, 50);
	XYSeries series2 = new XYSeries("Second", true, false);
	series2.add(1, 50);
	series2.add(2, 40);
	series2.add(3, 30);
	series2.add(4, 20);
	series2.add(5, 10);
	DefaultTableXYDataset dataset = new DefaultTableXYDataset();
	dataset.addSeries(series1);
	dataset.addSeries(series2);
	// X軸の定義
	NumberAxis domainAxis = new NumberAxis("X軸");
	// Y軸の定義
	NumberAxis rangeAxis = new NumberAxis("Y軸");
	// 折れ線の定義
	//XYLineAndShapeRenderer renderer = new XYLineAndShapeRenderer();
	StackedXYBarRenderer renderer = new StackedXYBarRenderer();
	renderer.setMargin(0.2);
	renderer.setShadowVisible(false);//影
	XYPlot plot = new XYPlot(dataset, domainAxis, rangeAxis, renderer);
	AFreeChart chart = new AFreeChart(plot);
	NumberAxis numberAxis = (NumberAxis) plot.getDomainAxis();
	numberAxis.setLowerBound(0);
	numberAxis.setUpperBound(6);
	GraphView spcv = (GraphView) findViewById(R.id.graphView1);
	spcv.setChart(chart);
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
	// Inflate the menu; this adds items to the action bar if it is present.
	getMenuInflater().inflate(R.menu.main, menu);
	return true;
	}
	}

view raw MainActivity.java hosted with ❤ by GitHub

棒グラフ：XYBarRenderer :AFreeChart

	package com.example.afreechart;
	import org.afree.chart.AFreeChart;
	import org.afree.chart.axis.NumberAxis;
	import org.afree.chart.plot.XYPlot;
	import org.afree.chart.renderer.xy.XYBarRenderer;
	import org.afree.data.xy.XYSeries;
	import org.afree.data.xy.XYSeriesCollection;
	import android.os.Bundle;
	import android.app.Activity;
	import android.view.Menu;
	public class MainActivity extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	XYSeriesCollection dataset = new XYSeriesCollection();
	XYSeries series = new XYSeries("XYSeries");
	series.add(1, 1);
	series.add(2, 2);
	series.add(3, 3);
	series.add(4, 4);
	series.add(5, 5);
	series.add(6, 6);
	series.add(7, 7);
	dataset.addSeries(series);
	// X軸の定義
	NumberAxis domainAxis = new NumberAxis("X軸");
	// Y軸の定義
	NumberAxis rangeAxis = new NumberAxis("Y軸");
	// 折れ線の定義
	//XYLineAndShapeRenderer renderer = new XYLineAndShapeRenderer();
	XYBarRenderer renderer = new XYBarRenderer();
	XYPlot plot = new XYPlot(dataset, domainAxis, rangeAxis, renderer);
	AFreeChart chart = new AFreeChart(plot);
	GraphView spcv = (GraphView) findViewById(R.id.graphView1);
	spcv.setChart(chart);
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
	// Inflate the menu; this adds items to the action bar if it is present.
	getMenuInflater().inflate(R.menu.main, menu);
	return true;
	}
	}

view raw MainActivity.java hosted with ❤ by GitHub

	package com.example.afreechart;
	import org.afree.chart.AFreeChart;
	import org.afree.graphics.geom.RectShape;
	import android.content.Context;
	import android.graphics.Canvas;
	import android.util.AttributeSet;
	import android.view.View;
	public class GraphView extends View {
	private AFreeChart chart;
	private RectShape chartArea;
	public GraphView(Context context, AttributeSet attrs) {
	super(context, attrs);
	// TODO Auto-generated constructor stub
	chartArea = new RectShape();
	}
	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
	super.onSizeChanged(w, h, oldw, oldh);
	chartArea.setWidth(w);
	chartArea.setHeight(h);
	}
	@Override
	protected void onDraw(Canvas canvas) {
	super.onDraw(canvas);
	this.chart.draw(canvas, chartArea);
	}
	public void setChart(AFreeChart chart) {
	this.chart = chart;
	}
	}

view raw GraphView.java hosted with ❤ by GitHub

	<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" >
	<com.example.afreechart.GraphView
	android:id="@+id/graphView1"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content" />
	</LinearLayout>

view raw activity_main.xml hosted with ❤ by GitHub

AFreeChartで棒グラフ :AFreeChart

AFreeChartのサンプルのデモを参考にやってみる。
https://code.google.com/p/afreechart/source/browse/trunk/afreechart_sample/src/org/afree/chart/demo/view/BarChartDemo1View.java?r=41

	<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" >
	<com.example.afreechart.GraphView
	android:id="@+id/graphView1"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content" />
	</LinearLayout>

view raw activity_main.xml hosted with ❤ by GitHub

	package com.example.afreechart;
	import org.afree.chart.AFreeChart;
	import org.afree.graphics.geom.RectShape;
	import android.content.Context;
	import android.graphics.Canvas;
	import android.util.AttributeSet;
	import android.view.View;
	public class GraphView extends View {
	private AFreeChart chart;
	private RectShape chartArea;
	public GraphView(Context context, AttributeSet attrs) {
	super(context, attrs);
	// TODO Auto-generated constructor stub
	chartArea = new RectShape();
	}
	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
	super.onSizeChanged(w, h, oldw, oldh);
	chartArea.setWidth(w);
	chartArea.setHeight(h);
	}
	@Override
	protected void onDraw(Canvas canvas) {
	super.onDraw(canvas);
	this.chart.draw(canvas, chartArea);
	}
	public void setChart(AFreeChart chart) {
	this.chart = chart;
	}
	}

view raw GraphView.java hosted with ❤ by GitHub

	package com.example.afreechart;
	import org.afree.chart.AFreeChart;
	import org.afree.chart.ChartFactory;
	import org.afree.chart.axis.CategoryAxis;
	import org.afree.chart.axis.CategoryLabelPositions;
	import org.afree.chart.axis.NumberAxis;
	import org.afree.chart.plot.CategoryPlot;
	import org.afree.chart.plot.PlotOrientation;
	import org.afree.chart.renderer.category.BarRenderer;
	import org.afree.data.category.CategoryDataset;
	import org.afree.data.category.DefaultCategoryDataset;
	import org.afree.graphics.GradientColor;
	import org.afree.graphics.SolidColor;
	import android.os.Bundle;
	import android.app.Activity;
	import android.graphics.Color;
	import android.view.Menu;
	public class MainActivity extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	GraphView spcv = (GraphView) findViewById(R.id.graphView1);
	CategoryDataset dataset = createDataset();
	AFreeChart chart = createChart(dataset);
	spcv.setChart(chart);
	}
	private static AFreeChart createChart(CategoryDataset dataset) {
	// create the chart...
	AFreeChart chart = ChartFactory.createBarChart(
	"Bar Chart Demo 1", // chart title
	"Category", // domain axis label
	"Value", // range axis label
	dataset, // data
	PlotOrientation.VERTICAL, // orientation
	true, // include legend
	true, // tooltips?
	false // URLs?
	);
	// NOW DO SOME OPTIONAL CUSTOMISATION OF THE CHART...
	// set the background color for the chart...
	chart.setBackgroundPaintType(new SolidColor(Color.WHITE));
	// get a reference to the plot for further customisation...
	CategoryPlot plot = (CategoryPlot) chart.getPlot();
	// set the range axis to display integers only...
	NumberAxis rangeAxis = (NumberAxis) plot.getRangeAxis();
	rangeAxis.setStandardTickUnits(NumberAxis.createIntegerTickUnits());
	// disable bar outlines...
	BarRenderer renderer = (BarRenderer) plot.getRenderer();
	renderer.setDrawBarOutline(false);
	// set up gradient paints for series...
	GradientColor gp0 = new GradientColor(Color.BLUE, Color.rgb(0, 0, 64));
	GradientColor gp1 = new GradientColor(Color.GREEN, Color.rgb(0, 64, 0));
	GradientColor gp2 = new GradientColor(Color.RED, Color.rgb(64, 0, 0));
	renderer.setSeriesPaintType(0, gp0);
	renderer.setSeriesPaintType(1, gp1);
	renderer.setSeriesPaintType(2, gp2);
	CategoryAxis domainAxis = plot.getDomainAxis();
	domainAxis.setCategoryLabelPositions(
	CategoryLabelPositions.createUpRotationLabelPositions(
	Math.PI / 6.0));
	// OPTIONAL CUSTOMISATION COMPLETED.
	return chart;
	}
	private static CategoryDataset createDataset() {
	// row keys...
	String series1 = "First";
	String series2 = "Second";
	String series3 = "Third";
	// column keys...
	String category1 = "Category 1";
	String category2 = "Category 2";
	String category3 = "Category 3";
	String category4 = "Category 4";
	String category5 = "Category 5";
	// create the dataset...
	DefaultCategoryDataset dataset = new DefaultCategoryDataset();
	dataset.addValue(1.0, series1, category1);
	dataset.addValue(4.0, series1, category2);
	dataset.addValue(3.0, series1, category3);
	dataset.addValue(5.0, series1, category4);
	dataset.addValue(5.0, series1, category5);
	dataset.addValue(5.0, series2, category1);
	dataset.addValue(7.0, series2, category2);
	dataset.addValue(6.0, series2, category3);
	dataset.addValue(8.0, series2, category4);
	dataset.addValue(4.0, series2, category5);
	dataset.addValue(4.0, series3, category1);
	dataset.addValue(3.0, series3, category2);
	dataset.addValue(2.0, series3, category3);
	dataset.addValue(3.0, series3, category4);
	dataset.addValue(6.0, series3, category5);
	return dataset;
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
	// Inflate the menu; this adds items to the action bar if it is present.
	getMenuInflater().inflate(R.menu.main, menu);
	return true;
	}
	}

view raw MainActivity.java hosted with ❤ by GitHub

AFreeChartでグラフ作成 :AFreeChart

1.ライブラリ：afreechart-0.0.4.jar　をダウンロードして、libs フォルダに入れる。
2.view を作成する。
3.データを入れる。

	<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" >
	<com.example.afreechart.GraphView
	android:id="@+id/graphView1"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content" />
	</LinearLayout>

view raw activity_main.xml hosted with ❤ by GitHub

	package com.example.afreechart;
	import org.afree.chart.AFreeChart;
	import org.afree.graphics.geom.RectShape;
	import android.content.Context;
	import android.graphics.Canvas;
	import android.util.AttributeSet;
	import android.view.View;
	public class GraphView extends View {
	private AFreeChart chart;
	private RectShape chartArea;
	public GraphView(Context context, AttributeSet attrs) {
	super(context, attrs);
	// TODO Auto-generated constructor stub
	chartArea = new RectShape();
	}
	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
	super.onSizeChanged(w, h, oldw, oldh);
	chartArea.setWidth(w);
	chartArea.setHeight(h/2);
	}
	@Override
	protected void onDraw(Canvas canvas) {
	super.onDraw(canvas);
	this.chart.draw(canvas, chartArea);
	}
	public void setChart(AFreeChart chart) {
	this.chart = chart;
	}
	}

view raw GraphView.java hosted with ❤ by GitHub

	package com.example.afreechart;
	import org.afree.chart.AFreeChart;
	import org.afree.chart.ChartFactory;
	import org.afree.chart.plot.PlotOrientation;
	import org.afree.data.xy.XYSeries;
	import org.afree.data.xy.XYSeriesCollection;
	import org.afree.graphics.SolidColor;
	import android.os.Bundle;
	import android.app.Activity;
	import android.graphics.Color;
	import android.view.Menu;
	public class MainActivity extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	XYSeriesCollection dataset = new XYSeriesCollection();
	XYSeries series = new XYSeries("XYSeries");
	series.add(1, 1);
	series.add(2, 2);
	series.add(3, 3);
	series.add(4, 4);
	series.add(5, 5);
	series.add(6, 6);
	series.add(7, 7);
	dataset.addSeries(series);
	AFreeChart chart = ChartFactory.createXYLineChart("タイトル", "X軸ラベル",
	"ｙ軸ラベル", dataset, PlotOrientation.VERTICAL, false, true, false);
	chart.setBackgroundPaintType(new SolidColor(Color.GRAY));//背景の色
	chart.setBorderPaintType(new SolidColor(Color.BLACK));//枠線の色
	GraphView spcv = (GraphView) findViewById(R.id.graphView1);
	spcv.setChart(chart);
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
	// Inflate the menu; this adds items to the action bar if it is present.
	getMenuInflater().inflate(R.menu.main, menu);
	return true;
	}
	}

view raw MainActivity.java hosted with ❤ by GitHub