mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-15 02:54:11 +08:00
228 lines
7.0 KiB
TypeScript
228 lines
7.0 KiB
TypeScript
import { Font as FontBase, parseFontFamily, genericFontFamilies, FontStyle, FontWeight, FontStyleType, FontWeightType } from './font-common';
|
|
import { Trace } from '../../trace';
|
|
import { Device } from '../../platform';
|
|
import * as fs from '../../file-system';
|
|
export * from './font-common';
|
|
|
|
const EMULATE_OBLIQUE = true;
|
|
const OBLIQUE_TRANSFORM = CGAffineTransformMake(1, 0, 0.2, 1, 0, 0);
|
|
const DEFAULT_SERIF = 'Times New Roman';
|
|
const DEFAULT_MONOSPACE = 'Courier New';
|
|
const SUPPORT_FONT_WEIGHTS = parseFloat(Device.osVersion) >= 10.0;
|
|
|
|
export class Font extends FontBase {
|
|
public static default = new Font(undefined, undefined, FontStyle.NORMAL, FontWeight.NORMAL, 1);
|
|
|
|
private _uiFont: UIFont;
|
|
|
|
constructor(family: string, size: number, style: FontStyleType, weight: FontWeightType, scale: number) {
|
|
super(family, size, style, weight, scale);
|
|
}
|
|
|
|
public withFontFamily(family: string): Font {
|
|
return new Font(family, this.fontSize, this.fontStyle, this.fontWeight, this.fontScale);
|
|
}
|
|
|
|
public withFontStyle(style: FontStyleType): Font {
|
|
return new Font(this.fontFamily, this.fontSize, style, this.fontWeight, this.fontScale);
|
|
}
|
|
|
|
public withFontWeight(weight: FontWeightType): Font {
|
|
return new Font(this.fontFamily, this.fontSize, this.fontStyle, weight, this.fontScale);
|
|
}
|
|
|
|
public withFontSize(size: number): Font {
|
|
return new Font(this.fontFamily, size, this.fontStyle, this.fontWeight, this.fontScale);
|
|
}
|
|
|
|
public withFontScale(scale: number): Font {
|
|
return new Font(this.fontFamily, this.fontSize, this.fontStyle, this.fontWeight, scale);
|
|
}
|
|
|
|
public getUIFont(defaultFont: UIFont): UIFont {
|
|
if (!this._uiFont) {
|
|
this._uiFont = createUIFont(this, defaultFont);
|
|
}
|
|
|
|
return this._uiFont;
|
|
}
|
|
|
|
public getAndroidTypeface(): android.graphics.Typeface {
|
|
return undefined;
|
|
}
|
|
}
|
|
|
|
function getFontFamilyRespectingGenericFonts(fontFamily: string): string {
|
|
if (!fontFamily) {
|
|
return fontFamily;
|
|
}
|
|
|
|
switch (fontFamily.toLowerCase()) {
|
|
case genericFontFamilies.serif:
|
|
return DEFAULT_SERIF;
|
|
|
|
case genericFontFamilies.monospace:
|
|
return DEFAULT_MONOSPACE;
|
|
|
|
default:
|
|
return fontFamily;
|
|
}
|
|
}
|
|
|
|
function shouldUseSystemFont(fontFamily: string) {
|
|
return !fontFamily || fontFamily === genericFontFamilies.sansSerif || fontFamily === genericFontFamilies.system;
|
|
}
|
|
|
|
function getNativeFontWeight(fontWeight: FontWeightType): number {
|
|
switch (fontWeight) {
|
|
case FontWeight.THIN:
|
|
return UIFontWeightUltraLight;
|
|
case FontWeight.EXTRA_LIGHT:
|
|
return UIFontWeightThin;
|
|
case FontWeight.LIGHT:
|
|
return UIFontWeightLight;
|
|
case FontWeight.NORMAL:
|
|
case '400':
|
|
case undefined:
|
|
case null:
|
|
return UIFontWeightRegular;
|
|
case FontWeight.MEDIUM:
|
|
return UIFontWeightMedium;
|
|
case FontWeight.SEMI_BOLD:
|
|
return UIFontWeightSemibold;
|
|
case FontWeight.BOLD:
|
|
case '700':
|
|
return UIFontWeightBold;
|
|
case FontWeight.EXTRA_BOLD:
|
|
return UIFontWeightHeavy;
|
|
case FontWeight.BLACK:
|
|
return UIFontWeightBlack;
|
|
default:
|
|
throw new Error(`Invalid font weight: "${fontWeight}"`);
|
|
}
|
|
}
|
|
|
|
function getSystemFont(size: number, nativeWeight: number, italic: boolean, symbolicTraits: number): UIFont {
|
|
let result = UIFont.systemFontOfSizeWeight(size, nativeWeight);
|
|
if (italic) {
|
|
const descriptor = result.fontDescriptor.fontDescriptorWithSymbolicTraits(symbolicTraits);
|
|
result = UIFont.fontWithDescriptorSize(descriptor, size);
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
function createUIFont(font: Font, defaultFont: UIFont): UIFont {
|
|
let result: UIFont;
|
|
const size = font.fontSize || defaultFont.pointSize;
|
|
const nativeWeight = getNativeFontWeight(font.fontWeight);
|
|
const fontFamilies = parseFontFamily(font.fontFamily);
|
|
|
|
let symbolicTraits = 0;
|
|
if (font.isBold) {
|
|
symbolicTraits |= UIFontDescriptorSymbolicTraits.TraitBold;
|
|
}
|
|
if (font.isItalic) {
|
|
symbolicTraits |= UIFontDescriptorSymbolicTraits.TraitItalic;
|
|
}
|
|
|
|
const fontDescriptorTraits = {
|
|
[UIFontSymbolicTrait]: symbolicTraits,
|
|
};
|
|
|
|
// IOS versions below 10 will not return the correct font when UIFontWeightTrait is set
|
|
// In this case - rely on UIFontSymbolicTrait only
|
|
if (SUPPORT_FONT_WEIGHTS) {
|
|
fontDescriptorTraits[UIFontWeightTrait] = nativeWeight;
|
|
}
|
|
|
|
for (let i = 0; i < fontFamilies.length; i++) {
|
|
const fontFamily = getFontFamilyRespectingGenericFonts(fontFamilies[i]);
|
|
|
|
if (shouldUseSystemFont(fontFamily)) {
|
|
result = getSystemFont(size, nativeWeight, font.isItalic, symbolicTraits);
|
|
break;
|
|
} else {
|
|
const fontAttributes = {
|
|
[UIFontDescriptorFamilyAttribute]: fontFamily,
|
|
[UIFontDescriptorTraitsAttribute]: fontDescriptorTraits,
|
|
};
|
|
|
|
let descriptor = UIFontDescriptor.fontDescriptorWithFontAttributes(<any>fontAttributes);
|
|
result = UIFont.fontWithDescriptorSize(descriptor, size);
|
|
|
|
const actualItalic = result.fontDescriptor.symbolicTraits & UIFontDescriptorSymbolicTraits.TraitItalic;
|
|
if (font.isItalic && !actualItalic && EMULATE_OBLIQUE) {
|
|
// The font we got is not actually italic so emulate that with a matrix
|
|
descriptor = descriptor.fontDescriptorWithMatrix(OBLIQUE_TRANSFORM);
|
|
result = UIFont.fontWithDescriptorSize(descriptor, size);
|
|
}
|
|
|
|
// Check if the resolved font has the correct font-family
|
|
// If not - fallback to the next font-family
|
|
if (result.familyName === fontFamily) {
|
|
break;
|
|
} else {
|
|
result = null;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Couldn't resolve font - fallback to the system font
|
|
if (!result) {
|
|
result = getSystemFont(size, nativeWeight, font.isItalic, symbolicTraits);
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
export namespace ios {
|
|
export function registerFont(fontFile: string) {
|
|
let filePath = fs.path.join(fs.knownFolders.currentApp().path, 'fonts', fontFile);
|
|
if (!fs.File.exists(filePath)) {
|
|
filePath = fs.path.join(fs.knownFolders.currentApp().path, fontFile);
|
|
}
|
|
const fontData = NSFileManager.defaultManager.contentsAtPath(filePath);
|
|
if (!fontData) {
|
|
throw new Error('Could not load font from: ' + fontFile);
|
|
}
|
|
const provider = CGDataProviderCreateWithCFData(fontData);
|
|
const font = CGFontCreateWithDataProvider(provider);
|
|
|
|
if (!font) {
|
|
throw new Error('Could not load font from: ' + fontFile);
|
|
}
|
|
|
|
const error = new interop.Reference<NSError>();
|
|
if (!CTFontManagerRegisterGraphicsFont(font, error)) {
|
|
if (Trace.isEnabled()) {
|
|
Trace.write('Error occur while registering font: ' + CFErrorCopyDescription(<NSError>error.value), Trace.categories.Error, Trace.messageType.error);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function registerFontsInFolder(fontsFolderPath) {
|
|
const fontsFolder = fs.Folder.fromPath(fontsFolderPath);
|
|
|
|
fontsFolder.eachEntity((fileEntity: fs.FileSystemEntity) => {
|
|
if (fs.Folder.exists(fs.path.join(fontsFolderPath, fileEntity.name))) {
|
|
return true;
|
|
}
|
|
if (fileEntity instanceof fs.File && ((<fs.File>fileEntity).extension === '.ttf' || (<fs.File>fileEntity).extension === '.otf')) {
|
|
ios.registerFont(fileEntity.name);
|
|
}
|
|
|
|
return true;
|
|
});
|
|
}
|
|
|
|
function registerCustomFonts() {
|
|
const appDir = fs.knownFolders.currentApp().path;
|
|
const fontsDir = fs.path.join(appDir, 'fonts');
|
|
if (fs.Folder.exists(fontsDir)) {
|
|
registerFontsInFolder(fontsDir);
|
|
}
|
|
}
|
|
registerCustomFonts();
|