程序员刘杨

       这是用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就可以得到父对象。

~谢谢打赏~手机请长按图片~

赞 赏