사용자 도구

사이트 도구

추적:
android:pdfdocument:measuringparagraph
measuringparagraph

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판		이전 판
android:pdfdocument:measuringparagraph [2024/12/07 21:50] – 이거니맨android:pdfdocument:measuringparagraph [2024/12/09 23:31] (현재) – 이거니맨
줄 147: 줄 147:
 위의 getTextBounds를 통해 다음과 같이 상자와 선을 그려 보았다.  위의 getTextBounds를 통해 다음과 같이 상자와 선을 그려 보았다. 
  
 +=== 가. 상자와 선을 그리는 함수 ===
  
 +다음과 같이 상자와 선을 그리는 함수를 만들었다.
  
-아래 그림은 각각 김정철명조체와 고령딸기체로 그린 글자에 대하여 경계썬을 나타낸 것이다.  +<code kotlin> 
 +    // Text with underline, rectangle, outline 
 +    fun richText(text : String, canvas: Canvas, switch : String) { 
 +        title.setTypeface(fontStrawberry) 
 +        title.color = ContextCompat.getColor(context, R.color.orange_80) 
 +        title.textSize = 16f 
 +        title.textAlign = Paint.Align.LEFT
  
-{{:android:pdfdocument:textbounds김정철명조.jpg?600|textbounds김정철명조}}+        // Draw Text 
 +        canvas.drawText(text, currentPOS.X.toFloat(), currentPOS.Y.toFloat(), title)
  
 +        // Font Effect
 +        when (switch) {
 +            "Rect" -> {
 +                val bounds = Rect()
 +                title.getTextBounds(text, 0, text.length, bounds)
 +                val rc = Rect(currentPOS.X, currentPOS.Y - bounds.height(), currentPOS.X + bounds.right, currentPOS.Y - bounds.height())
  
 +                canvas.drawRect(rc, linePaint)
 +            }
 +            "LineBottom" -> {
 +                val bounds = Rect()
 +                title.getTextBounds(text, 0, text.length, bounds)
 +                canvas.drawLine(currentPOS.X.toFloat(), currentPOS.Y.toFloat() + bounds.bottom.toFloat(), currentPOS.X + bounds.right.toFloat(), currentPOS.Y + bounds.bottom.toFloat(), linePaint)
  
 +                canvas.drawText("Bottom : " + bounds.bottom, currentPOS.X + bounds.right.toFloat() + 50, currentPOS.Y.toFloat(), textPaint)
 +            }
 +            "LineTop" -> {
 +                val bounds = Rect()
 +                title.getTextBounds(text, 0, text.length, bounds)
 +                canvas.drawLine(currentPOS.X.toFloat(), currentPOS.Y.toFloat() + bounds.top.toFloat(), currentPOS.X + bounds.right.toFloat(), currentPOS.Y + bounds.top.toFloat(), linePaint)
 +
 +                canvas.drawText("Top : " + bounds.top, currentPOS.X + bounds.right.toFloat() + 50, currentPOS.Y.toFloat(), textPaint)
 +            }
 +            "LineHeight" ->  {
 +                val bounds = Rect()
 +                title.getTextBounds(text, 0, text.length, bounds)
 +                canvas.drawLine(currentPOS.X.toFloat(), currentPOS.Y.toFloat() - bounds.height().toFloat(), currentPOS.X + bounds.right.toFloat(), currentPOS.Y - bounds.height().toFloat(), linePaint)
 +
 +                canvas.drawText("Height(minus) : " + -bounds.height(), currentPOS.X + bounds.right.toFloat() + 50, currentPOS.Y.toFloat(), textPaint)
 +            }
 +
 +        }
 +
 +    }
 +</code>
 +
 +getTextBounds에서 top과 bottom, 그리고 줄의 높이인 height()가 어떻 결과값을 나타내는지 확인하게 만들었다. 
 +
 +
 +=== 나. 호출하기 ===
 +
 +
 +다음과 같이 호출하였다.
 +
 +<code kotlin>
 +    // 상자만들기
 +    pdfUtil.linefeed()
 +    pdfUtil.titleText("글자의 크기를 재봅니다",  canvas, true)
 +
 +    pdfUtil.space()
 +    // 선을 그리기
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("Text Bounds : Bottom", canvas, "LineBottom")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("Text Bounds : Top", canvas, "LineTop")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("Text Bounds : Height", canvas, "LineHeight")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("텍스트 경계선 : 바닥", canvas, "LineBottom")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("텍스트 경계선 : 천장", canvas, "LineTop")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("텍스트 경계썬 : 줄의 높이", canvas, "LineHeight")
 +
 +</code>
 +
 +
 +아래 그림은 각각 [[http://font.junglim.com/|김정철명조체]]와 [[https://www.goryeong.go.kr/kor/contents.do?IDX=409|고령딸기체]]로 그린 글자에 대하여 경계선을 나타낸 것이다.  
 +
 +
 +^  고령딸기체  ^  김정철명조체  ^
 +|  {{:android:pdfdocument:딸기체.jpg?400|딸기체}}  |  {{:android:pdfdocument:명조체.jpg?400|명조체}}  |
 +
 +
 +LineHeight()로 줄의 높이를 정하는게 가장 시인성 있는 것을 알 수 있다. 따라서 앞으로는 이를 기준으로 글자의 높이를 정하겠다. 
 +
 +
 +===== 결론 ===== 
 +
 +==== 1. Rich Text ====
 +
 +다음과 같이 Rich Text를 구현할 수 있다.
 +
 +<code kotlin>
 +    // Text with underline, rectangle, outline, shadow
 +    fun richText(text : String, canvas: Canvas, switch : String) {
 +        title.setTypeface(fontKJCMyungjo)
 +        title.color = ContextCompat.getColor(context, R.color.orange_80)
 +        title.textSize = 16f
 +        title.textAlign = Paint.Align.LEFT
 +
 +        // Font Effect
 +        when (switch) {
 +            "Rect" -> {
 +                // Draw Text
 +                canvas.drawText(text, currentPOS.X.toFloat(), currentPOS.Y.toFloat(), title)
 +
 +                val bounds = Rect()
 +                title.getTextBounds(text, 0, text.length, bounds)
 +                val offset = 2
 +                val rc = Rect(currentPOS.X - offset, currentPOS.Y - bounds.height() + offset, currentPOS.X + bounds.right + offset, currentPOS.Y + bounds.bottom + offset)
 +
 +                canvas.drawRect(rc, linePaint)
 +            }
 +            "LineBottom" ->  {
 +                // Draw Text
 +                canvas.drawText(text, currentPOS.X.toFloat(), currentPOS.Y.toFloat(), title)
 +                val bounds = Rect()
 +                title.getTextBounds(text, 0, text.length, bounds)
 +                val offset = 2f
 +                canvas.drawLine(currentPOS.X.toFloat() - offset, currentPOS.Y.toFloat() + bounds.bottom + offset, currentPOS.X + bounds.right.toFloat() + offset, currentPOS.Y + bounds.bottom + offset, linePaint)
 +
 +                canvas.drawText("Height(minus) : " + -bounds.height(), currentPOS.X + bounds.right.toFloat() + 50, currentPOS.Y.toFloat(), textPaint)
 +            }
 +            "LineCenter" ->  {
 +                // Draw Text
 +                canvas.drawText(text, currentPOS.X.toFloat(), currentPOS.Y.toFloat(), title)
 +
 +                val bounds = Rect()
 +                title.getTextBounds(text, 0, text.length, bounds)
 +                val offset = 2f
 +                canvas.drawLine(currentPOS.X.toFloat() - offset, currentPOS.Y.toFloat() - (bounds.height() / 2).toFloat() + bounds.bottom, currentPOS.X + bounds.right.toFloat() + offset, currentPOS.Y - (bounds.height()  / 2).toFloat() + bounds.bottom, linePaint)
 +
 +                canvas.drawText("Center : " + -bounds.height(), currentPOS.X + bounds.right.toFloat() + 50, currentPOS.Y.toFloat(), textPaint)
 +            }
 +            "OutlineFill" -> {
 +                // draw outline of text
 +                title.style = Paint.Style.FILL_AND_STROKE
 +                title.strokeWidth = 1f
 +                title.color = ContextCompat.getColor(context, R.color.teal_700)
 +
 +                canvas.drawText( text, currentPOS.X.toFloat(), currentPOS.Y.toFloat(), title )
 +            }
 +            "Outline" -> {
 +                // draw outline of text
 +                title.style = Paint.Style.STROKE
 +                title.strokeWidth = 0.5f
 +                title.color = ContextCompat.getColor(context, R.color.teal_700)
 +
 +                canvas.drawText( text, currentPOS.X.toFloat(), currentPOS.Y.toFloat(), title )
 +            }
 +            "Shadow" -> {
 +                title.style = Paint.Style.FILL
 +                title.strokeWidth = 1f
 +                title.setShadowLayer(1f, 1f, 1f, ContextCompat.getColor(context, R.color.black))
 +                canvas.drawText( text, currentPOS.X.toFloat(), currentPOS.Y.toFloat(), title )
 +            }
 +
 +        }
 +
 +    }
 +
 +</code> 
 +
 +
 +==== 2. 예시 ====
 +
 +위의 글자꾸미기는 다음과 같이 PDF로 인쇄된다. 
 +
 +{{:android:pdfdocument:richtext.jpg?600|Rich Text}} 
 +
 +
 +<code kotlin>
 +    pdfUtil.space()
 +    // 선을 그리기
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("상자를 그립니다 : Rect", canvas, "Rect")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("밑줄을 그립니다 : LineBottom", canvas, "LineBottom")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("취소선을 그립니다 : LineCenter", canvas, "LineCenter")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("외곽선을 그리고 채웁니다. : OutlineFill", canvas, "OutlineFill")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("외곽선만 그립니다. : OutlineFill", canvas, "Outline")
 +
 +    pdfUtil.linefeed()
 +    pdfUtil.richText("그림자를 그립니다. : OutlineFill", canvas, "Shadow")
 +
 +</code>
android/pdfdocument/measuringparagraph.1733575811.txt.gz · 마지막으로 수정됨: 2024/12/07 21:50 저자 이거니맨