Flex/AIR控件字体样式设置
2015-01-07 16:01
357 查看
今天在写个air的程序,写完后老婆说我字体太小、太难看了,于是我就开始整理程序的界面样式,想着这么简单的工作很快就会完成吧,可是事与愿违,竟然花费了好几个小时的时间才把控件的字体设置完成。最后发现我竟然死在了font-weight上!
要实现的最终效果:
之前一直是:
在网上找了好多资料,试过好多方法一直没有找到解决办法,最后干脆就试一遍,发现必须设置font-weight,字体才能生效。
下面就把flex设置字体的方法大体列举几种,以供参考。
1. 引用外部字体库的方法:
@font-face{
font-family:FZHY;//这个名字可以随便设置
src:url("FZHY.TTF");//使用相对路径
}
2. 设置错误提示的字体(使用Validator控件时):
.errorTip{
font-family:FZHY;
font-size:14px;
font-weight:normal;
}
3. 设置ToolTip的字体(一般默认的字体很小,特别难看清楚,所以一般情况需要设置该值):
ToolTip{
font-family:FZHY;
font-size:14px;
}
4. 设置TabNavigator的字体:
TabNavigator{
font-size:14px;
font-family:FZHY;
selected-tab-text-style-name:common;//设置navigator的选项卡字体样式
}
.common{
font-family:FZHY;
font-size:14px;
}
5. 设置DataGrid标题的样式:
DataGrid{
header-style-name:common;
}
6. 设置日期输入框的字体样式:
DateField{
date-chooser-style-name:dateChooserStyle;
}
.dateChooserStyle{
header-style-name:common;//设置年月的样式
week-day-style-name:common;//设置日的样式
}
7. 设置其他基础控件的样式(用控件类型名进行定义,自动应用到相应类型的控件):
Button{
font-family:FZHY;
font-weight:normal;
}
Canvas{
font-family:FZHY;
font-weight:normal;
}
ComboBox{
fontWeight:normal;
}
原创文章,转载请注明出处!
All CopyRight Reserved !
主页:http://jingtao.cnblogs.com
QQ:307073463
Email:jingtaodeemail@qq.com
MSN:sunjingtao@live.com
要实现的最终效果:
之前一直是:
在网上找了好多资料,试过好多方法一直没有找到解决办法,最后干脆就试一遍,发现必须设置font-weight,字体才能生效。
下面就把flex设置字体的方法大体列举几种,以供参考。
1. 引用外部字体库的方法:
@font-face{
font-family:FZHY;//这个名字可以随便设置
src:url("FZHY.TTF");//使用相对路径
}
2. 设置错误提示的字体(使用Validator控件时):
.errorTip{
font-family:FZHY;
font-size:14px;
font-weight:normal;
}
3. 设置ToolTip的字体(一般默认的字体很小,特别难看清楚,所以一般情况需要设置该值):
ToolTip{
font-family:FZHY;
font-size:14px;
}
4. 设置TabNavigator的字体:
TabNavigator{
font-size:14px;
font-family:FZHY;
selected-tab-text-style-name:common;//设置navigator的选项卡字体样式
}
.common{
font-family:FZHY;
font-size:14px;
}
5. 设置DataGrid标题的样式:
DataGrid{
header-style-name:common;
}
6. 设置日期输入框的字体样式:
DateField{
date-chooser-style-name:dateChooserStyle;
}
.dateChooserStyle{
header-style-name:common;//设置年月的样式
week-day-style-name:common;//设置日的样式
}
7. 设置其他基础控件的样式(用控件类型名进行定义,自动应用到相应类型的控件):
Button{
font-family:FZHY;
font-weight:normal;
}
Canvas{
font-family:FZHY;
font-weight:normal;
}
ComboBox{
fontWeight:normal;
}
原创文章,转载请注明出处!
All CopyRight Reserved !
主页:http://jingtao.cnblogs.com
QQ:307073463
Email:jingtaodeemail@qq.com
MSN:sunjingtao@live.com
相关文章推荐
- Flex/AIR控件字体样式设置
- Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体的例子
- Flex中通过设置fontFamily样式在调色板(ColorPicker)控件中使用自定义嵌入字体的例子
- Flex中如何通过设置fontFamily样式在ComboBox控件中使用自定义嵌入字体的例子
- Flex中通过设置fontFamily和labelStyleName样式在HSlider控件中使用嵌入字体的例子
- Flex中如何通过leading样式在一个text控件中设置文本铅框(text leading)的例子
- Flex中如何通过horizontalGap样式,设置TabBar控件各个Tab间空格间距
- Flex中通过设定borderColor样式给ComboBox控件设置边框颜色的例子
- Flex中通过设置textAlign和headerStyleName样式设置DateChooser控件头部年月文本对齐方式的例子
- Flex中如何通过设置tickLength样式设定HSlider控件上一个标记号(tick)长度的例子
- Flex中通过设置textAlign样式在一个List控件中改变文本对齐方向的例子
- Flex中如何通过设置separatorWidth样式来设定LinkBar控件各项目间分隔宽度的例子
- Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子
- Flex中通过backgroundColor和backgroundAlpha样式设置NumericStepper控件背景颜色和透明度的例子
- Flex中通过fontAntiAliasType, fontSharpness, fontThickness和fontGridFitType样式,设置字体类型,角度,粗细等
- Flex中如何通过tabStyleName, tabWidth和textAlign样式,设置TabBar控件内文本对齐方式
- Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子
- Flex中通过borderColor样式设置NumericStepper控件边框颜色的例子
- Flex中通过focusAlpha样式设置NumericStepper控件获取光标时透明度的例子
- Flex中通过textAlign样式在一个按钮(Button)控件中设置标签(label)对齐方式的例子