class ArtView(context: Context, attrs: AttributeSet) : View(context, attrs) {
    private val xCent: Float = 200f  //X軸中心位置(200dp)
    private val yCent: Float = 200f  //Y軸中心位置(200dp)
    private val dens = resources.displayMetrics.density  //画面論理密度
    var dpPerMperS2: Float = 50f    //1m/s²に対する画面のdp(1m/s²: 50dp)
    var xOffset: Float = 0f         //X軸のオフセット(単位 m/s²)
    var yOffset: Float = 0f         //Y軸のオフセット(単位 m/s²)

    //Pathの初期プロットのフラグ
    private var firstPlotFlag: Boolean = true

    //プロットデータのデータクラス宣言
    data class dataPlot(val x: Float, val y: Float){
        var xData = x;
        var yData = y;
    }
    var plotDatas: ArrayList<dataPlot> = ArrayList()

    private val path = Path()

    //プロット線用の描画スタイル定義
    private val pLine = Paint().apply {
        //各プロパティ定義
        color = Color.GREEN
        strokeWidth = 2f * dens
        style = Paint.Style.STROKE
        strokeJoin = Paint.Join.ROUND
    }

    //Viewが表示、変更される時に呼び出されるメソッド
    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)

        //ビューに対して描画
        canvas.drawColor(Color.WHITE)   //canvasの色指定
        canvas.drawPath(path, pLine)    //Pathラインの表示
        scaleDisp(canvas)               //スケール表示
    }
                ・
                ・
                ・

 

    //Pathにプロット点を追加して描画
    fun drawPathLine(xData: Float, yData: Float){
        val data = dataPlot(xData, yData)
        plotDatas.add(data)   //前回までのプロットデータに新プロットデータを追加して記憶

        //X,Y値をピクセル位置に変換
        val xPix = (xCent + (-xOffset + xData) * dpPerMperS2) * dens
        val yPix = (yCent + (yOffset - yData) * dpPerMperS2) * dens

        if (firstPlotFlag == true){     //初期プロット点？
            firstPlotFlag = false       //初期プロット点フラグリセット
            path.moveTo(xPix, yPix)
        }
        else{
            path.lineTo(xPix, yPix)
        }

        invalidate()    //onDraw()メソッドを呼び出す
    }

    //プロットした表示全クリア
    fun drawClr(){
        plotDatas.clear()       //記憶したプロットデータをクリアする
        path.reset()            //パスのクリア
        xOffset = 0f            //X軸オフセットクリア
        yOffset = 0f            //Y軸オフセットクリア
        dpPerMperS2 = 50f       //1m/S²のdp値初期セット
        firstPlotFlag = true    //初期プロット点フラグフラグセット
        invalidate()            //onDraw()メソッドを呼び出す
    }

    //----スクロールとピンチ処理---------------------
    private val mScaleDetector = ScaleGestureDetector(context, ScaleListener())
    private val mGestureDetector = GestureDetector(context, GestureListener())

    //画面タッチで呼び出されるメソッド
    override fun onTouchEvent(event: MotionEvent): Boolean {
        mScaleDetector.onTouchEvent(event)
        mGestureDetector.onTouchEvent(event)
        return true
    }

    //SimpleOnScaleGestureListener(ピンチ時のリスナ)
    inner class ScaleListener: ScaleGestureDetector.SimpleOnScaleGestureListener(){
        override fun onScale(detector: ScaleGestureDetector): Boolean {
            val scale: Float = detector.scaleFactor

            //1m/s²に対する画面dpを変更する
            dpPerMperS2 = dpPerMperS2 * scale
            //パスの再生とグラフの再表示
            reMakePath()
            return true
        }
    }

    //SimpleOnGestureListerner(スクロール時のリスナ)
    inner class GestureListener: GestureDetector.SimpleOnGestureListener(){
        override fun onScroll(
            e1: MotionEvent?,
            e2: MotionEvent,
            distanceX: Float,
            distanceY: Float
        ): Boolean {
            //X軸、Y軸のオフセット値計算
            val xOfs = xOffset + distanceX / (dens * dpPerMperS2)
            //0.001以下を切り捨てる
            xOffset = (Math.floor(xOfs.toDouble() * 1000.0) / 1000.0).toFloat()
            val yOfs = yOffset - distanceY / (dens * dpPerMperS2)
            //0.001以下を切り捨てる
            yOffset = (Math.floor(yOfs.toDouble() * 1000.0) / 1000.0).toFloat()
            //パスの再生とグラフの再表示
            reMakePath()
            return true
        }
    }

    //パスの再生と再表示
    fun reMakePath(){
        //今までのPathの目盛に対応した作り直し
        path.reset()        //パスのクリア
        firstPlotFlag = true
        plotDatas.forEach {
            val data = it
            val xData = data.xData
            val yData = data.yData

            //X,Y位置をピクセル位置に変換してPathを再作成
            val xPix = (xCent + (-xOffset + xData) * dpPerMperS2) * dens
            val yPix = (yCent + (yOffset - yData) * dpPerMperS2) * dens
            if (firstPlotFlag == true){
                firstPlotFlag = false
                path.moveTo(xPix, yPix)
            } else {
                path.lineTo(xPix, yPix)
            }
        }
        invalidate()    //onDraw()メソッドを呼び出す
    }

