`
piaoling
  • 浏览: 261560 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

flex背景平铺

    博客分类:
  • flex
阅读更多

定义样式:

 

Application
{
   background-image: Embed("assets/img/logo.jpg");
   border-skin:ClassReference("common.RepeatBackground");

}

 

 

自定义皮肤类:

package common
{
 import flash.geom.Rectangle;
 
 import mx.graphics.BitmapFill;
 import mx.skins.ProgrammaticSkin;
 
 public class RepeatBackground extends ProgrammaticSkin
 {
  public function RepeatBackground()
  {
   super();
  }
 
  override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
  {
   super.updateDisplayList(unscaledWidth,unscaledHeight);
   graphics.clear();  
   var b:BitmapFill = new BitmapFill();   
   b.source = getStyle("backgroundImage");;   
   b.begin(graphics,new Rectangle(0,0,unscaledWidth,unscaledHeight));   
   graphics.drawRect(0,0,unscaledWidth,unscaledHeight);   
   b.end(graphics); 
  }
 }
}

 

分享到:
评论

相关推荐

    Flex中背景平铺的做法

    ### Flex中实现背景平铺的方法 #### 一、引言 在Adobe Flex中,开发者经常需要为用户界面添加丰富的视觉效果,其中背景图像是增强UI美观度的重要手段之一。对于Flex 3而言,若要实现背景图像的平铺效果,则需要...

    使用FLEX和Actionscript开发FLASH 游戏10-1

    总之,使用FLEX和Actionscript开发Flash游戏时,平铺式背景是一个高效且实用的技术,它允许开发者创建出广阔的游戏世界,同时保持游戏的流畅性和资源效率。通过精心设计的类和编辑工具,我们可以轻松管理游戏的背景...

    使用FLEX和Actionscript开发FLASH 游戏10-3

    `definition` 属性存储了关于背景平铺的定义,包括每个瓷砖的宽度和高度,以及瓷砖的数量和滚动速率。`TiledBackgroundDefinition` 可能包含一个二维数组,表示地图由多少个瓷砖横向和纵向排列,以及每个瓷砖的尺寸...

    使用FLEX和Actionscript开发FLASH 游戏10-4

    在这一部分,我们将专注于平铺式背景渲染,这是构建游戏场景中的一个关键元素。首先,我们来看看`Level`类的定义,这个类是整个游戏级别管理的核心。 `Level`类中包含了一些静态常量,如`TimeBetweenLevelElements`...

    使用FLEX和Actionscript开发FLASH 游戏10-2

    在使用FLEX和Actionscript开发FLASH游戏时,平铺式背景渲染是一种常见的技术,用于创建无限滚动或大型的游戏环境。这种技术的关键在于有效地管理和更新游戏中的背景元素,使其看起来像是连续延伸的。以下是对`...

    CSS3背景、边框和边距相关属性演示案例

    此外,`background-repeat`控制图像是否平铺,`no-repeat`表示不平铺,`repeat-x`和`repeat-y`分别代表沿X轴和Y轴平铺。而`background-position`用来调整背景图像的位置,如`background-position: center;`使图像...

    day04(CSS02-选择器进阶+背景相关属性+元素显示模式+三大特性).rar

    例如,`background-color`用于设定元素的背景色,`background-image`允许添加图片作为背景,`background-repeat`控制图片是否平铺,`background-position`可调整图片的位置,而`background-attachment`决定了背景...

    详解解决flex布局的justify-content: space-between对齐方式的一个BUG的两种方法

    这个占位元素可以是隐藏的,或者使用透明背景,确保不影响页面视觉效果。同样,需要设置适当的`flex`属性,以便占据正确的空间。这种方法适用于需要动态计算或无法使用伪类的情况,比如在某些老旧浏览器或JavaScript...

    CSS的各种排版样式

    例如,可以使用`background-color`属性来设置背景颜色,`background-image`来引入背景图片,`background-repeat`控制图片是否平铺,`background-position`调整图片的位置,而`background-attachment`则决定背景图片...

    HTML5 CSS3 JavaScriptWeb前端开发自测试卷5.docx

    3. CSS背景图像平铺:设置为`repeat-x`表示背景图像在X轴方向平铺。 4. `<video>`标签:此代码可以插入视频,不支持时显示提示文字,B选项描述错误。 5. 单选按钮:同一组单选按钮的name值必须相同,正确答案是D。 6...

    CSS+div模板精华案例分析

    同时,利用CSS的背景裁剪(background-size)、平铺(background-repeat)和定位(background-position)功能,可以创造出独特的背景效果。 总结,CSS+div布局技术是网页设计的基石,掌握其原理和应用,能帮助我们...

    css3.0參考手冊

    - **背景图像裁剪与平铺**:`background-size` 控制背景图像大小,`background-repeat` 控制是否重复。 - **背景图像定位**:`background-position` 可以精确地定位背景图像。 ### 三、多列布局 CSS3.0引入了多列...

    css中文对照手册.docx

    `background-repeat`控制图片的重复方式,如`repeat`(平铺)或`no-repeat`(不平铺)。`background-attachment`决定背景图片是否随内容滚动,`fixed`表示背景固定,`scroll`表示随内容滚动。`background-position`...

    CSS基础_css_笔记

    3. **背景重复与定位**:`background-repeat`控制图片是否平铺,`background-position`设定图片位置。 4. **背景裁剪与固定**:`background-clip`决定背景颜色或图像如何裁剪,`background-attachment`控制背景是否...

    CSS3.zip_html 参考手册

    - **背景图片平铺方式**:`background-size`控制背景图片尺寸,`background-repeat`控制是否平铺。 3. **过渡与动画**: - **过渡(Transition)**:`transition`属性定义元素从一种样式变换到另一种样式的速度。...

    CSS3 For Web Designers

    3. **背景图片裁剪与平铺**:`background-size` 控制背景图片大小,`background-repeat` 控制背景重复方式。 ### 三、盒模型与布局 1. **盒模型改进**:CSS3引入了`box-sizing`属性,允许开发者选择边界盒模型...

    1.css常用公共样式 与bug解决方案

    4. 边框与背景:常见边框样式,如圆角边框,以及背景图片的使用,如平铺、定位等。 5. 盒模型调整:理解盒模型(content, padding, border, margin),灵活运用box-sizing属性。 6. 响应式设计:使用媒体查询@media...

    css3思维导图(xmind版)

    3. **背景图像平铺**:`background-size`控制背景图像大小,`background-origin`和`background-clip`调整背景定位和裁剪区域。 4. **渐变背景**:线性渐变`linear-gradient()`和径向渐变`radial-gradient()`为背景...

    html+css笔试附答案 (2).pdf

    9. `background-repeat`:默认情况下,背景图像会在水平和垂直方向平铺。 10. 浮动元素特性:浮动元素会变为块级元素,向父级元素的边缘靠拢,并可能超出其包含元素。 11. 盒子模型:`border`是一个复合属性,可以...

    css资源库及案例

    4. **背景平铺(Background Repeat)**:`background-repeat`属性控制背景图像如何重复,可以创建有趣的背景效果。 5. **透明度(Opacity)**:`opacity`属性用于设置元素的不透明度,实现半透明效果。 6. **伪类...

Global site tag (gtag.js) - Google Analytics