Flex中如何通过clipContent属性剪截一个容器一部分的例子

By Minidxer | March 20, 2009

接下来的例子演示了Flex中如何通过clipContent属性,剪截一个容器一部分。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:ApplicationControlBar dock="true">
  8.         <mx:CheckBox id="checkBox"
  9.                 label="clipContent:"
  10.                 labelPlacement="left"
  11.                 selected="false" />
  12.     </mx:ApplicationControlBar>
  13.  
  14.     <mx:Box id="box"
  15.             clipContent="{checkBox.selected}"
  16.             width="320"
  17.             height="240">
  18.         <mx:Image id="img"
  19.                 source="http://www.helpexamples.com/flash/images/image1.jpg" />
  20.     </mx:Box>
  21.  
  22.     <mx:Label text="{img.width} x {img.height}" />
  23.  
  24. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Other | No Comments » | Tags: , ,

Search Posts