drawArc + Thread 원 그리기

drawArc + Thread

 원 그리기

ㆍ 이번글은 지난글 마지막에 말했던 drawArc와

    Thread를 이용해서 실시간 원을 그리는 방법에 대해

    알아보도록 하겠습니다.

ㆍ drawArc 사용방법은 지난글에서 알아보았으니

    간단하게 코드위주로 보고 끝내도록 하겠습니다.

간단하게 위에 처럼 만들어보겠습니다.

원리만 알면

쉽게 컨츄럴 해서 다양하게

사용 가능합니다

바로 시작해보겠습니다

(이전글 안보신분들은 꼭 보시길!!)

canvas.drawArc(rect, 270, i, false, pnt);

이 부분만 잘 보면 되겠죠?

270도가 시작지점이고,

i위치가 몇도를 돌릴것인지 결정하므로

i에 1을 넣게 되면 270도에서 271도까지 돌리는거겠죠?

그 다음 i에 2를 넣게 되면 270도에서 272도까지 돌리는거겠죠?

자 그럼 Thread를 돌려서

n초 마다 i값을 증가시켜주면

간단하게 끝납니다.

코드를 보겠습니다.

먼저,

앱을 실행하면

바로 서브스레드를

실행시킵니다.

MyView myView;
Thread myThread;
MyRunnable myRunnable;
@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    myView = (MyView)findViewById(R.id.myView);
    startSubThread();
}
public void startSubThread()
{
    myRunnable = new MyRunnable();
    myThread = new Thread(myRunnable);
    myThread.setDaemon(true);
    myThread.start();
}

그 다음

Handler와 Runnable을 보면

android.os.Handler mainHandler = new android.os.Handler()
{
    public void handleMessage(Message msg)
    {
        if (msg.what == 0)
        {
            myView.invalidate();
        }
    }
};


public class MyRunnable implements Runnable
{
    @Override
    public void run()
    {
        while(mainHandler!=null)
        {
            try
            {
                myView.i = myView.i + 0.6f;
                Message msg = Message.obtain();
                msg.what = 0;
                mainHandler.sendMessage(msg);
            }
            catch (Exception e)
            {
                e.printStackTrace();
            }

            try
            {
                Thread.sleep(10);
            }
            catch (Exception e)
            {
                e.printStackTrace();
            }
        }
    }
}

myView.i = myView.i + 0.6f;

drawArc 들어가는 i값을 0.6씩 증가시킵니다

Thread.sleep(10);

1000이 1초이므로 0.01초마다 증가하겠죠?

myView.invalidate();

0.01초마다 invalidate() 해줍니다.

invalidate()를 써주면 커스텀뷰의

onDraw()가 실행됩니다.

그 다음은 MyView를 볼까요?

@Override
protected void onDraw(Canvas canvas)
{
    super.onDraw(canvas);
    Paint pnt = new Paint();
    pnt.setStrokeWidth(6f);
    pnt.setColor(Color.parseColor("#FF0000"));
    pnt.setStyle(Paint.Style.STROKE);

    RectF rect = new RectF();
    rect.set(200, (200), 600, 600);
    canvas.drawArc(rect, 270, i, false, pnt);
}

이 부분이 0.01초마다 호출되는 부분입니다.

canvas.drawArc(rect, 270, i, false, pnt);

i값이 0.01초마다 0.6씩 증가합니다.

자 이렇게 되면 

270 -> 270.6

270 -> 271.2

270 -> 271.8

270 -> 272.4

이런식으로 엄청 빠르게 진행되겠죠?

자 그럼 만약 반시계반향으로

진행하려면 어떻게 할까요?

써보면서 생각하면 쉽습니다.

269.4 -> 270

268.8 -> 270

268.6 -> 270

이런식으로 drawArc가 시계반향으로

진행되므로 끝점인 270은 고정시키고

시작점을 아에 0.6씩 빼버리면 되겠죠?

canvas.drawArc(rect, (270-i), i, false, pnt);

이렇게 써 넣으면 되겠죠?

그럼 전체 코드를 보면서 마무리 하겠습니다.

(코드는 정리하고 수정해서 쓰세요 ㅎㅎ

너무 대충 짜서 .ㅠㅠ)

[MainActivity]

public class MainActivity extends AppCompatActivity
{
    MyView myView;
    Thread myThread;
    MyRunnable myRunnable;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myView = (MyView)findViewById(R.id.myView);
        startSubThread();
    }
    public void startSubThread()
    {
        myRunnable = new MyRunnable();
        myThread = new Thread(myRunnable);
        myThread.setDaemon(true);
        myThread.start();
    }

    android.os.Handler mainHandler = new android.os.Handler()
    {
        public void handleMessage(Message msg)
        {
            if (msg.what == 0)
            {
                myView.invalidate();
            }
        }
    };


    public class MyRunnable implements Runnable
    {
        @Override
        public void run()
        {
            while(mainHandler!=null)
            {
                try
                {
                    myView.i = myView.i + 0.6f;
                    Message msg = Message.obtain();
                    msg.what = 0;
                    mainHandler.sendMessage(msg);
                }
                catch (Exception e)
                {
                    e.printStackTrace();
                }

                try
                {
                    Thread.sleep(10);
                }
                catch (Exception e)
                {
                    e.printStackTrace();
                }
            }
        }
    }
}

[MyView]

public class MyView extends View
{
    float i;
    public MyView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
        Paint pnt = new Paint();
        pnt.setStrokeWidth(6f);
        pnt.setColor(Color.parseColor("#FF0000"));
        pnt.setStyle(Paint.Style.STROKE);

        RectF rect = new RectF();
        rect.set(200, (200), 600, 600);
        canvas.drawArc(rect, 270, i, false, pnt);

        pnt.setColor(Color.parseColor("#2F9D27"));
        rect = new RectF();
        rect.set(200, (700), 600, 1100);
        canvas.drawArc(rect, (270-i), i, false, pnt);
    }
}

끝!!!