flex主题/皮肤不支持中文的解决办法
首先介绍两个Flex皮肤网站:
1. Skins and Themes For Flex and AIR
2.Free Skin and Themes For Adobe Flex
以上两个网站都提供了皮肤下载。先看一个其中的效果:
当然这款皮肤Brownie并不支持中文,原因是它里面的自己没有中文的。需要自行添加,我这里使用的是微软雅黑。
需要在assets/css/Main.css中修改:
添加字体:
@font-face {
fontFamily:"WRYH";
src: url("assets/fonts/MSYH.TTF");
}
在添加:
Application
{
...
fontFamily: "WRYH";
..
.headerStyle
{
text-align:center;
font-size: 15;
fontFamily:"WRYH";
...
}
当然需要把微软雅黑拷贝到assets/fonts中。这样就可以了。
上面的例子代码:
主程序:
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<!--[CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var myDP:ArrayCollection = new ArrayCollection([
{label1:"苹果", quant:39, ok:true},
{label1:"香蕉", quant:73, ok:true}
]);
]]-->
</mx:Script>
<mx:Style source="assets/css/Main.css"/>
<mx:Panel width="478" height="293" layout="absolute" title="水果销售折扣">
<mx:DataGrid id="myDG" dataProvider="{myDP}"
editable="true" width="397" height="117" x="24" y="46">
<mx:columns>
<mx:DataGridColumn dataField="label1" headerText="项目" editable="false"/>
<mx:DataGridColumn dataField="quant" headerText="数量" itemRenderer="MyProgressBar" editable="false"/>
<mx:DataGridColumn dataField="ok" headerText="剩余" editable="false">
<mx:itemRenderer>
<mx:Component>
<mx:CheckBox selected="{data.ok}"/&
相关文档:
样张图:
使用方法:
设置Application标签的preloader为 MyComponent.MyDownloadProgressBar
<mx:Application preloader="MyComponent.MyDownloadProgressBar" >
下面是MyDownloadProgressBar.as的代码:
package MyComponent
{
import flash.display.*;
import flash.events.*;
import flash.filte ......
///
前面的几乎都是在抄书,是要改一下了
Tips:
1、Flex
Builder项目或ActionScript项目会作为一个容器,容纳所有资产。资产即项目运行所需的各种各样的文件(MXML、AS、图片和XML等)。Flex
Builder会为我们跟踪这些不同的资产,故Flex
Builder要求我们只能在项目内创建或导入这些资产。
2、通常只有一个MXML文件 ......
准备工作
eclipse 软件包 eclipse-jee-galileo-SR2-win32.zip(免安装的)
flex 插件 FB3_WWEJ_Plugin.exe
软件下载就不说了啊 从官网上都可以找到的。
插件安装步骤: 1.把eclipse 软件包 解压到C盘下(具体根据自己需要这不是关键)
&nbs ......
有好用的东西一定要共享。
PaginationDataGrid.mxml文件分页组件
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
<mx:Script source="../../../common/utils/Commo ......