Flex样式-HSlider篇

最新推荐文章于 2022-03-01 16:20:51 发布

最新推荐文章于 2022-03-01 16:20:51 发布 · 113 阅读

本文详细介绍了HSlider组件的样式属性配置，包括labelOffset、thumbOffset等，并展示了如何自定义这些属性来实现个性化界面设计。

HSlider {
   labelOffset: -5;
   thumbOffset: 2;
   dataTipOffset: 1;
   tickOffset: 1;
   tickLength: 7;
   tickThickness: 2;
   tickColor: #3333ff;
   showTrackHighlight: true;
   invertThumbDirection: true;
   borderColor: #cc0000;
   trackColors: #99ffcc, #ff9933;
   themeColor: #33ff66;
   fillAlphas: 0.75, 0.51, 0.72, 0.59;
   fillColors: #3333ff, #ff0000, #ccff33, #ffff00;
   labelStyleName: "myhSliderLabelStyle";
}

.myhSliderLabelStyle {
   letterSpacing: 0;
   color: #6600ff;
   fontFamily: Comic Sans MS;
   fontSize: 18;
   fontWeight: bold;
   fontStyle: italic;
   textDecoration: underline;
}