//--------目盛線の表示-----------------------
    fun scaleDisp(canvas: Canvas) {
        drawXaxis(canvas)       //X軸の表示
        drawYaxis(canvas)       //Y軸の表示
        drawXscale(canvas)      //X軸の目盛り表示
        drawYscale(canvas)      //Y軸の目盛り表示
    }

    //X軸(横軸)の表示
    fun drawXaxis(canvas: Canvas){
        //目盛線用描画スタイル
        val pa1 = Paint().apply {
            color = Color.BLUE
            strokeWidth = 1.5f * dens
        }

        //目盛線の延長線用描画スタイル
        val pa2 = Paint().apply {
            color = Color.BLUE
            strokeWidth = 0.5f * dens
        }

        //X軸を引く　(中心-190dp)～(中心+190dp)
        var x1Pos = (xCent -190f) * dens
        var y1Pos = yCent * dens
        var x2Pos = (xCent + 190f) * dens
        var y2Pos = yCent * dens
        canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)

        //10dp毎に目盛り線を引く
        for (i in 1..19){
            //中心から50dp,100dp,150dpは長い線
            if ((i == 5) || (i == 10) || (i == 15)){    //長めの線
                //中心から右側
                x1Pos = (xCent + i * 10) * dens
                y1Pos = (yCent - 5) * dens
                x2Pos = (xCent + i * 10) * dens
                y2Pos = (yCent + 5) * dens
                canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)

                //中心から左側
                x1Pos = (xCent - i * 10) * dens
                x2Pos = (xCent - i * 10) * dens
                canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)
            }
            else {  //中心から50dp,100dp,150dp以外は短い線
                //中心から右側
                x1Pos = (xCent + i * 10) * dens
                y1Pos = (yCent - 2) * dens
                x2Pos = (xCent + i * 10) * dens
                y2Pos = (yCent + 2) * dens
                canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)

                //中心から左側
                x1Pos = (xCent - i * 10) * dens
                x2Pos = (xCent - i * 10) * dens
                canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)
            }
        }

        //横軸の目盛り線延長を引く
        for (i in 1..3){    //中心から50dp,100dp,150dpの位置
            //中心から右側
            var x1Pos = (xCent -190f) * dens
            var y1Pos = (yCent + i * 50) * dens
            var x2Pos = (xCent + 190f) * dens
            var y2Pos = (yCent + i * 50) * dens
            canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa2)

            //中心から左側
            y1Pos = (yCent - i * 50) * dens
            y2Pos = (yCent - i * 50) * dens
            canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa2)
        }
    }

    //Y軸(縦軸)の表示
    fun drawYaxis(canvas: Canvas){
        //目盛線用描画スタイル
        val pa1 = Paint().apply {
            color = Color.BLUE
            strokeWidth = 1.5f * dens
        }

        //目盛線の延長線用描画スタイル
        val pa2 = Paint().apply {
            color = Color.BLUE
            strokeWidth = 0.5f * dens
        }

        //Y軸を引く　(中心-190dp)～(中心+190dp)
        var x1Pos = xCent * dens
        var y1Pos = (yCent - 190f) * dens
        var x2Pos = xCent * dens
        var y2Pos = (yCent + 190f) * dens
        canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)

        //10dp毎に目盛り線を引く
        for (i in 1..19) {
            //中心から50dp,100dp,150dpは長い線
            if ((i == 5) || (i == 10) || (i == 15)) {   //長めの線
                //中心から上側
                x1Pos = (xCent - 5) * dens
                y1Pos = (yCent + i * 10) * dens
                x2Pos = (xCent + 5) * dens
                y2Pos = (yCent + i * 10) * dens
                canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)

                //中心から下側
                y1Pos = (yCent - i * 10) * dens
                y2Pos = (yCent - i * 10) * dens
                canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)
            } else {    ////中心から50dp,100dp,150dp以外は短い線
                //中心から上側
                x1Pos = (xCent - 2) * dens
                y1Pos = (yCent + i * 10) * dens
                x2Pos = (xCent + 2) * dens
                y2Pos = (yCent + i * 10) * dens
                canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)

                //中心から下側
                y1Pos = (yCent - i * 10) * dens
                y2Pos = (yCent - i * 10) * dens
                canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa1)
            }
        }

        //縦軸の目盛り線延長を引く
        for (i in 1..3){ //中心から50dp,100dp,150dpの位置
            //中心から上側
            var x1Pos = (xCent - i * 50) * dens
            var y1Pos = (yCent - 190f ) * dens
            var x2Pos = (xCent - i * 50) * dens
            var y2Pos = (yCent + 190f) * dens
            canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa2)

            //中心から下側
            x1Pos = (xCent + i * 50) * dens
            x2Pos = (xCent + i * 50) * dens
            canvas.drawLine(x1Pos, y1Pos, x2Pos, y2Pos, pa2)
        }
    }

    //X軸の目盛り表示
    fun drawXscale(canvas:Canvas){
        //文字用描画スタイル
        val pText = Paint().apply{
            color = Color.BLACK
            strokeWidth = 5f * dens
            typeface = Typeface.SERIF
            textSize = 15f      //テキストサイズ(sp)
            textAlign = Paint.Align.CENTER  //表示位置
            textScaleX = 1.5f   //水平方向への拡大率
            textSkewX = -0.5f   //水平方向にずらす度合
        }

        for (i in 0..3){
            //中心から横へ50dp, 100dp, 150dpの位置に数値表示
            var xPos = (xCent + i * 50f) * dens
            var yPos = (yCent + 15f) * dens
            var tex = changeString(i * 50f / dpPerMperS2 + xOffset)
            canvas.drawText(tex, xPos, yPos, pText)

            //中心から横へ-50dp, -100dp, -150dpの位置に数値表示
            xPos = (xCent - i * 50f) * dens
            tex = changeString(i * -50f / dpPerMperS2 + xOffset)
            canvas.drawText(tex, xPos, yPos, pText)
        }

        //"X"の表示
        var xPos = (xCent + 190f) * dens
        var yPos = (yCent - 5f) * dens
        canvas.drawText("X", xPos, yPos, pText)

    }

    //Y軸の目盛り表示
    fun drawYscale(canvas: Canvas){
        //文字用描画スタイル
        val pText = Paint().apply{
            color = Color.BLACK
            strokeWidth = 5f * dens
            typeface = Typeface.SERIF
            textSize = 15f      //テキストサイズ(sp)
            textAlign = Paint.Align.LEFT  //表示位置
            textScaleX = 1.5f   //水平方向への拡大率
            textSkewX = -0.5f   //水平方向にずらす度合
        }

        for (i in 0..3){
            //中心から下へ50dp, 100dp, 150dp付近に数値表示
            var xPos = (xCent + 5f) * dens
            var yPos = (yCent + i * 50f - 5f) * dens
            var tex = changeString(i * -50f / dpPerMperS2 + yOffset)
            canvas.drawText(tex, xPos, yPos, pText)

            //中心から上へ-50dp, -100dp, -150dp付近に数値表示
            yPos = (yCent - i * 50f - 5f) * dens
            tex = changeString(i * 50f / dpPerMperS2 + yOffset)
            canvas.drawText(tex, xPos, yPos, pText)
        }

        //"Y"の表示
        val xPos = (xCent - 15f) * dens
        val yPos = (yCent - 185f) * dens
        canvas.drawText("Y", xPos, yPos, pText)
    }

    //0.001以下を切り捨て文字列化
    fun changeString(value: Float): String{
        //0.001以下切り捨て
        val dataTxt = (Math.floor(value.toDouble() * 1000.0) / 1000.0).toString()
        return dataTxt
    }

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <view
        android:id="@+id/art_view"
        class="com.ri_control.x_y_plot_test.ArtView"
        android:layout_width="400dp"
        android:layout_height="400dp"
        android:layout_marginTop="8dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/startButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginTop="68dp"
        android:text="START"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/art_view" />

    <Button
        android:id="@+id/stopButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="68dp"
        android:text="STOP"
        app:layout_constraintStart_toEndOf="@+id/startButton"
        app:layout_constraintTop_toBottomOf="@+id/art_view" />

    <Button
        android:id="@+id/clearButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="24dp"
        android:layout_marginTop="68dp"
        android:text="CLEAR"
        app:layout_constraintStart_toEndOf="@+id/stopButton"
        app:layout_constraintTop_toBottomOf="@+id/art_view" />

