89ou 发表于 2019-1-31 07:31:45

FLEX4 在Spark皮肤中定义与使用新的皮肤机制3-RIA700

  PowerWindowSkin.mxml
  
  
  
  
  
  
    private var originalHeight:int;
  // function to minimize/restore
  private function minimizeRestore(event:MouseEvent):void
  {
  if ( this.currentState == "normal" )
  {
  originalHeight = hostComponent.height;
  hostComponent.height = HEADER_HEIGHT;
  this.currentState = "minimized";
  }
  else
  {
  hostComponent.height = originalHeight;
  this.currentState = "normal"
  }
  }
  ]]>
  
  
  
  
  
  
  
  
  
  

    
  
  
  

  
    
  
  
  
  

    top="5"
  horizontalCenter="0"
  textAlign="center"
  fontWeight="bold"
  color="#000000" />
  

  
    right="5"
  top="5"
  skinClass="com.adobe.examples.sparkskinparts.CloseButtonSkin"/>

    right="{closeIcon.width + 10}"
  top="5"
  skinClass="com.adobe.examples.sparkskinparts.MinimizeButtonSkin"
  skinClass.minimized="com.adobe.examples.sparkskinparts.RestoreButtonSkin"
  click="minimizeRestore(event)"/>

    right="0"
  bottom="0"
  skinClass="com.adobe.examples.sparkskinparts.ResizeGripperSkin"
  excludeFrom="minimized" />
  
  Where to go from here   延伸阅读
  现在你已明白如何用Flex 4框架新的Spark skin parts来构建一个PowerWindow组件和皮肤定义,你可能想要看看下列资源来学习更多皮肤定制,创建动态skin parts,如何完善PowerWindow组件。
  ·      Flex 4 SDK Skinning Design Specification
  ·      Skinning Spark Components
  ·      SuperPanel – a full-featured Halo component with functionality similar to PowerWindow
  ·      Creating Resizable and Draggable Flex Components

页: [1]
查看完整版本: FLEX4 在Spark皮肤中定义与使用新的皮肤机制3-RIA700