在iOS上显示按比例分隔的数字(而不是等宽/表格)

时间:2013-11-13 13:04:33

标签: ios nsstring uifont uifontdescriptor

我通过将它们存储在NSAttributedString中并使用“drawAtPoint:”进行渲染,在iOS中渲染数字(目标7及以上)。我正在使用Helvetica Neue。

我注意到像这样绘制的数字的数字不成比例 - 字形都具有相同的宽度。即使是瘦的“1”也占用与“0”相同的空间。

测试证实了这一点:

for(NSInteger i=0; i<10; ++i)
{
  NSString *iString = [NSString stringWithFormat: @"%d", i];
  const CGSize iSize = [iString sizeWithAttributes: [self attributes]];
  NSLog(@"Size of %d is %f", i, iSize.width);
}

在其他地方:

-(NSDictionary *) attributes
{
  static NSDictionary * attributes;
  if(!attributes)
  {
    attributes = @{
                   NSFontAttributeName: [UIFont systemFontOfSize:11],
                   NSForegroundColorAttributeName: [UIColor whiteColor]
                   };
  }
  return attributes;
}

这个结果字形都具有相同的宽度 6.358点。

是否有一些渲染选项我可以打开启用比例数字字形?是否有另一种字体(理想情况下类似于Helvetica Neue)支持比例数字字形(理想情况下,内置)?还有什么吗?

谢谢。

1 个答案:

答案 0 :(得分:18)

iOS 7允许您使用UIFontDescriptor实例指定字体。然后从描述符中获取UIFont实例。

给定UIFontDescriptor,还可以通过使用[fontDescriptor fontDescriptorByAddingAttributes: attibutes]方法来获取某些特征的自定义,其中attributesNSDictionary字体属性。

Apple记录UIFontDescriptor reference中的属性。

从引用中,一个特定的字体描述符属性UIFontDescriptorFeatureSettingsAttribute允许您提供“表示非默认字体功能设置的字典数组。每个字典包含UIFontFeatureTypeIdentifierKeyUIFontFeatureSelectorIdentifierKey。”< / p>

UIFontFeatureTypeIdentifierKeyUIFontFeatureSelectorIdentifierKey的文档位于Apple's Font Registry documentation。这个pdf of slides of an Apple presentation涵盖了比例数字的具体情况,所以我刚刚提到了这一点。

此代码将使用现有的UIFont实例并返回一个具有比例数字的新实例:

// You'll need this somewhere at the top of your file to pull
// in the required constants.
#import <CoreText/CoreText.h>

…

UIFont *const existingFont = [UIFont preferredFontForTextStyle: UIFontTextStyleBody];
UIFontDescriptor *const existingDescriptor = [existingFont fontDescriptor];

NSDictionary *const fontAttributes = @{
 // Here comes that array of dictionaries each containing UIFontFeatureTypeIdentifierKey 
 // and UIFontFeatureSelectorIdentifierKey that the reference mentions.
 UIFontDescriptorFeatureSettingsAttribute: @[
     @{
       UIFontFeatureTypeIdentifierKey: @(kNumberSpacingType),
       UIFontFeatureSelectorIdentifierKey: @(kProportionalNumbersSelector)
      }]
 };

UIFontDescriptor *const proportionalDescriptor = [existingDescriptor fontDescriptorByAddingAttributes: fontAttributes];
UIFont *const proportionalFont = [UIFont fontWithDescriptor: proportionalDescriptor size: [existingFont pointSize]];

如果您愿意,可以在UIFont上将其添加为类别

编辑说明:感谢Chris Schwerdt的改进。