<?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" minWidth="955" minHeight="600"
creationComplete="creationComplete()" >
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
/*
数据的实时更新 ,使用ENTER_FRAME事件
*/
import mx.controls.Alert;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.rpc.http.HTTPService;
import mx.collections.ArrayCollection;
public var service:HTTPService = new HTTPService();
[Bindable]
public var xml:XML;
public function SetVisits():void
{
service.url = "Province.xml";
service.method = "post";
service.resultFormat = "e4x";
service.addEventListener(ResultEvent.RESULT, xmlLoaded);
service.addEventListener(FaultEvent.FAULT,xmlError);
service.send();
}
//HTTPService正确时执行的方法
public function xmlLoaded(e:ResultEvent):void
{
xml = service.lastResult as XML;
textarea1.text = xml.toString();
}
//HTTPService异常时执行的方法
public function xmlError(e:FaultEvent):void
{
trace("出现异常");
}
//实时数据更新,ENTER_FRAME
public function creationComplete():void
{
this.addEventListener(Event.ENTER_FRAME,function():void{
SetVisits();
});
}
]]>
</fx:Script>
<mx:List width="120"
dataProvider="{xml..name}" x="913" y="51" height="417" />
</s:Application>
Province.xml文件
<?xml version="1.0" encoding="UTF-8"?>
<main>
<province>
<name>湖南</name>
<visits>2</visits>
</province>
<province>
<name>湖北</name>
<visits>43</visits>
</province>
<province>
<name>江西</name>
<visits>2</visits>
</province>
<province>
<name>浙江</name>
<visits>43</visits>
</province>
<province>
<name>安徽</name>
<visits>2</visits>
</province>
<province>
<name>江苏</name>
<visits>43</visits>
</province>
</main>
分享到:
相关推荐
通过以上解释,我们可以了解到如何在Flex应用中使用`URLLoader`加载XML文件,然后将数据解析并绑定到UI组件,从而实现动态数据展示。这在构建数据驱动的富互联网应用程序时非常常见,有助于提高用户体验和交互性。
本文将详细介绍Flex中数据绑定的四种主要方式:“{}”绑定表达式、[Bindable]绑定符号、`<mx:Binding>`标签以及BindingUtils动态绑定。 #### 二、“{}”绑定表达式 **简介** “{}”绑定表达式是一种最直接和简单的...
本话题主要探讨如何在Flex中绑定资源文件,尤其是关于在按钮中嵌入icon图标的两种方法。 首先,Flex是一种基于ActionScript的开放源代码框架,用于构建富互联网应用程序(RIA)。它允许开发者创建具有交互性和动态...
总结来说,这个Flex应用通过`HTTPService`从XML文件获取数据,然后将数据绑定到`DataGrid`组件上,从而实现动态加载和展示XML数据的功能。这种方式在实际项目中非常常见,特别是在需要从服务器获取结构化数据并显示...
而使用Databing,我们可以在布局XML文件中为每个UI元素添加注解,如`@BindView(R.id.button)`,然后在对应的Activity或Fragment类中创建一个字段,并加上相同的注解。Databing会在初始化时自动将UI元素与这些字段...
声明式数据绑定通过XML语法在MXML文件中直接设置,如`<mx:Label text="{data.name}" />`,这将Label组件的文本属性与名为"data"的对象的"name"属性绑定。编程式数据绑定则是在ActionScript代码中实现,例如`label....
>`):指定文档使用的XML版本及字符编码。 - **`<mx:Application>`** 标签:Flex应用程序的根容器。 - **`<mx:Script>`** 标签:包含ActionScript代码。 - **`<mx:Zoom>`** 和 `<mx:Canvas>`:实现动画效果。 - **`...
在上述代码中,`[Bindable]`元数据告诉编译器该变量可以被数据绑定使用。`{message}`表达式是数据绑定的语法,它将Label的text属性与message变量关联。 除了简单的属性绑定,Flex还支持双向数据绑定。这使得UI组件...
接着,我们需要创建一个布局XML文件,其中包含数据绑定的元素。例如,一个简单的布局可能包含一个TextView,它的文本属性与ViewModel中的一个属性绑定: ```xml xmlns:app=...
然后,在布局XML文件中,我们可以使用Data Binding语法将视图元素绑定到这些属性: ```xml name="user" type="com.example.User" /> android:layout_width="match_parent" android:layout_height=...
Data Binding是Android SDK中的一个库,它提供了一种在XML布局文件中声明性地绑定数据到UI组件的方法。通过这种方式,开发者可以减少Java代码,提高代码可读性和维护性。 2. **启用Data Binding** 要在项目中启用...
使用`[Bindable]`注解标记函数,使其返回值可以被观察和绑定。如: ```xml <mx:Script><![CDATA[ [Bindable]private var n:int; internal function square(num:int):int{return num*num;} ]]> (n)}"/> ``` 这里的`...
在Flex初学者的笔记中,主要强调了如何使用[Bindable]关键字和[Embed]标记来实现资源的绑定。 使用[Embed]标签将资源嵌入 在Flex编程中,[Embed]标签属于元数据标记之一,它的作用是将外部的资源(如图片、声音、...
通过XML对象解析XML文件,然后将其转换为适当的数据集合,这通常是通过bindable属性和mx:XML标签完成的。在"带特效的flex list"项目中,XML文件可能存储了列表项的信息,如标题、描述等,这些信息会被动态地加载到...
而Flex程序文件扩展名为.mxml,本质上是一种带有大量特殊元素的XML文件,用于定义界面布局和组件属性。 **三、使用MXML组件构建用户界面** MXML语言支持多种用户界面组件,主要分为控件和容器两大类: 1. **控件*...
数据绑定(DataBinding)是Android开发中的一个库,它提供了在布局XML文件中直接与Java对象绑定的能力,简化了UI和应用逻辑之间的交互。在这个"Databinding案例"中,我们将会探讨DataBinding库的主要功能、使用方法...
它实现了代码和界面的分离,使得开发者可以使用FLEX的类(扩展名为*.as)进行编程,而FLEX程序文件(扩展名为.mxml)则是一个包含了特殊元素的XML文件,用于定义用户界面。 在Flex中,使用MXML构建用户界面非常直观...
[Bindable] private var TitleText:String="<b>VideoDisplayControl:</b>"+"/n"+"Use the buttons to control the video."; ``` 这里使用了`<b>`标签加粗文本“VideoDisplayControl:”,并且使用了特殊字符`/n`来...
在IT行业中,尤其是在Windows Presentation Foundation (WPF)和XAML...阅读"Bindable-Converter-and-Converter-Parameter-Revisit.pdf"这份文档,你将能更全面地掌握这些高级技巧,并能够在实际项目中有效地应用它们。