2

在我的 TVML 应用程序中，我可以使用 tv-text-style:none 设置字体样式属性，例如 font-size 和 font-weight，但是我无法设置 font-family 属性，这似乎被忽略了：

var Template = function() { return `<?xml version="1.0"    encoding="UTF-8" ?>  
<document>  
    <head>  
        <style>  
            .customText {  
                tv-text-style: none;  
                tv-position: center;  
                color: white;  
                font-size: 40px;  
                font-weight: bold;  
                font-family: Courier;  
            }  
        </style>  
    </head>  
    <paradeTemplate>  
...  
                <listItemLockup>  
                    <title>Title</title>  
                    <relatedContent>  
                         <divTemplate>  
                             <title class="customText">abcABC</title>  
                         </divTemplate>  
                    </relatedContent>  
                </listItemLockup>  
...

我可以设置与系统字体系列不同的字体系列吗？

谢谢你的帮助，

卢卡

4

2 回答 2

1

font-family现在可以在 TVML 中使用。不再需要使用TVInterfaceFactory自定义字体支持。

例子：

tv-text-style: 'none'
font-family: 'Times New Roman'

Apple TV 标记语言参考：font-family

于 2017-11-17T18:59:10.393 回答
1

如果你想为你的标题使用自定义字体，你应该实现自定义TVViewElement，它将使用任何字体。首先，你需要实现你自己的TVInterfaceFactory，它可以这样做（Swift 2 solution for tvOS 9）：

import UIKit
import TVMLKit

class MyFactory: TVInterfaceFactory {

    override func viewForElement(element: TVViewElement, existingView: UIView?) -> UIView? {

        switch element {

        case let element as MyText where element.elementName == "myCustomText":
            let view = MyTextView(frame: CGRectMake(0,0,100,50))
            view.text = "my text"
            return view

        default:

            break
        }
        return nil
    }
}

之后，您需要实现一个自定义 TVML 项：

class MyText: TVTextElement {

    override var elementName: String {

        return "myCustomText"
    }

    var text: String? {

        guard let textValue = attributes?["text"] else { return nil }
        return textValue
    }
}

现在你需要为你的 TVTextElement 实现 UIView：

class MyTextView: UIView {

    var label: UILabel!

    override init(frame: CGRect) {

        super.init(frame: frame)
    }

    var text : String {
        get {

            return self.text
        }
        set(value) {

            self.label = UILabel(frame: self.frame)
            self.label.text = value
            self.label.textColor = UIColor.whiteColor()
            self.label.font = UIFont(name: "Your custom font", size: 20.0)
            self.addSubview(self.label)
        }
    }

    required init?(coder aDecoder: NSCoder) {

        fatalError("init(coder:) has not been implemented")
    }
}

现在您可以像这样在 TVML 中使用您的自定义项目：

<myCustomText text="hello world"></myCustomText>

另外，不要忘记在didFinishLaunchingWithOptions方法中注册您的自定义项目：

TVInterfaceFactory.sharedInterfaceFactory().extendedInterfaceCreator = MyFactory()
TVElementFactory.registerViewElementClass(MyText.self, forElementName: "myCustomText")
于 2016-08-01T06:54:59.777 回答