달력

12

« 2019/12 »

  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

   

   

<head> 태그 사이에 기록되는 문서 정보

<title>

홈페이지를 대표할 수 있는 문서 제목을 지정합니다

<meta>

다양한 속성을 가지고 있어 다양한 역할을 합니다.

<script>

홈페이지를 역동적으로 변화시킵니다.

<style>

문서 전체의 레이아웃을 결정하여 문서에 통일감을 줍니다

<html>

<head>

<title></title>

</head>

<body> </body>        

</html>

   

   

   

태그의 구성 요소

복합 태그

<태그명> 내용 </태그명>

속성을 가지는 태그

<태그명 속성명=값> 내용 </태그명>

단독 태그

<태그명>

사용 예

여러분을 <font size=5 color=blue>HTML 강의</font>를 시작합니다!

   

   

태그 사용 규칙

  • <태그명></태그명>과 같이 여는 태그와 닫는 태그가 쌍으로 사용됩니다.
    • 닫을 때는 태그명으로만 닫습니다.
  • 태그명과 속성명, 속성명과 속성명 사이는 한 칸씩 띄웁니다. 그 외 공백을 두어서는 안 됩니다.
    • 속성명과 값은 = 부호를 사용하여 표시합니다.
    • 값이 두 단어 이상일 경우는 ""로 묶어서 표시합니다.
  • 속성이 있는 태그가 있고 없는 태그가 있습니다.
    • 속성을 반드시 하나 이상 사용해야 하는 태그도 있고 생략해도 되는 태그도 있습니다.
    • 여는 태그만 독립적으로 존재하는 태그도 있습니다.
  • 태그를 중첩해서 사용할 경우 먼저 열어준 태그를 나중에 닫아줍니다.

   

태그 사용 예

<font size=5 color=blue>환영합니다!</font><p>

<b>하늘은 <u>높고</u> 바람은 산들산들 ^^ </b><br>

<p align=center>알찬 내용들로 조금씩 채워가겠습니다. ^^</p>

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

CSS 기본 구성요소  (0) 2014.10.25
시멘틱 태그- 01.html  (0) 2014.10.17
태그  (0) 2014.10.11
CSS Color Names  (0) 2014.10.09
CSS 용어  (0) 2014.10.03
HTML 기본 구조  (0) 2014.10.01
Posted by codedragon codedragon

댓글을 달아 주세요

CSS 용어

용어

설명

제작자(Author)

XHTML이나 XML문서를 제작자를 의미합니다.

사용자(User)

"클라이언트"라고도 불리며 제작자가 만든 문서를 사용하는 사람을 의미합니다.

유저 에이전트(User Agent)

사용자가 하려는 행위를 대신해주는 프로그램을 지칭합니다.

즉, 사용자가 문서를 볼 수 있도록 해주는 것으로, 제작자가 만든 문서를 시작적, 청각적인 형태로 바꾸어 사용자에게 제고하는 프로그램을 말합니다.

웹 브라우저등의 웹클라이언트 프로그램이 이에 해당됩니다.

문서 언어(Document Language)

웹 문서를 만드는데 사용되는 언어를 의미합니다.

XHTML, XML등이 있습니다.

요소(Element)

문서 언어의 요소를 말합니다.

속성(Attribute)

요소에서 세부적인 속성을 의미합니다.

값(Value)

속성의 값을 의미합니다.

선택자(Selector)

CSS에서 사용하는 용어로 문서 언어에서의 요소에 해당합니다.

프로퍼티(Property)

CSS에서 사용하는 용어로 문서 언어에서 속성과 같은 개념입니다.

프로퍼티 값(Property Value)

CSS에서 사용하는 용어로 프로퍼티에 지정되는 값을 의미합니다.

속기 프로퍼티(ShortHand Property)

CSS의 프로퍼티에서 비슷한 것들을 묶어 한 번에 표현하는 것을 의미합니다.

문서의 트리 구조

XHTML문서의 여러 요소를 제어하기 위해 문서의 트리 구조가 생성됩니다. 각 요소들은 서로 간에 종속 관계를 가지게 되며, 루트 요소(body)를 제외한 모든 요소는 하나의 상위 요소를 가지게 됩니다.

루트 요소(body)

XHTML에서 <body>태그는 모든 요소의 상위 요소가 되며, 이를 루트 요소하고 합니다.

상위 요소(Parents)

한 요소가 다른 요소를 표함하고 있거나 내용상, 구조상으로 상위 구조에 있는 경우를 말합니다.

하위 요소(Child)

상위 요소를 가진 요소를 하위 요소라고 합니다.

자손 요소(Descendant)

하위 요소의 하위 요소를 의미합니다.

조상 요소(Ancestor)

한 요소의 상위 요소의 상위 요소를 조상 요소라고 합니다.

형제 요소(Sibling)

동일한 상위 요소를 가지는 두 개 이상의 요소를 형제 요소라고 합니다.

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

태그  (0) 2014.10.11
CSS Color Names  (0) 2014.10.09
CSS 용어  (0) 2014.10.03
HTML 기본 구조  (0) 2014.10.01
CSS 개요  (0) 2014.09.25
01.html-Hello World  (0) 2014.09.13
Posted by codedragon codedragon

댓글을 달아 주세요

   

그래픽 주요 클래스

속성

설명

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레이아웃에 새로 생성한 View를 element로 직접 지정 시

XML레이아웃에 새로 생성한 View를 element로 직접 지정 시 반드시 아래 생성자를 정의해 주어야 합니다.

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

public MyView(Context context, AttributeSet attributeSet){

super(context, attributeSet);

}

   

메인 액티비티에 추가할 때 소스 코드

new연산자를 통해 객체를 생성한 후 setContentView()메소드로 화면 전체에 보여줍니다.

MyView myView = new MyView(this);

setContentView(myView);

   

그리기 메소드

onDraw()

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

onTouch()

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

   

   

Canvas 와 Paint 다루기

 

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();

 

SDCard에서 비트맵 이미지 읽기

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;

   

   

Posted by codedragon codedragon

댓글을 달아 주세요