2010年10月21日   Flex   8,474 次浏览
这是用flex4做的一个字体对话框,跟windows的notepad的字体对话框类似,在这个对话框中选择字体,字形,字号就可以根据选择的字体样式改变文字的样式。里面包含了很多flex的内容,比如说得到弹出框的父对象,三目运算符的使用等,这是一个titleWindow,在主页面中只要使用PopUpManager.addPopUp()弹出就可以了,代码如下:
<?xml version=”1.0″ encoding=”utf-8″?>
<s:TitleWindow 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=”466″ height=”226″
close=”onClose()”>
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<!– 将非可视元素(例如服务、值对象)放在此处 –>
</fx:Declarations>
<fx:Style>
@namespace s “library://ns.adobe.com/flex/spark”;
@namespace mx “library://ns.adobe.com/flex/mx”;
global{
font-size:12;
font-family:宋体;
}
</fx:Style>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.managers.PopUpManager;
[Bindable]
public var fontfamily:String;
[Bindable]
public var fonts:String;
[Bindable]
public var fontsizes:String ;
private var fontFamily:ArrayCollection = new ArrayCollection(
[“宋体”,”Arial”,”隶书”,”黑体”,”新宋体”,”华文彩云”]);
private var font:ArrayCollection = new ArrayCollection(
[“常规”,”斜体”,”粗体”,”粗斜体”]);
private var fontsize:ArrayCollection = new ArrayCollection(
[“8″,”9″,”10″,”11″,”12″,”14″,”16″,”18″,”36”]);
private function onClose():void{
PopUpManager.removePopUp(this);
}
private function getFont():void{
fontFamilyInput.text = fontFamilyList.selectedItem;
fontInput.text = fontList.selectedItem;
fontSizeInput.text = fontsizeList.selectedItem;
}
//确定后得到字体样式
private function getAllFont():void{
fontfamily = fontFamilyInput.text == “” ? “宋体”: fontFamilyInput.text ;
fonts = fontInput.text == “” ? “常规”:fontInput.text;
fontsizes = fontSizeInput.text == “” ? “12”:fontSizeInput.text;
this.parentDocument.ta.setStyle(“fontFamily”,fontfamily);
this.parentDocument.ta.setStyle(“fontSize”,fontsizes);
if(fonts == “斜体”){
this.parentDocument.ta.setStyle(“fontStyle”,”italic”);
}else if(fonts == “粗体”){
this.parentDocument.ta.setStyle(“fontWeight”,”bold”);
}else if(fonts == “粗斜体”){
this.parentDocument.ta.setStyle(“fontStyle”,”italic”);
this.parentDocument.ta.setStyle(“fontWeight”,”bold”);
}else{
this.parentDocument.ta.setStyle(“fontWeight”,”normal”);
}
//关闭弹出框
PopUpManager.removePopUp(this);
}
//取消按钮
private function cancel():void{
PopUpManager.removePopUp(this);
}
]]>
</fx:Script>
<s:Label x=”10″ y=”8″ text=”字体:” />
<s:Label x=”163″ y=”14″ text=”字形:” />
<s:Label x=”273″ y=”14″ text=”大小:”/>
<s:TextInput x=”6″ y=”35″ width=”127″ height=”20″ id=”fontFamilyInput”/>
<s:List id=”fontFamilyList” x=”8″ y=”69″ width=”125″ height=”99″ dataProvider=”{fontFamily}” click=”getFont()” ></s:List>
<s:TextInput x=”161″ y=”35″ width=”76″ height=”20″ id=”fontInput”/>
<s:TextInput x=”272″ y=”31″ width=”43″ height=”20″ id=”fontSizeInput”/>
<s:List id=”fontList” x=”161″ y=”75″ width=”76″ height=”93″ dataProvider=”{font}” click=”getFont()” ></s:List>
<s:List id=”fontsizeList” x=”277″ y=”72″ height=”96″ width=”47″ dataProvider=”{fontsize}” click=”getFont()”></s:List>
<s:Button x=”356″ y=”31″ label=”确定” click=”getAllFont()” />
<s:Button x=”355″ y=”73″ label=”取消” click=”cancel();”/>
</s:TitleWindow>
*注:ta是指主页面中的textArea,通过this.parentDocument就可以得到父对象。
>>> Hello World <<<
这篇内容是否帮助到你了呢?
如果你有任何疑问或有建议留给其他朋友,都可以给我留言。