与Flex 3不同的是,在Flex 4中不能用backgroundImage对VideoDisplay控件进行定义了,在Flex 4中必须基于Skin开发,如想实现VideoDisplay控件不显示默认的黑色,而是显示一张背景图,可按以下步骤进行:
- 定义一个MXML外观文件
- 在Application中进行样式定义
外观文件可定义的源代码如下:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabledStates="0.5"
chromeColor.fullScreenStates="0xCCCCCC">
<!-- A chrome color of 0xCCCCCC in the fullScreenStates means we ignore the chromeColor property
all together as 0xCCCCCC is essentially just a no-op color transform -->
.......
<s:BitmapImage id="vimg"
source="@Embed('vbg.png')"
smooth="true"
left="0" right="0"
top="0" bottom="0" />
.......
</s:SparkSkin>
在Application中定义的样式如下:
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
s|VideoDisplay{
skinClass: ClassReference("skins.CustomVPSkin");
}
</fx:Style>
这样videoDisplay控件就能显示背景图了,因为在我最近修改的视频聊天中有用到这块,故共享之……
分享到:
相关推荐
在这个场景中,我们关注的是Flex实现的拖拽控件,这是一种交互式UI元素,允许用户通过鼠标操作移动元素,提供了丰富的用户体验。 拖拽功能在Flex中可以通过使用内置的DragManager类和Event类来实现。DragManager类...
通过以上步骤,我们可以创建一个功能完备的Flex图片展示控件,实现放大镜效果。这个控件对于电商网站、在线画廊或任何需要展示细节的图片应用都是很有用的。记住,自定义组件的灵活性和可扩展性是Flex的一大优点,...
该控件是通过Adobe Flash Builder 4进行开发的,Flash Builder是一个集成开发环境(IDE),专为使用Flex和ActionScript进行开发而设计。它提供了代码编辑、调试和部署功能,让开发者能够更高效地创建Flex应用。 在...
这个"flex4 温度计控件"项目旨在实现一个能够显示温度变化的交互式组件,适用于各种需要实时温度监控的应用场景。以下是关于这个控件及其相关知识点的详细说明: 1. **Flex 4框架**:Flex 4是Adobe Flex框架的一个...
本文将深入探讨Flex控件折叠效果的相关知识点,包括其工作原理、实现方式以及实际应用。 Flex是一种用于创建富互联网应用程序(RIA)的开源框架,主要由Adobe Systems开发。在Flex中,我们可以利用各种组件如...
在Flex开发中,为了优化视频播放性能和提升用户体验,我们经常需要处理VideoDisplay控件的缓存问题。本文将详细讲解如何使用`videoPlayer`属性和`mx_internal`命名空间来清除VideoDisplay控件的内容。 Flex是Adobe...
这些图片可以按照上面的CSS样式方法应用于Flex4的Button组件,以实现按钮在不同状态下的背景切换效果。 总结: 在Flex4开发中,理解和利用按钮的状态切换是提升用户体验的关键。通过为每个状态定义独特的背景图像,...
在本文中,我们将深入探讨如何在FLEX应用程序中设置背景图片,这是一项非常实用的技巧,可以帮助你提升应用的视觉效果。FLEX是一种基于ActionScript 3(AS3)的开发框架,用于创建富互联网应用程序(RIA)。背景图片...
本篇文章将基于提供的文件信息深入探讨如何在Flex4中实现一个拥有自定义头部背景图片的Accordion组件,并通过代码示例详细解释其实现过程。 #### 核心知识点一:Accordion组件概述 Accordion组件是一种常见的UI...
Flex4提供了一些内置的布局管理器,如HorizontalLayout和VerticalLayout,但为了实现特定的浏览效果,开发者可能创建了自己的布局类,以实现图片的无缝滚动和适应屏幕大小的变化。 此外,URLLoader类在加载图片时起...
本文将深入探讨如何在DataGrid中显示图片,特别是在与Spring、Hibernate和Struts等框架集成的背景下,如何处理二进制数据并将其在Flex前端呈现。 首先,让我们了解Flex的基本概念。Flex是一个基于ActionScript和...
在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树形结构中的节点。 Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,...
"flex 图片轮播效果"是指利用Adobe Flex这一开发框架来实现这种功能。Flex是一款基于ActionScript和MXML的开源工具,主要用于构建富互联网应用程序(RIA)。以下是对这个主题的详细讲解: 首先,Flex支持XML...
Flex控件图 Flex控件图 Flex控件图
总结起来,通过自定义Flex组件并添加背景图片,我们可以为VideoDisplay提供更丰富的视觉效果。同时,利用其提供的加载事件和方法,我们可以实现更精细化的视频播放控制。这不仅增强了用户体验,也为开发者提供了更多...
FLEX控件
flex datagrid 实现合计功能控件包 带源码,demo fxp是flex4的工程文件,导入到工作空间即可 直接导入项目即可。 更多访问我的blog www.dplayer.net
Flex 自定义 时间 日历 控件
- Flex 4的Chart控件提供了丰富的样式和主题选项,可以自定义颜色、线条样式、填充效果等,以满足设计需求。 - 用户还可以定制图表的轴、网格线、图例、标题等元素的样式。 4. **交互性**: - 图表支持用户交互...
在本文中,我们将深入探讨如何使用Adobe Flex技术来实现一种常见的UI交互效果——鼠标滑过图片时自动放大。Flex是一款强大的开发工具,主要用于构建富互联网应用程序(RIA),它基于ActionScript编程语言和Flex框架...