メソッド | プロパティ | エフェクト | イベント | スタイル | フレームあり | フレームなし

mx.controls
VRule クラス

継承を示す線継承を示す線


VRule クラス
mx.core.UIComponent の拡張

VRule コントロールは単一の垂直の線を作成します。このコントロールは通常、コンテナ内に境界線を作成するために使用します。

MXML シンタックス

<mx:VRule> タグは、親クラスのすべてのプロパティと、次のプロパティを継承します。

 <mx:VRule
color="0xC4CCCC"
shadowColor="0xD4D0C8"
strokeWidth="2"
/>

を参照するにはここをクリックしてください

関連項目
    HRule



メソッド

mx.core.UIComponent クラスから継承されるメソッド
drawFocus   getFocus   getFocusManager   setEnabled   setFocus  

mx.core.UIObject クラスから継承されるメソッド
addEventListener   applyProperties   buildDepthTable   commitProperties   constructObject2   createAccessibilityImplementation   createChildAtDepth   createChildren   createClassChildAtDepth   createClassObject   createEmptyObject   destroyObject   dispatchEvent   doLater   draw   drawRect   executeBindings   fillRect   findNextAvailableDepth   getRepeaterItem   getStyle   handleEvent   init   invalidate   invalidateLayout   invalidateProperties   invalidateSize   invalidateStyle   layoutChildren   measure   move   redraw   removeEventListener   setDepthAbove   setDepthBelow   setMask   setSize   setSizeNoLayout   setStyle   swapDepths  



プロパティ
staticversion:String
このクラスのバージョンを表すストリングです。

mx.core.UIComponent クラスから継承されるプロパティ
enabled   errorString   tabEnabled   tabIndex   version  

mx.core.UIObject クラスから継承されるプロパティ
alpha   baselinePosition   className   depth   documentDescriptor   height   heightFlex   id   instanceIndices   isDocument   kStretch   layoutHeight   layoutWidth   maxHeight   maxWidth   minHeight   minWidth   mouseX   mouseY   nestLevel   oldHeight   oldWidth   oldX   oldY   parent   parentApplication   parentDocument   percentHeight   percentWidth   preferredHeight   preferredWidth   repeaterIndices   scaleX   scaleY   styleName   tabEnabled   toolTip   version   visible   width   widthFlex   x   y  



エフェクト

mx.core.UIComponent クラスから継承されるエフェクト
focusInEffect   focusOutEffect  

mx.core.UIObject クラスから継承されるエフェクト
creationCompleteEffect   hideEffect   mouseDownEffect   mouseOutEffect   mouseOverEffect   mouseUpEffect   moveEffect   resizeEffect   showEffect  



イベント

mx.core.UIComponent クラスから継承されるイベント
focusIn  focusOut  invalid  keyDown  keyUp  valid  valueCommitted 

mx.core.UIObject クラスから継承されるイベント
creationComplete  dragComplete  dragDrop  dragEnter  dragExit  dragOver  draw  effectEnd  effectStart  hide  hideToolTip  initialize  load  mouseChangeSomewhere  mouseDown  mouseDownSomewhere  mouseMove  mouseMoveSomewhere  mouseOut  mouseOver  mouseUp  mouseUpSomewhere  move  resize  show  showToolTip  unload 



スタイル
color型 : Number   形式 : Color   CSS の継承 : あり
線の色です。次の規則に従って使用されます。
  • strokeWidth が 1 の場合は、線全体の色です。
  • strokeWidth が 2 (デフォルト) の場合は、左側の線の色です。
  • strokeWidth が 2 より大きい場合は、長方形の上辺および左辺の色です。
デフォルト値は 0xC4CCCC です。
shadowColor型 : Number   形式 : Color   CSS の継承 : あり
線の影の色です。次の規則に従って使用されます。
  • strokeWidth が 1 の場合は、使用されません。
  • strokeWidth が 2 (デフォルト) の場合は、右側の線の色です。
  • strokeWidth が 2 より大きい場合は、長方形の下辺および右辺の色です。
デフォルト値は 0xD4D0C8 (濃い灰色) です。
strokeWidth型 : Number   形式 : Length   CSS の継承 : あり
罫線の太さです (ピクセル単位)。次の規則に従って使用されます。
  • strokeWidth が 1 の場合、罫線は 1 ピクセル幅の線です。
  • strokeWidth が 2 (デフォルト) の場合、罫線は 1 ピクセル幅の垂直線を 2 本並べたものになります。
  • strokeWidth が 2 より大きい場合、罫線は 1 ピクセル幅のエッジを持つ中空の長方形です。
デフォルト値は 2 です。

mx.core.UIComponent クラスから継承されるスタイル
backgroundAlpha   backgroundColor   backgroundDisabledColor   backgroundImage   backgroundSize   barColor   borderCapColor   borderColor   borderSides   borderStyle   borderThickness   cornerRadius   disabledColor   dropShadow   errorColor   fillColors   highlightColor   modalTransparency   scrollTrackColor   selectedFillColors   shadowCapColor   shadowColor   shadowDirection   shadowDistance   symbolBackgroundColor   symbolBackgroundDisabledColor   symbolBackgroundPressedColor   symbolColor   symbolDisabledColor   themeColor  

mx.core.UIObject クラスから継承されるスタイル
color   fontFamily   fontSize   fontStyle   fontWeight   horizontalGap   leading   marginLeft   marginRight   textAlign   textDecoration   textIndent   verticalGap  



プロパティの詳細

version

static  version:String  

このクラスのバージョンを表すストリングです。


SimpleVRule.mxml
<?xml version="1.0"?>
<!-- VRule コントロールの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">

<mx:Panel title="Vertical Rule Panel" id="myPanel" marginTop="10">
      
<mx:Canvas>
<mx:VRule mouseOverEffect="WipeUp" x="125" color="#FF3366"/>        
</mx:Canvas>
      
<mx:Label text="Move mouse over Horizontal Line to Redraw"/>
    
</mx:Panel>

</mx:Application>