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屬性。
相關文章
- Flutter 佈局控制元件篇-->Flex、ExpandedFlutter控制元件Flex
- 鴻蒙HarmonyOS實戰-ArkUI元件(Flex)鴻蒙UI元件Flex
- 在Flex控制元件中使用XMLListCollectionFlex控制元件XML
- 我的前端筆記 之 flex 篇前端筆記Flex
- CSS 屬性篇(四):Flex彈性盒子CSSFlex
- 小程式Flex 佈局教程:語法篇Flex
- CSS-Flex 佈局教程:例項篇CSSFlex
- CSS-Flex 佈局教程:語法篇CSSFlex
- display:inline-flex 和 display:flex有什麼區別inlineFlex
- HarmonyOS ArkTS元件 | Flex 以彈性方式佈局子元件的容器元件 學習記錄元件Flex
- 彈性盒模型中flex-grow 和flex的區別模型Flex
- angular自定義元件-UI元件篇-switch元件Angular元件UI
- flex佈局看這一篇就夠了Flex
- 浮動佈局 和 flex佈局Flex
- flex:0 flex:1 flex:none flex:auto應該在什麼場景下使用?FlexNone
- 深入理解 flex-grow、flex-shrink、flex-basisFlex
- flexFlex
- APICloud AVM框架列表元件list-view的使用、flex佈局教程APICloud框架元件ViewFlex
- flex設計思想和語法簡介Flex
- vue系列元件篇(二)Vue元件
- display:flex與inline-flex 區別Flexinline
- Flutter第4天--基礎控制元件(下)+Flex佈局詳解Flutter控制元件Flex
- CSS flexCSSFlex
- flex相容Flex
- flex bisonFlex
- 重新總結flex佈局(flex,flex-direction,justify-content,align-items,flex-wrap,align-self)Flex
- 重新認識flex縮寫屬性—[flex]Flex
- Vue元件、元件傳值和元件插槽Vue元件
- list元件設定flex-direction:row之後,設定的高度不生效元件Flex
- Xamarin Android元件篇教程RecylerView動畫元件RecylerViewAnimators(1)Android元件View動畫
- 【Flutter元件終結篇】332個元件 658頁PDFFlutter元件
- 一篇文章帶你掌握Flex佈局的所有用法Flex
- css--flex彈性佈局詳解和使用CSSFlex
- flex入門—瞭解這些flex屬性Flex
- react元件通訊通識篇React元件
- QPM 效能監控元件<總篇>元件
- Flutter 容器控制元件篇-->ScaffoldFlutter控制元件
- Flutter 容器控制元件篇-->MaterialAppFlutter控制元件APP
- Flutter 容器控制元件篇-->ContainerFlutter控制元件AI