flex的Accordion组件头部文本默认是居左的,可以通过设置headerStyleName属性使之居中,另外还可以设置字体的样式等

 <?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="100%" height="100%"> <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection; [Bindable]
private var sex:ArrayCollection = new ArrayCollection(
[{name:"男", value:1}, {name:"女", value:2}]);
]]>
</fx:Script> <fx:Style>
.accordionHeader{textAlign:center;fontWeight:bold; fontSize:12}
</fx:Style> <mx:Accordion width="200" height="80%" left="20" top="20"
headerStyleName="accordionHeader">
<s:NavigatorContent width="100%" height="100%" label="个人信息" >
<s:VGroup width="100%" height="100%" top="10" gap="10">
<s:HGroup width="100%" horizontalAlign="center">
<s:Label text="姓名:" verticalAlign="middle" height="25"/>
<s:TextInput width="100" height="25"/>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="center">
<s:Label text="性别:" verticalAlign="middle" height="25"/>
<s:DropDownList width="100" height="25" dataProvider="{sex}"
labelField="name" prompt="保密"/>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="center">
<s:Label text="年龄:" verticalAlign="middle" height="25"/>
<s:TextInput width="100" height="25" restrict="0-9" maxChars="2"/>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="center">
<s:Label text="职业:" verticalAlign="middle" height="25"/>
<s:TextInput width="100" height="25"/>
</s:HGroup>
<s:HGroup width="100%" horizontalAlign="center">
<s:Label text="住址:" verticalAlign="middle" height="25"/>
<s:TextInput width="100" height="25"/>
</s:HGroup>
</s:VGroup>
</s:NavigatorContent>
<s:NavigatorContent width="100%" height="100%" label="情况反馈">
<s:VGroup width="100%" height="100%" top="10" gap="10"
horizontalAlign="center">
<s:Label text="个人情况反馈" verticalAlign="middle" fontWeight="bold" color="blue"/>
<s:TextArea height="80%" borderColor="black"/>
</s:VGroup>
</s:NavigatorContent>
<s:NavigatorContent width="100%" height="100%" label="提交信息">
<s:VGroup width="100%" height="100%" top="10" gap="10"
horizontalAlign="center">
<s:HGroup width="100%" horizontalAlign="center">
<s:Label text="方式:" verticalAlign="middle" height="20"/>
<s:RadioButton label="匿名" groupName="radiogroup1" selected="true"/>
<s:RadioButton label="实名" groupName="radiogroup1"/>
</s:HGroup>
<s:Button width="70%" label="提 交" fontSize="14"/>
</s:VGroup>
</s:NavigatorContent>
</mx:Accordion>
</s:Application>

flex的Accordion组件头部文本居中显示的更多相关文章

  1. 重写TextView,实现圆形背景,文本居中显示

    最近,在做考试试题排版,产品提出题号希望显示成圆形背景,序号文本居中显示. (有点问题:文本没有绝对居中,暂时没做处理.) 为此,我采取的方式是重写TextView的onDraw方法,绘制一个圆形背景 ...

  2. CSS文本居中显示

    因为一直为元素居中问题而困扰,所以决定把自己遇到和看到的方法记录下来,以便以后查看 如果要让inline或inline-block元素居中显示,则父元素css中包含text-align:center; ...

  3. 自定义Toast样式-两行文本居中显示

    toast可以设置自定义的view和显示位置.下面是一个简单的例子,复杂些的就是改变其布局文件就可以了. /** * @author BMR * @ClassName: ToastWithTwoTex ...

  4. ExtJS -- Grid 文本居中显示

    Reference: http://stackoverflow.com/questions/6561120/extjs-4-apply-defaults-to-all-columns-in-a-gri ...

  5. LabelControl文本居中显示

    https://www.devexpress.com/Support/Center/Question/Details/Q94915 If you set the AutoSizeMode to Non ...

  6. css 单行文本居中显示,多行文本左对齐

    父级元素 text-align:center; 自级元素 text-align:left; display:inline-block;

  7. 【Android】自定义控件让TextView的drawableLeft与文本一起居中显示

    前言 TextView的drawableLeft.drawableRight和drawableTop是一个常用.好用的属性,可以在文本的上下左右放置一个图片,而不使用更加复杂布局就能达到,我也常常喜欢 ...

  8. line-height让文本在块级元素中居中显示总结

    一.总结: line-height不仅可以用在段落文本中控制行与行之间的间距,还可以用来控制文本在li这种块级元素中的位置. 文本行间距的大小由字体的大小决定,行间距的大小的设置方法有5种方式:

  9. 让TextView的drawableLeft与文本一起居中显示

     TextView的drawableLeft.drawableRight和drawableTop是一个常用.好用的属性,可以在文本的上下左右放置一个图片,而不使用更加复杂布局就能达到,我也常常喜欢用R ...

随机推荐

  1. JS生成某个范围的随机数(四种情况)

    前言: JS没有现成的函数,能够直接生成指定范围的随机数. 但是它有个函数:Math.random()  这个函数可以生成 [0,1) 的一个随机数. 利用它,我们就可以生成指定范围内的随机数. 而涉 ...

  2. oracle DBA坚持写博客的7大理由

    对于Oracle DBA来说,甚至IT技术人员来说.坚持写博客是个好习惯.以下是我建议大家写博客的七个理由. 帮助整理思路 最近我做出了一个决定,那就是: 我要坚持天天写博客,记录每天所学的重要东西. ...

  3. 基于JQuery实现滚动到页面底端时自动加载更多信息

    基于JQuery实现滚动到页面底端时自动加载更多信息 关键代码: 代码如下: var stop=true; $(window).scroll(function(){ totalheight = par ...

  4. MSSQL 2005 列转行应用案例

    /*MSSQL 2005 列转行应用案例 By claro(陈亮) 2008-12-2 转载请包含此信息*/ --test table KuCunMX If object_id ('KuCunMX') ...

  5. SQL分布式查询、跨数据库查询

    --[方法1]连接服务器方法 --step1 创建链接服务器  exec sp_addlinkedserver     'srv_lnk','','SQLOLEDB', 'ip地址'  exec sp ...

  6. 在CentOS 6上搭建私有的Docker Registry

    在CentOS 6上搭建私有的Docker Registry v2Registry概念 :Registry是一个无状态的, 高可扩展的服务器端应用程序, 用于存储和分发Docker Image. 依赖 ...

  7. ViewPager左右滑动

    布局: <android.support.v4.view.ViewPager android:id="@+id/viewpager_main" android:layout_ ...

  8. filter()函数 条件筛选

    filter()函数 filter()函数是 Python 内置的另一个有用的高阶函数,filter()函数接收一个函数 f 和一个list,这个函数 f 的作用是对每个元素进行判断,返回 True或 ...

  9. js:语言精髓笔记2--表达式

    表达式:由运算符和运算元构成:JS中没有运算符的表达式称为单值表达式:没有运算元,孤立与代码上下文的运算符是不符合语法的:(表达式是有返回值的) 单值表达式: this引用: 变量引用: 直接量: n ...

  10. AngularJS学习笔记二:AngularJS指令

    AngularJS 指令: AngularJS 通过被称为 指令 的新属性来扩展 HTML. AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-. 几个常用 指令: ng-app 指令 ...