</androidx.constraintlayout.widget.ConstraintLayout>

class MainActivity : AppCompatActivity(), SensorEventListener {
    //センサーマネージャ
    private lateinit var sensManager: SensorManager
    //スタートフラグ
    private var startFlag: Boolean = false

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        //センサーマネージャ設定
        sensManager = getSystemService(Context.SENSOR_SERVICE) as SensorManager

        //押し釦スイッチのOnClickListenerの設定
        val staButton = findViewById<Button>(R.id.startButton)
        staButton.setOnClickListener(StartButtonOnClickListener())

        val stpButton = findViewById<Button>(R.id.stopButton)
        stpButton.setOnClickListener(StopButtonOnClickListener())

        val clrButton = findViewById<Button>(R.id.clearButton)
        clrButton.setOnClickListener(ClearButtonOnClickListener())
    }

    override fun onResume() {
        super.onResume()
        //重力センサ指定
        val accSensor = sensManager.getDefaultSensor(Sensor.TYPE_GRAVITY)
        //最高通知速度指定
        sensManager.registerListener(this, accSensor, SensorManager.SENSOR_DELAY_FASTEST)
    }

    override fun onPause() {
        super.onPause()
        //センサマネージャ登録解除
        sensManager.unregisterListener(this)
    }

    //センサの値が変更された
    override fun onSensorChanged(event: SensorEvent?) {
        if (startFlag == true) {        //スタートしている？
            val valX = event?.values?.get(0)    //X軸重力
            val valY = event?.values?.get(1)    //Y軸重力
            if ((valX != null) && (valY != null)) {
                //グラフの表示
                val artView = findViewById<ArtView>(R.id.art_view)
                artView.drawPathLine(valX, valY)
            }
        }
    }

    //センサの精度が変更された
    override fun onAccuracyChanged(sensor: Sensor?, accuracy: Int) {

    }

    //スタートボタンのOnClickListener
    private inner class StartButtonOnClickListener : View.OnClickListener{
        override fun onClick(v: View?) {
            startFlag = true    //スタートフラグセット
        }
    }

    //ストップボタンのOnClickListener
    private inner class StopButtonOnClickListener : View.OnClickListener{
        override fun onClick(v: View?) {
            startFlag = false   //スタートフラグリセット
        }
    }

    //クリアボタンのOnClickListener
    private inner class ClearButtonOnClickListener : View.OnClickListener{
        override fun onClick(v: View?) {
            val artView = findViewById<ArtView>(R.id.art_view)
            artView.drawClr()       //プロット点のクリア
        }
    }
}