内容

• 特性
• 详细描述

FontLoader QML Element

The FontLoader element allows fonts to be loaded by name or URL. 更多...

Since:

Qt 4.7

• 所有成员列表，包括继承成员

特性

• name : string
• source : url
• status : enumeration

详细描述

The FontLoader element is used to load fonts by name or URL.

The status indicates when the font has been loaded, which is useful for fonts loaded from remote sources.

例如：

import QtQuick 1.0
Column {
    FontLoader { id: fixedFont; name: "Courier" }
    FontLoader { id: webFont; source: "http://www.mysite.com/myfont.ttf" }
    Text { text: "Fixed-size font"; font.family: fixedFont.name }
    Text { text: "Fancy font"; font.family: webFont.name }
}
					

另请参阅 Fonts example .

特性文档编制

name : string

This property holds the name of the font family. It is set automatically when a font is loaded using the url 特性。

Use this to set the font.family property of a 文本 项。

范例：

Item {
    width: 200; height: 50
    FontLoader {
        id: webFont
        source: "http://www.mysite.com/myfont.ttf"
    }
    Text {
        text: "Fancy font"
        font.family: webFont.name
    }
}
						

source : url

The url of the font to load.

status : enumeration

This property holds the status of font loading. It can be one of:

• FontLoader .Null - no font has been set
• FontLoader .Ready - the font has been loaded
• FontLoader .Loading - the font is currently being loaded
• FontLoader .Error - an error occurred while loading the font

Use this status to provide an update or respond to the status change in some way. For example, you could:

• Trigger a state change:

  State { name: 'loaded'; when: loader.status == FontLoader.Ready }
  										

• Implement an onStatusChanged signal handler:

  FontLoader {
  
  id
  
  :
  
  loader
  
  
  onStatusChanged
  
  :
  
  if
  
   (
  
  loader
  
  .
  
  status
  
  
  ==
  
  
  FontLoader
  
  .
  
  Ready
  
  )
  
  console
  
  .
  
  log
  
  (
  
  'Loaded'
  
  )
  }
  										

• Bind to the status value:

  Text { text: loader.status == FontLoader.Ready ? 'Loaded' : 'Not loaded' }