`

[转]Flex应用中利用Embed metadata(redux)的systemFont属性嵌入字体(font)的例子

    博客分类:
  • FLEX
阅读更多
http://blog.minidx.com/2008/04/02/675.html

在前面的Flex应用中如何利用source属性嵌入字体的例子中,我们了解了Flex应用中如何利用[Embed] metadata的source属性嵌入字体,接下来的例子演示了如何利用Embed metadata(redux)的systemFont属性嵌入字体。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">
 
    <mx:Style>
        .regularFontStyle {
            fontFamily: regularFont;
        }
 
        .italicFontStyle {
            fontFamily: italicFont;
            fontStyle: italic;
        }
    </mx:Style>
 
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.utils.ObjectUtil;
 
            [Bindable]
            [Embed("bulletWarning.png")]
            private var bulletWarningIcon:Class;
 
            [Embed(systemFont="Tahoma",
                    fontName="regularFont",
                    mimeType="application/x-font")]
            private var font1:Class;
 
            [Embed(systemFont="Tahoma",
                    fontName="italicFont",
                    fontStyle="italic",
                    advancedAntiAliasing="true",
                    mimeType="application/x-font")]
            private var font2:Class;
 
            private function displayEmbeddedFont(name:String):void {
                var font:Object = systemManager.embeddedFontList[name];
                Alert.show(ObjectUtil.toString(font), name + ":");
            }
        ]]>
    </mx:Script>
 
    <mx:Form>
        <mx:FormItem label="regularFont:" direction="horizontal">
            <mx:Label id="lbl1"
                    text="The quick brown fox jumped over the lazy dog."
                    styleName="regularFontStyle" />
            <mx:Image source="{bulletWarningIcon}"
                    click="displayEmbeddedFont('regularFont');" />
        </mx:FormItem>
        <mx:FormItem label="italicFont:" direction="horizontal">
            <mx:Label id="lbl2"
                    text="The quick brown fox jumped over the lazy dog."
                    styleName="italicFontStyle" />
            <mx:Image source="{bulletWarningIcon}"
                    click="displayEmbeddedFont('italicFont');" />
        </mx:FormItem>
    </mx:Form>
 
</mx:Application>
分享到:
评论

相关推荐

    Flex应用程序中嵌入各种类型的资源方法 源码

    本资料主要聚焦于在Flex中如何嵌入和管理这些资源,以提高应用程序的性能和用户体验。下面将详细阐述相关知识点。 1. **资源类型**: - 文本:包括静态文本和动态文本,可以是常量、XML、JSON等数据。 - 图像:如...

    flex嵌入html的容器

    在IFrameDemo的例子中,我们可能还会用到`&lt;iframe&gt;`标签,它允许我们在一个HTML页面内嵌入另一个页面,这样可以将Flex应用作为一个独立的组件来使用。 1. 使用`&lt;object&gt;`标签嵌入Flex 在HTML文件中,我们可以创建...

    AS3字体嵌入终极教程 附带unicodeRange获取器支持新老文本引擎(转)

    总结,这篇教程详细阐述了AS3中的字体嵌入技术,包括基本和高级嵌入,以及如何通过unicodeRange获取器来适应不同的文本引擎,对开发涉及特殊字体展示的AS3应用大有裨益。通过实践这些方法,开发者可以确保他们的项目...

    svg-embed-font:一种将字体文件嵌入SVG的工具,以便它们可以在所有设备上正确呈现

    svg-embed-font是一个命令行工具,可轻松确定SVG文件中使用的字体并将其编码为其中的Base64资产。 如果您的SVG资产在计算机上看起来不错,而在其他所有人的桌面上都弄乱了,那是因为字体未正确嵌入文件中。 用法 ...

    flex实现旋转效果

    这里的`@Embed`指令用于将本地的aliceImage.jpg图片嵌入到应用中。 接下来,为了实现旋转效果,我们需要添加交互性,这通常通过ActionScript实现。我们可以为`&lt;mx:Image&gt;`组件添加鼠标事件监听器,比如`mouseDown`...

    应用flash制作flex样式

    使用`embed`关键字将SWF文件嵌入到CSS中,然后将其作为组件的背景图像或图形资源。 5. **调整样式属性**:通过CSS,可以设置组件的尺寸、位置、颜色和其他视觉属性。还可以定义状态(如鼠标悬停、按下等),以便在...

    Flex嵌入IFrame解决方案

    本文主要讨论的是如何在Flex应用中正确地嵌入和处理IFrame的相关问题。 1. **在iframe边上点击后,iframe被隐藏** 这个问题通常是由于Flash的渲染模式设置不当导致的。为了使IFrame在Flex应用中正常显示,我们需要...

    Go-go-embed-生成的Go代码来嵌入资源文件到你的库或可执行文件中

    在Go语言中,资源文件的管理是一个常见的需求,特别是在创建跨平台的应用程序时。`go-embed` 是一个工具,它允许开发者将静态资源(如HTML、CSS、图片等)直接编译进Go代码,避免了运行时依赖外部文件系统的麻烦。这...

    amcharts嵌入到flex中

    在IT行业中,将图表库如AmCharts嵌入到Flex应用程序中是一种常见的需求,尤其是在需要创建交互式、数据可视化展示时。AmCharts是一个功能强大的JavaScript图表库,提供了多种类型的图表,如柱状图、线图、饼图等。而...

    Embed嵌入图片

    在ActionScript 3 (AS3)中,`Embed`元标签是一个非常有用的工具,它允许开发者将各种资源,如图片、字体等,直接内嵌到SWF文件中。这样做的好处在于,即使用户没有网络连接,也可以访问这些资源,提高了应用程序的...

    Jsp嵌入Flex 、Jsp Flash报表实现源码

    在IT行业中,JSP(JavaServer Pages)是一...通过学习和应用这些源码,开发者可以掌握如何在网页中嵌入Flash报表,以及如何利用JSP与Flex的协作来实现动态数据展示,这对于提升Web应用的用户体验和功能有着显著的效果。

    html嵌入flex swf

    这将触发 Flex 应用中的 `callFromHTML` 方法,并传入字符串 "Hello Flex!"。 总结来说,HTML 嵌入 Flex SWF 主要涉及使用 `SWFObject` 库来实现跨浏览器的 SWF 插入,以及通过 ExternalInterface 实现 Flex 与 ...

    components-flex-embed, 内嵌比嵌入的组件 CSS.zip

    components-flex-embed, 内嵌比嵌入的组件 CSS 适合 CSS components-flex-embed 用于响应特性的CSS嵌入。 Includes 3: 1,2:,16: 9 和 4: 3 长宽比包含修饰符类。阅读更多关于css原则设计的css原则的文章。安装npm:

    flex嵌入JSP

    首先,我们需要确保JSP页面中的Flex应用被正确地嵌入。通常,我们会使用`&lt;object&gt;`或`&lt;embed&gt;`标签来插入SWF(Shockwave Flash)文件,这是Flex应用程序的输出格式。例如: ```jsp ...

    fop转pdf中文字体配置文件

    在实际应用中,你可能需要为不同的中文字体创建多个`&lt;font&gt;`元素,以便在不同场景下选择合适的字体。此外,对于复杂的文档,可能还需要考虑字体的大小、颜色、样式等其他属性。 总之,配置FOP以支持中文显示涉及对...

    Flex3中应用CSS完全详解

    ### Flex3中应用CSS完全详解 #### 一、使用本地样式定义 在Flex3中,开发者可以通过使用`&lt;mx:Style&gt;`标签在MXML文件中创建本地的样式定义。这种方式非常方便,因为可以直接将样式集成到项目的源代码中,便于管理和...

    动态修改Embed的src属性

    在网页开发中,`&lt;embed&gt;` 标签用于嵌入外部资源,如音频、视频、插件等。本文将深入探讨如何动态修改 `&lt;embed&gt;` 元素的 `src` 属性,以及这样做带来的实际效果和应用场景。 动态修改 `src` 属性是网页交互中的常见...

    Embed嵌入XML

    在ActionScript 3 (AS3)中,`Embed`元标签是一个强大的工具,它允许开发者将各种资源,如图像、字体或XML文件直接编译到SWF文件中。标题"Embed嵌入XML"指的是如何使用AS3的`Embed`元标签来加载并使用XML文件。这种...

    ASP中含flex的程序

    在这个例子中,`myFlexApp.swf` 是Flex应用的SWF文件,设置`width`和`height`属性为600像素和400像素,控制了Flex组件的大小。若需进一步定位,可以通过CSS或JavaScript动态修改`style`属性来调整其位置。 总结,...

    Go-embed:另一个Golang静态内容嵌入器

    标题“Go-embed:另一个Golang静态内容嵌入器”暗示了`embed`包是Go语言中处理静态内容的一种方法。与其他第三方库相比,`embed`作为内置的解决方案,具有更好的性能和更低的依赖性。 描述“embed: 另一个Golang静态...

Global site tag (gtag.js) - Google Analytics