Flex元件篇:HRule和VRule
有點類似於HTML標記中的HR,不過多了垂直標尺就更方便了。
建立方法
水平 <mx:HRule />
2. 垂直 <mx:VRule />
1.
其基本屬性有:
color 顏色
shadowColor 陰影顏色
strokeWidth 厚度或寬度
對hrule和vrule使用樣式
<mx:Style>
2. .thickRule { strokeWidth: 5 }
3. HRule { color: #123456; shadowColor: #654321 }
4. </mx:Style>
5. <mx:HRule styleName='thickRule' />
1.
PS:需要注意的是,對VRule定義width和HRule定義height都是無效的,應使用strokeWidth屬性。
相關文章
- Flex中如何通過strokeWidth, strokeColor和shadowColor樣式,建立一個自定義風格的HRule或VRuleFlexVR
- Flex元件篇:ButtonFlex元件
- Flex元件篇:DateFieldFlex元件
- Flex元件篇:DateChooserFlex元件
- Flex元件篇:HSlider和VSliderFlex元件IDE
- Flutter 佈局控制元件篇-->Flex、ExpandedFlutter控制元件Flex
- Flex的數字控制元件Flex控制元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Flex)鴻蒙UI元件Flex
- Flex 佈局教程:例項篇Flex
- Flex 佈局教程:語法篇Flex
- 在Flex控制元件中使用XMLListCollectionFlex控制元件XML
- 我的前端筆記 之 flex 篇前端筆記Flex
- 整合Macromedia Flex和JavaMacFlexJava
- 小程式Flex 佈局教程:語法篇Flex
- CSS 屬性篇(四):Flex彈性盒子CSSFlex
- CSS-Flex 佈局教程:語法篇CSSFlex
- CSS-Flex 佈局教程:例項篇CSSFlex
- 垂直居中 absolute 和 flex 方法Flex
- HarmonyOS ArkTS元件 | Flex 以彈性方式佈局子元件的容器元件 學習記錄元件Flex
- 彈性盒模型中flex-grow 和flex的區別模型Flex
- angular自定義元件-UI元件篇-switch元件Angular元件UI
- Flex 是什麼? flex和flash是什麼關係?flex 解決什麼問題?flex和j2ee/.net是什麼關係?Flex
- display:inline-flex 和 display:flex有什麼區別inlineFlex
- flex佈局看這一篇就夠了Flex
- Flex ASM的配置和轉換FlexASM
- React Native元件篇(二) — Image元件React Native元件
- React Native元件篇(三) — TextInput元件React Native元件
- React Native元件篇(一) — Text元件React Native元件
- vue系列元件篇(二)Vue元件
- React Native元件篇(四) — Touchable系列元件React Native元件
- 浮動佈局 和 flex佈局Flex
- display:flex和display:box的區別Flex
- FLEX和spring、hibernate的整合FlexSpring
- flex:0 flex:1 flex:none flex:auto應該在什麼場景下使用?FlexNone
- flexFlex
- 深入理解 flex-grow、flex-shrink、flex-basisFlex
- flex設計思想和語法簡介Flex
- Flex精華摘要 5:使用樣式和字型Flex