`
remoteJavaSky
  • 浏览: 47885 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Flex CollapsibleAccordion(折叠式手风琴 ) 中文问题解决

    博客分类:
  • Flex
阅读更多
说的这个问题在Flex4之后已经不存在了。在安徽电信ODN项目中,主页面就使用了此组件。

在TourDeFlexhttp://www.adobe.com/devnet/flex/tourdeflex.html中有个折叠式手风琴控件(Collapsible Accordion),可以折叠手风琴,很酷,但不支持中文。几经尝试发现是由于Flex控件在旋转后中文就不显示了,因此做了相应修改以支持中文,并添加了一些删除,增加子组件的方法,以方便编程式的使用。当然如果熟悉了Flex组件的生命周期,可以根据需求增添功能。

对于中文问题,主要就是利用按钮的快照图片来替代按钮,这样既可以保证了用图片的好处,又不失对按钮本身标签样式的使用,有点投机取巧。

对于添加删除子组件,主要是鉴于本身组件的使用不够方面。遵循Flex的组件生命周期,添加相应方法即可。

源码及示例已在附近中(这个压缩文件是个标准的Flex Web工程,直接导入FlexBuilder后,选择CollapsibleAccordionSample运行即可)

0
0
分享到:
评论
2 楼 remoteJavaSky 2013-03-04  
根本问题是Flex3的控件旋转,如果有中文就显示不出来。

我的解决方法就是 利用按钮的快照图片,让图片旋转显示中文字体,这和字体放哪个目录没有关系的。 不过我使用的是Flex系统自带的中文字体。 

如果是Flex版本4 控件rotate是不会有中文显示问题的。
1 楼 linfeng0169 2013-03-04  
我现在报一个字体转换错误的错误 请问下 字体是要放在那个目录下面啊~!

相关推荐

    flex自定义“折叠手风琴”组件CollapsibleAccordion

    在TourDeFlexhttp://www.adobe.com/devnet/flex/tourdeflex.html中有个折叠式手风琴控件(Collapsible Accordion),可以折叠手风琴,很酷,但不支持中文。几经尝试发现是由于Flex控件在旋转后中文就不显示了,因此做...

    Flex控件折叠效果

    "Flex控件折叠效果"是一个常见的需求,它涉及到用户界面(UI)的动态性与可扩展性,使得用户能更有效地管理和浏览信息。本文将深入探讨Flex控件折叠效果的相关知识点,包括其工作原理、实现方式以及实际应用。 Flex...

    js手风琴效果

    5. **响应式设计**:为了确保手风琴效果在不同设备上都能良好运行,我们需要考虑响应式设计。使用媒体查询(`media queries`),我们可以根据屏幕尺寸调整手风琴的宽度、间距等,使其在手机、平板和桌面端都有良好的...

    超酷CSS3垂直手风琴列表

    【超酷CSS3垂直手风琴列表】是一种交互式的网页元素设计,主要用于展示层次结构的信息。在网页设计中,手风琴布局常用于有限的空间内显示大量内容,通过展开和折叠的方式,使得用户可以逐个查看各个部分,而不会被...

    漂亮的CSS3手风琴动画特效

    通过设置`display: flex`,我们可以让手风琴标题和内容区域按需伸缩。 5. **Grid布局**:对于更复杂的布局需求,CSS Grid也可以作为构建手风琴的工具。它可以方便地创建二维布局,使得内容区可以适应不同的屏幕尺寸...

    超酷纯CSS3动感手风琴列表ui界面设计

    5. **字体图标(Font Icons)**:在“fonts”目录中可能包含了一套图标字体库,如Font Awesome,用于提供手风琴展开/折叠的图标。这些图标是矢量图形,可以按需缩放而不会失真,非常适合用在UI设计中。 6. **响应式...

    手风琴(无js)

    手风琴效果通常指的是一个容器内包含多个可折叠的内容区域,用户可以逐个展开或关闭这些区域,类似于手风琴的伸缩动作,因此得名。这种效果可以提高用户体验,使用户能够有选择地查看感兴趣的内容,而不必一次性加载...

    js实现横向手风琴效果

    这个横向手风琴效果的实现只是一个基础版本,你可以根据需要进行扩展,例如添加动画效果、自定义样式或者响应式设计,以适应不同的设备和用户体验需求。在实际项目中,还可以考虑使用JavaScript库如jQuery或现代框架...

    CSS3垂直手风琴文字列表切换代码

    【CSS3垂直手风琴文字列表切换代码】是一种在网页设计中常见的交互元素,它以折叠和展开的方式展示内容,通常用于节省空间并提供清晰的导航。在这个案例中,我们结合了Bootstrap框架的灵活性和CSS3的新特性,创造了...

    手风琴效果案例.zip

    对于手风琴的折叠和展开,可以使用CSS的`display`属性,将内容区域的默认状态设置为`none`,当触发点击事件时,将其更改为`block`或`flex`。 2. JavaScript/jQuery:为了实现动态的手风琴效果,通常需要JavaScript...

    CSS3水平图片手风琴效果鼠标悬停收缩展开图片手风琴动画效果

    【CSS3水平图片手风琴效果】是一种网页设计中的交互元素,它允许用户通过鼠标悬停在一组并列的图片上,实现图片的收缩和展开,形成类似手风琴般的动态效果。这种效果通常用于展示多张图片,而有限的空间只允许一次...

    解决Flex 中文乱码

    在开发Flex应用程序时,我们经常会遇到中文乱码的问题,这主要源于AS3(ActionScript 3...对于`解决Flex中文乱码.txt`这个文件,它可能包含了具体的代码示例或更详细的解决步骤,你可以参考其中的内容来解决你的问题。

    基于jquery的手风琴图片展示效果实现方法

    通过用户与界面的交互,能够实现图片的收缩和展开,类似于手风琴乐器的折叠与展开动作,因此得名手风琴效果。本文将介绍如何利用jQuery库,结合CSS样式,实现一个简单且具有实用价值的手风琴图片展示效果。 首先,...

    CSS3实现的垂直手风琴折叠菜单特效源码.zip

    手风琴菜单是一种交互式菜单,其特点在于用户点击某个菜单项时,对应的子菜单会展开或折叠,其他子菜单则保持关闭状态。CSS3通过其强大的选择器、过渡、动画以及Flexbox或Grid布局等特性,可以轻松实现这种效果。 ...

    Flex问题解决大全

    本文将深入探讨Flex中的关键概念和技术,帮助开发者解决常见的Flex问题。 首先,Flex提供了一个基于组件的开发模型,允许开发者通过继承和扩展现有的组件来构建应用程序。这极大地提高了开发效率,因为大部分UI元素...

    Vue实现侧边菜单栏手风琴效果实例代码

    Vue实现侧边菜单栏手风琴效果实例代码 本资源是关于使用 Vue 实现侧边菜单栏手风琴效果的实例代码。下面是对该资源的详细解析。 手风琴效果简介 手风琴效果是一种常见的交互效果,在许多 Web 应用程序中都可以...

    CSS3带动画效果的手风琴特效.zip

    手风琴特效是一种常见的网页交互设计,常用于展示折叠式的内容区域,用户可以逐个展开或关闭这些区域,以节省页面空间并提供更好的用户体验。在本案例中,"CSS3带动画效果的手风琴特效"利用了现代浏览器支持的CSS3...

    网格图片手风琴jquery特效代码,结合网格手风琴缩略图和手风琴面板的功能,给你展示你的图片网站一个有趣的方法。

    网格图片手风琴jQuery特效是一种常见的网页交互设计,它将图片展示与手风琴效果巧妙融合,为用户提供了一种独特且吸引人的浏览体验。在网页设计中,这种特效能够有效地节省空间,同时增加用户交互性,使图片展示更加...

    flex 文件上传 预览下载 及中文名乱码解决问题

    本篇文章将详细介绍如何在Flex中实现文件上传、预览、下载功能,并解决中文文件名在这些操作中可能出现的乱码问题。 首先,文件上传是通过HTTP的POST请求来实现的。在Flex中,我们可以使用`URLLoader`类来发送数据...

Global site tag (gtag.js) - Google Analytics