グラフに点を描画する
グラフ上に点を描画するサンプルです。
円を描くにはdrawCircleを使います。
そして点は塗りつぶす必要があるため
PaintオブジェクトにsetStyle(Paint.Style.FILL)を指定します。
（例）
paint.setStyle(Paint.Style.FILL);
package com.example.test.test68;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//setContentView(R.layout.activity_main);
createScreen();
}
private int mNo4=0;
private void createScreen()
{
RelativeLayout layout = new RelativeLayout(this);
setContentView(layout);
//座標の初期設定
int x=0;
int y=0;
int width=0;
int height=0;
//配置を設定
x=50;
y=50;
width=350;
height=150;
RelativeLayout.LayoutParams obj1 = null;
obj1=getLayoutObject(width, height);
obj1.leftMargin=x;
obj1.topMargin=y;
TextView textView = new TextView(this);
mNo4 = View.generateViewId();
textView.setId(mNo4);
textView.setText("Canvasの描画結果が表示されます。");
layout.addView(textView,obj1);
textView=null;
//y座標の位置をずらしています。
y+=100;
x=50;
width=400;
height=300;
TestCanvas canvas=new TestCanvas(this);
obj1=getLayoutObject(width, height);
obj1.leftMargin=x;
obj1.topMargin=y;
layout.addView(canvas,obj1);
}
//レイアウトを決定するオブジェクトを生成し渡します
private RelativeLayout.LayoutParams getLayoutObject(int width, int height)
{
return new RelativeLayout.LayoutParams(width, height);
}
}
|
package com.example.test.test68;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.Log;
import android.view.View;
public class TestCanvas extends View {
Paint paint;
//public TestCanvas(Context context, AttributeSet attributeSet)
public TestCanvas(Context context)
{
//super(context,attributeSet);
super(context);
paint = new Paint();
}
@Override
protected void onDraw(Canvas canvas)
{
//背景色
canvas.drawColor(Color.argb(255,244,244,244));
paint.setColor(Color.BLUE);
//なめらかな描画をしたい場合はtrue
paint.setAntiAlias(false);
//線の太さ
paint.setStrokeWidth(5.0f);
//線の色
paint.setColor(Color.argb(255,0,0,0));
//縦軸の線
canvas.drawLine(50,50,50,250,paint);
//横軸の線
//canvas.drawLine(50,250,350,250,paint);
//太くしたので微調整した
canvas.drawLine(48,250,350,250,paint);
//縦軸の目盛り(内側)
//線の太さ
paint.setStrokeWidth(3.0f);
//線の色
paint.setColor(Color.argb(255,0,255,0));//緑色
for(int i=0;i<200;i+=50)
{
canvas.drawLine(50,50+i,60,50+i,paint);
}
//横軸の目盛り(内側)
//線の色
paint.setColor(Color.argb(255,0,0,255));//青色
for(int i=0;i<=300;i+=50)
{
if(i<1)continue;
canvas.drawLine(i+50,240,i+50,250,paint);
}
//線の太さ
paint.setStrokeWidth(2.0f);
//線の色
paint.setColor(Color.argb(255,0,0,0));
int iMod = 0;
//横軸のメモリ戦を実線とする
for(int i=0;i<200;i+=50)
{
canvas.drawLine(50,i+50,350,i+50,paint);
}
//50間隔でx軸を左から右に移動していく
for(int i=0;i<=300;i+=50)
{
//縦の長さを200としている
//内側のメモリの長さを5としているため
//200-5=195としている
for(int j=0;j<195;j++)
{
iMod=j % 5;
if(-1 < iMod && iMod < 3)continue;
//canvas.drawLine(j+50,50+i,j+50+1,50+i,paint);
canvas.drawLine(i+50,j+50,i+50,j+50+1,paint);
}
}
//線の色
paint.setColor(Color.argb(255,255,100,0));
//塗りつぶしを指定するため「FILL」を設定する
paint.setStyle(Paint.Style.FILL);
canvas.drawCircle(50,200,7,paint);
canvas.drawCircle(100,50,7,paint);
canvas.drawCircle(150,150,7,paint);
canvas.drawCircle(200,250,7,paint);
canvas.drawCircle(250,50,7,paint);
canvas.drawCircle(300,150,7,paint);
}
}
実行結果
|
|