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

flex3.0 的皮肤

 
阅读更多

1.写一个皮肤类,重新绘制背景

package com.component.checkboxdatagrid
{
 import com.hr.organization.view.Matrix;
 
 import flash.display.BitmapData;
 import flash.display.Graphics;
 import flash.display.Loader;
 import flash.display.Sprite;
 import flash.events.MouseEvent;
 import flash.geom.Matrix;
 import flash.geom.Rectangle;
 import flash.net.URLRequest;
 
 import mx.controls.Alert;
 import mx.graphics.BitmapFill;
 import mx.skins.ProgrammaticSkin;
 import mx.states.SetStyle;
 
 import org.alivepdf.fonts.Style;
 
 public class Ucskin extends ProgrammaticSkin
 {
  [Bindable]
  [Embed(source="com/hr/assets/common/11.png")]//绑定图片
  private static var Left_Up_Corner:Class;
  public function Ucskin()
  {
   super();
  }
  override public function get measuredWidth():Number {
   return 0;
  } 
  override public function get measuredHeight():Number {
   return 10;
  } 
  override protected  function updateDisplayList(w:Number, h:Number):void {//
   var borderColor:uint = getStyle("borderColor");
   var g:Graphics = graphics;
   var luc:BitmapData = new Left_Up_Corner().bitmapData;
   g.beginBitmapFill(luc,null,false,false);
   g.moveTo(0,0);
   g.lineStyle(1,borderColor);
   g.lineTo(0,h);
   
   g.drawRect(1,1,16,16);
   
   g.endFill();
   
   g.moveTo(16,h);
   g.lineStyle(1,borderColor);
   g.lineTo(0,h);
   this.addEventListener(MouseEvent.CLICK,cl);//添加方法,但是知道flex3.0皮肤是不支持用户互动的。。。所以没用。
   
   
   /*var g:Graphics = graphics;
   //g.beginBitmapFill(myBitmap);
   g.moveTo(0,0);
   g.lineStyle(1,borderColor);
   g.lineTo(0,h);*/
  }
  private function cl(evt:MouseEvent):void{
   Alert.show("sssssssssss");
  }
 }
 
}

2.使用

<mx:DataGrid

headerSeparatorSkin=“com.component.checkboxdatagrid.Ucskin ”

/>

完成了

 

分享到:
评论

