テキストグリフの境界を管理する方法

Question

私はクロックアプリケーションを持っていて、時間を任意の文字セット/フォントの文字で表示したいとします。私はフレーム内のキャラクターをフレーム化し、できるだけそれを塗りたいと思います。どうやってやるの？ UILabelを使用すると、グリフの周囲にスペースが挿入されます。同じフォントでも文字は異なる2つのラベルを示す例です。ヘブライ語の数字はすべてアラビア数字よりも短く見えます。グリフのサイズを決定する方法はありますか、何とかグリフをフレームに合わせて押し出す方法はありますか？

あなたが見ることができるように、ヘブライ語の数字は、それは背の高いUILabelに追加されていていても短くなっています。

編集：転記して以来、私はコアテキストを使って私の問題を解決できるかどうかを確認しました。それはそうではないようだ。ヘブライ語のグリフとアラビア数字のグリフを比較したこれらの図を参照してください。黄色はラベルの境界です。緑は、コアテキストによって報告されるグリフ矩形です。私はグリフに長方形を渡すことを望んでいましたが、ヘブライ文字にはグリフであると予想されていたものの上と上のスペースが含まれているようです。私がチェックしなければならない何か他にありますか？

Answer 1

あなたがobj-Cまたはスウィフトを使用するかどうかは知りませんが、結果を見るためにスウィフト遊び場ページにこれを貼り付けることができます。

細部の編集

import UIKit 
import CoreText 
import PlaygroundSupport 


class PathView: UIView { 

    var myPath: UIBezierPath? 

    override func draw(_ rect: CGRect) { 

     if let pth = myPath { 

      UIColor.red.setStroke() 

      // glyph path is inverted, so flip vertically 
      let flipY = CGAffineTransform(scaleX: 1, y: -1.0) 

      // glyph path may be offset on the x coord, and by the height (because it's flipped) 
      let translate = CGAffineTransform(translationX: -pth.bounds.origin.x, y: pth.bounds.size.height + pth.bounds.origin.y) 

      // apply the transforms 
      pth.apply(flipY) 
      pth.apply(translate) 

      // stroke the path 
      pth.stroke() 

      // print the modified path for debug/reference 
      print(pth) 

     } 

    } 

} 

class TestViewController : UIViewController { 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     // blue background so we can see framing 
     view.backgroundColor = UIColor(red: 0.25, green: 0.5, blue: 01.0, alpha: 1.0) 

     // use a large font so we can see it easily 
     let font = UIFont(name: "Times", size: 160)! 

     // Hebrew character for 8 
     var unichars = [UniChar]("ח".utf16) 
     unichars = [UniChar]("י".utf16) 

     // init glyphs array 
     var glyphs = [CGGlyph](repeatElement(0, count: unichars.count)) 

     let gotGlyphs = CTFontGetGlyphsForCharacters(font, &unichars, &glyphs, unichars.count) 

     if gotGlyphs { 
      // get the cgPath for the character 
      let cgpath = CTFontCreatePathForGlyph(font, glyphs[0], nil)! 

      // convert it to a UIBezierPath 
      let path = UIBezierPath(cgPath: cgpath) 

      var r = path.bounds 

      // let's show it at 40,40 
      r = r.offsetBy(dx: 40.0, dy: 40.0) 

      let pView = PathView(frame: r) 
      pView.backgroundColor = .white 
      pView.myPath = path 

      view.addSubview(pView) 

      // print bounds and path data for debug/reference 
      print("bounds of path:", path.bounds) 
      print() 
      print(path) 
      print() 
     } 

    } 

} 

let vc = TestViewController() 
PlaygroundPage.current.liveView = vc 

多くのエラーチェック/処理が必要ですが、実際の文字グリフ（ラベルフレームではなく）の境界を見つけて使用することができます。

結果：