속성

설명

Canvas

뷰의 표면에 직접 그릴 수 있도록 만들어 주는 객체로 그래픽 그리기를 위한 메서드가 정의되어 있습니다.

Paint

그래픽 그리기를 위해 필요한 색상 등의 속성을 담고 있습니다.

Bitmap

픽셀로 구성된 이미지로 메모리 상에 그래픽을 그리는 데 사용됩니다.

Drawable

사각형, 이미지 등의 그래픽 요소가 객체로 정의되어 있습니다.

속성

설명

점 그리기

void drawPoint(float x, float y, Paint paint)

하나의 점을 그림. drawPoints()를 이용하면 여러 개의 점을 그릴 수 있습니다.

선 그리기

void drawLine(float startX, float startY, float stopX, floatY, Paint paint)

두 점의 x, y 좌표값을 이용해 선을 그립니다.

drawLines()를 이용하면 여러 개의 선을 그릴 수 있습니다.

사각형 그리기

void drawRect(float left, float top, float right, float bottom, Paint paint)

모서리의 자표값을 이용해 사각형을 그립니다.

둥근 모서리의 사각형 그리기

void drawRoundRect(RectF rect, float rx, float ry, Paint paint)

사각 영역과 모서리 부분 타원의 반지름 값을 이용해 둥근 모서리의 사각형을 그립니다.

원 그리기

void drawCircle(float cx, float cy, float radius, Paint paint)

원의 중앙 좌표값과 반지름을 이용해 원을 그립니다.

타원 그리기

void drawOval(RectF oval, Paint paint)

사각 영역을 이용해 타원을 그립니다

아크 그리기

void drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)

사각 영역과 각도를 이용해 아크를 그립니다

패스 그리기

void drawPath(Path path, Paint paint)

패스 정보를 이용해 연결선 또는 부드러운 곡선을 그립니다

비트맵 그리기

void drawBitmap(Bitmap bitmap, float left, float top, Paint paint)

비트맵 이미지를 주어진 좌표값에 그립니다

1

새로운 클래스 생성 후 View를 상속

2

Context객체 하나를 파라미터로 가지는 생성자 정의

3

그리기 객체 초기화 및 필요한 속성 설정

4

onDraw()메소드 내에서 그리기 객체 호출

5

onTouch()메소드 내에서 터치 이벤트 처리

6

새로 만든 View클래스를 메인 액티비티에 추가

//XML에 element로 지정시 반드시 아래 생성자 정의

public MyView(Context context, AttributeSet attributeSet){

super(context, attributeSet);

}

MyView myView = new MyView(this);

setContentView(myView);

onDraw()

뷰가 화면에 디스플레이될 때 자동으로 호출됩니다.

onTouch()

터치 이벤트를 처리합니다.

Canvas

Canvas(android.graphics.Canvas)는 직사각형 영역에 뭔가를 그리는 수단들을 제공합니다.

Paint

Paint 클래스는 스타일과 복합 색 및 렌더링 정보를 캡슐화합니다.

설정

메소드

색상 설정

setColor(Color.RED)

안티앨리어싱 설정

New Paint(Paint.ANTI_ALIAS_FLAG)

스타일 설정

setStyle(Paint.Style.STROKE)

외곽선만 나타나고 색이 채워지지 않음

그래디언트 설정

setShader()

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(new MyCanvas(this));

}

private class MyCanvas extends View{

public MyCanvas(Context context) {

super(context);

}

protected void onDraw(Canvas canvas){

canvas.drawColor(Color.WHITE);

Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);

paint.setColor(Color.BLUE);

//원

canvas.drawCircle(100,100,50,paint);

paint.setColor(Color.YELLOW);

//사각형

canvas.drawRect(200, 200, 300, 300, paint);

}

}

Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.icon);

canvas.drawBitmap(bitmap, 0, 0, null);

bitmap2=Bitmap.createScaledBitmap(bitmap,100,80,false);

canvas.drawBitmap(bitmap2, 0,300, null);

bitmap.recycle();

bitmap2.recycle();

File file=new File(Environment.getExternalStorageDirectory(),fileName);

FileInputStream fis=null;

try{

fis=new FileInputStream(file);

}catch(FileNotFoundException e){}

Log.d("error",String.format("[%s] is not found",fileName));

return;

웹 개발의 플랫폼

의미가 더 분명한 태그들, 사이트나 창 사이의 더 나은 데이터 교환, 애니메이션, 더 나은 멀티미디어 지원 등, 더 좋은 사용자 인터페이스 구현 가능

더 분명한 마크업

내용을 설명하는데 직접 연관된 요소 추가 (제목, 푸터, 내비게이션 절, 사이드바, 글을 정의하는 요소들)

플러그인에 덜 의존하는 멀티미디어

오디오, 비디오 기능 제공

웹 소켓

HTML5는 서버와의 연결을 유지시키는 웹 소켓을 지원

클라이언트 측 스토리지

웹 스토리지와 웹 SQL 데이터베이스 API를 이용하면 브라우저에서 동작하긴 하지만 모든 데이터를 사용자의 컴퓨터에 보관하는 애플리케이션을 만들 수 있음.

더 좋은 인터페이스

테이블에 스타일을 적용하거나, 둥근 모서리를 만드는 등 사용자 인터페이스를 좀 더 풍요롭게 사용 가능.

더 좋은 폼

더 나은 사용자 인터페이스 컨트롤 제공

향상된 접근성

스크린 리더 같은 프로그램을 사용해서 보조 기술에 의존하는 사람에게 더 좋은 웹 페이지 접근성을 제공.

개선된 선택자

CSS3에서 제공하는 선택자를 이용하면 테이블의 홀수 행과 짝수 행을 지정한다거나, 선택된 체크박스를 전부 찾는다거나, 심지어는 특정 그룹에서 마지막 문단을 찾아낼 수도 있음.

시각효과

CSS3을 통해, 배경 이미지에 의존하거나 마크업을 추가하는 일 없이 요소에 그림자와 그래디언트를 넣을 수 있음.