相关推荐

    精通Flex 3.0--基于ActionScript 3.0实现源码

    Flex 3.0 是 Adobe 公司开发的一个开源框架,用于构建富互联网应用程序(Rich Internet Applications,RIAs)。它基于ActionScript 3.0,这是一种面向对象的编程语言,为开发人员提供了强大的功能和高性能。本资料包...

    flex3.0 Vista风格界面实例

    1. **皮肤和外观**:Flex 3.0支持自定义组件皮肤,这是实现Vista风格界面的基础。通过创建自定义皮肤类,我们可以调整组件的颜色、形状和动画效果,模拟Vista中的透明、半透明和阴影效果。 2. **使用Spark和 Halo...

    Adobe Flex 3.0 For Dummies

    ### Adobe Flex 3.0 For Dummies:构建RIA与自定义应用 #### 一、Adobe Flex 3.0概述 Adobe Flex 3.0是一款由Adobe Systems开发的强大工具集,用于构建高质量的富互联网应用程序(RIA)。它为开发者提供了一整套的...

    Flex3.0RIA开发详解电子教程7

    Flex3.0是Adobe公司推出的一种富互联网应用(Rich Internet Application, RIA)开发框架,主要用来构建交互性强、用户体验优秀的Web应用程序。本教程“Flex3.0RIA开发详解电子教程7”着重于深入讲解Flex3.0的核心...

    flex3.0源代码-1

    Flex 3.0是其重要的一个版本,提供了更丰富的用户界面组件、改进的性能以及对移动设备的支持。本资源包含的是Flex 3.0的源代码,对于深入理解和学习Flex技术具有很高的价值。 在学习Flex 3.0源代码时,有几个关键...

    Flex3.0学习手册

    ### Flex3.0 学习手册关键知识点综述 #### 一、背景介绍 《Flex3.0学习手册》是Bēniaǒ成长笔记中的一部分,由“虾皮工作室”整理而成,旨在帮助读者深入了解Flex3.0及其相关技术。本书不仅涵盖了Flex3.0的基础...

    Flex3.0RIA开发详解电子教程26

    Flex3.0是Adobe公司推出的一款强大的富互联网应用程序(Rich Internet Application, RIA)开发框架,主要用于构建交互性强、用户体验良好的Web应用。本教程“Flex3.0 RIA开发详解电子教程26”旨在深入讲解Flex3.0的...

    精通flex3.0源码基于Actionscript3实现

    2. **Flex架构与组件模型**:介绍Flex的组件层次结构、组件生命周期、皮肤和样式,以及如何自定义组件。这包括对UIComponent、MXComponents和Spark Components的理解。 3. **数据绑定**:Flex的数据绑定机制允许...

    flex3.0源码-3

    本教程聚焦于Flex 3.0的源码分析,这是系列教程的第三部分。通过深入研究Flex 3.0的源码,我们可以更好地理解其内部工作机制,提升我们的开发技能和优化应用性能。 在Flex 3.0中,最重要的组件之一是Flex Framework...

    Flex3.0RIA开发详解电子教程1

    Flex3.0是Adobe公司推出的一种富互联网应用(Rich Internet Application, RIA)开发框架,它基于ActionScript编程语言和MXML标记语言,用于构建在Web浏览器上运行的交互式、高性能的应用程序。本电子教程将带你深入...

    Flex3.0RIA开发详解电子教程14

    Flex3.0是Adobe公司推出的一种富互联网应用(RIA,Rich Internet Application)开发框架,它基于ActionScript3.0和MXML,为开发者提供了构建交互性强、视觉效果丰富的Web应用程序的强大工具。本教程“Flex3.0 RIA...

    Flex3.0RIA开发详解电子教程4

    Flex3.0是一种由Adobe公司推出的富互联网应用(RIA)开发框架,主要用于构建交互性强、图形用户界面丰富的Web应用程序。本教程“Flex3.0 RIA开发详解电子教程4”显然是系列教程的一部分,旨在深入讲解Flex3.0的高级...

    Felx3.0的效果

    1. **组件外观**:Flex 3.0引入了皮肤化机制,允许开发者自定义组件的外观。通过创建自定义皮肤,可以改变按钮、滑块、进度条等组件的样式,实现独特的视觉效果。 2. **动画效果**:Flex 3.0内置了强大的动画引擎,...

    Flex.3.Language.Reference.cn.zip

    8. **States and Skinning**: Flex 3.0允许开发者定义UI组件的不同状态,并为每个状态定制外观,实现皮肤化,提升应用的可定制性。 9. **Event Handling**: 事件驱动编程是Flex的核心部分,事件模型使得组件之间的...

    flex 模仿WINDOWS窗口

    总之,"Flex模仿WINDOWS窗口"是一个展示Flex 3.0强大UI构建能力的实例,通过使用预定义组件、自定义皮肤和ActionScript编程,可以创建出具有高度互动性和视觉吸引力的用户界面。对于学习Flex和UI设计的开发者来说,...

    flex4 皮肤

    Flex4 是Adobe公司推出的Flash平台开发工具Flex的一个版本,它主要使用ActionScript3.0语言,为构建富互联网应用程序(RIA)提供了强大的支持。在Flex4中,皮肤(Skin)是一个重要的概念,它允许开发者自定义组件的...

    Flex ActionScript 3.0交互式开发详解源码(六)

    Flex ActionScript 3.0是Adobe Flex框架中的编程语言,用于构建富互联网应用程序(RIA)。在本源码包中,我们将深入探讨Flex ActionScript 3.0的交互式开发,了解如何利用它来创建功能丰富的用户界面和动态应用。这...

    flex中文帮助(flex入门书籍)

    8. **Flex框架**:Flex框架包括一个强大的事件模型、状态管理和皮肤ning机制,这些都为创建高度可定制和响应式的用户界面提供了可能。 9. **Flex SDK和Flash Player**:Flex SDK是一个免费的开发工具包,包含编译...

    Flex学习电子书打包

    在给定的“Flex学习电子书打包”压缩包中,包含了三本PDF电子书,分别涉及Cairngorm开发框架、Flex 3.0的新特性应用以及FLV播放器的实现。这三本书籍涵盖了Flex开发中的关键知识点,下面将详细阐述这些主题。 1. **...

Global site tag (gtag.js) - Google Analytics