`
computer3
  • 浏览: 22948 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex滚动播放效果

    博客分类:
  • Flex
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="complete()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function complete():void
{
move_up.yFrom = cs.height - 6;     //"加6减6是为了首尾连接更加自然"
move_up.yTo = 0 - zz.height + 6;   //同上
move_up.repeatCount = 0; //无限次重复
move_up.repeatDelay = 0; //重复时间,毫秒
move_up.duration = 10000; //滚动一次的时间,毫秒


move_up.play();

}

private function move_pause():void
{
move_up.pause();   //暂停
}

private function move_resume():void
{
move_up.resume(); //从暂停位置开始
}
private function sendto(flag:String):void{
Alert.show(flag);
}
]]>
</mx:Script>
<mx:Move id="move_up" target="{cs}" />
<mx:Panel width="250" height="458" layout="absolute" title="公告栏"
  fontSize="13" horizontalCenter="0" verticalCenter="0" verticalScrollPolicy="off"
  horizontalScrollPolicy="off" mouseOver="move_pause()" mouseOut="move_resume()">
<mx:VBox id="cs" width="220" height="100%" >
<mx:Text id="zz" text="zzzzzzzzzzzzz" click="sendto('zz');"/>
<mx:Text id="ww" text="wwwwwwwwwwwww" click="sendto('ww');"/>
<mx:Text id="hh" text="hhhhhhhhhhhhh" click="sendto('hh');"/>
</mx:VBox>
</mx:Panel>
</mx:Application>
分享到:
评论

相关推荐

    flex滚动条三种实现方式

    这些库通常提供了丰富的选项,可以实现高度定制的滚动条效果,并且通常具有较好的跨浏览器兼容性。例如,使用Perfect Scrollbar: ```javascript import PerfectScrollbar from 'perfect-scrollbar'; const ...

    flexwheel flex实现的图片滚动效果

    在"flexwheel flex实现的图片滚动效果"中,"flexwheel"组件利用了Flex布局的特性,如`display: flex`、`flex-direction`、`justify-content`和`align-items`等属性,来创建一个可滚动的图片轮播。这种轮播通常具有...

    flex 图片浏览,flex图片滚动效果

    在本案例中,"flex 图片浏览,flex图片滚动效果"是指利用Flex技术实现的动态图片展示和浏览功能,它能为用户提供流畅、交互性强的图片查看体验。 在Flex中,我们可以使用各种组件来创建图片浏览和滚动效果。主要...

    Flex中不用ScrollBar实现滚动效果

    Flex中不用ScrollBar实现滚动效果

    flex 图片轮播效果

    "flex 图片轮播效果"是指利用Adobe Flex这一开发框架来实现这种功能。Flex是一款基于ActionScript和MXML的开源工具,主要用于构建富互联网应用程序(RIA)。以下是对这个主题的详细讲解: 首先,Flex支持XML...

    经过修改皮肤的flex4滚动条。

    本主题将深入探讨如何修改Flex4滚动条的皮肤,以改变Scroller组件的外观。 滚动条在用户界面中起着至关重要的作用,它允许用户浏览超出视口的内容。在Flex4中,Scroller组件是一个容器,它可以包含其他组件,并提供...

    flex横向条形图增加滚动条分页显示数据

    针对“flex横向条形图增加滚动条”的需求,我们需要创建一个包含条形图的Flex容器,并为其添加滚动条组件。在Flex中,我们可以使用`HScroller`组件来实现水平滚动条。这个组件会自动根据容器内容的宽度来调整其滚动...

    flex coverflow 效果示例

    Flex Coverflow效果是一种在Web开发中常用于展示图像或内容的动态视觉效果,它模仿了类似于苹果iTunes Cover Flow的界面样式。Coverflow允许用户以3D视角浏览一系列元素,通常是一些图片或者卡片,而这些元素在用户...

    flex 图片滚动

    通过上述代码分析,我们可以看出Flex图片滚动的核心是通过`&lt;mx:Move&gt;`组件创建动画效果,结合定时器和事件处理函数实现图片的自动和手动切换。这种基于Flex的实现方式既简单又灵活,能够适应多种设计需求。在实际...

    Flex4 电视墙效果

    例如,Grid布局可以用于创建规则的网格,而HorizontalLayout或VerticalLayout则适用于一维的滚动效果。 3. **数据绑定**:Flex4支持强大的数据绑定机制,可以将数据源与UI组件关联,方便地更新显示内容。电视墙中的...

    flex 滑动隐藏效果

    本文将深入探讨如何使用Flex布局实现滑动隐藏效果,这在移动应用和网页设计中非常常见,特别是在导航菜单、侧边栏或者卡片式内容展示等方面。 首先,让我们了解Flex布局的基础。Flex布局是CSS3引入的一种新的布局...

    flex 各种 效果

    8. **Flex在实际应用中的例子**:例如,创建一个可滚动的列表,其中每个项目都根据可用空间自适应宽度;或者设计一个卡片布局,当屏幕尺寸减小时,卡片会自动堆叠成多列。 9. **源代码组织**:在提供的文件列表中,...

    flex 3D滚动显示图片

    Flex 3D滚动显示图片是一种基于Adobe Flex技术的高级用户界面设计,用于创建具有立体感的动态图片展示。Flex是一个开源框架,它允许开发者使用ActionScript编程语言和MXML标记语言构建富互联网应用程序(RIA)。在本...

    flex textlayout 滚动条

    这允许开发者实现独特设计或功能,比如添加动画效果、触摸滚动等。 6. **与TextLayout的结合**:在Flex项目中,可以将TextLayout与Scroller组件结合,创建一个具有滚动条的富文本显示区域。通过调整Scroller的尺寸...

    flex图片滚动

    总的来说,“flex PhotoViewer”是一个利用Flex框架开发的图片浏览应用,它结合了ActionScript的编程能力和Flex的组件模型,实现了图片的流畅滚动效果。通过分析项目中的文件结构和配置,我们可以了解到项目的基本...

    Flex 拖动,滚动曲线图

    在实现拖动和滚动效果时,开发者可能需要用到mx.controls.Scroller组件。Scroller提供了内置的滚动条和拖动操作,可以包裹在LineChart组件周围,提供自动的滚动管理。Scroller的属性如horizontalScrollPolicy和...

    flex 两个图片播放小程序

    在这个“flex 两个图片播放小程序”项目中,我们可以看到它被用来创建一个图片浏览应用,支持图片的放大和缩小功能,提供了用户友好的交互体验。接下来,我们将深入探讨Flex在图片浏览中的应用及其关键技术。 首先...

    实现表格动态滚动效果

    在网页设计中,动态滚动效果通常用于提升用户体验,特别是在处理大量数据时,它可以使用户更加流畅地浏览信息。本教程将详细介绍如何使用CSS和JavaScript来实现一个类似表格的动态滚动效果,通过`ul`和`li`标签来...

    flex4自定义组件皮肤

    在Flex4中,自定义组件皮肤是提升应用视觉效果和用户体验的重要手段。下面将详细介绍如何在Flex4中自定义组件皮肤。 1. **组件皮肤的基本概念** - 组件皮肤是Flex中改变组件外观的一种方式,通过定义不同的皮肤,...

    Flex万年历记事本_flex源码

    例如,万年历部分可能就是一个自定义组件,实现了日历的滚动、选择和高亮显示等功能。 8. **数据存储**:记事本功能通常需要持久化数据。Flex应用可以利用本地存储机制,如SQLite数据库或者XML文件,来保存用户的...

Global site tag (gtag.js) - Google Analytics