第11讲1 Sencha Touch入门.ppt

b) 配置对象和配置选项 过去，我们习惯于使用预先定义好的参数来调用函数。这表示当调用函数时，必须记住传入参数的顺序。代码如下： var test = new TestFuntion(LuLingNiu,38,240824399@); 这种方式可能会带来以下3个问题： 需要函数调用者记住且不能改变传入参数的顺序。 不描述参数代表什么含义。 在实现可选参数时缺少灵活性。 使用配置对象，可以具有更大程度的灵活性，传入参数的顺序不再重要，可以以任何顺序来设置传入参数，并且代码阅读者也可以对参数的含义一目了然。 代码如下： var test = new TestFunction({ Name: LuLingNiu, Age: 38, Email: 240824399@ }); 这种方法允许函数的参数可以无限扩展，使用更少的传入参数或添加新的传入参数的处理变得更加简单。使用这种方法的另一个好处是，在第一次调用了函数之后，添加或减少传入参数对第一次的函数调用不产生任何影响。代码如下： //第一次调用 var test = new TestFunction({ Name: LuLingNiu }); //第二次调用 var test = new TestFunction({ Name: LuLingNiu, Age: 38, Email: 240824399@ }); 举例来说，看如下代码： var panel = Ext.create(Ext.Panel, { //以下3行代码的作用为对面板使用配置选项 fullscreen: true, id:myPanel, style:color:red, html: 一个简单的示例面板 }); 这个示例代码中的配置对象初看起来有些复杂，但它是一种最快的配置组件的方法，因为每一个Sencha Touch的组件都使用一个配置对象，所以它是一个必须习惯使用的对象。 当使用配置对象时，有以下几点必须要记住： 在所有配置选项的最外层使用大括号，代表大括号内部为一个配置对象。 每个配置选项由选项名与选项值组成，选项名与选项值之间用冒号分隔，配置选项与配置选项之间用逗号分隔。 配置选项值可以为任何类型的数据，包括布尔类型、数组类型、函数类型，甚至可以包含另一个配置对象类型。 当使用配置对象时，有以下几点必须要记住： 方括号代表一个数组，例如{name:[one,two,three]},一个数组中同样可以包含多个配置对象。 使用配置对象及其配置选项来配置组件的最大好处是：可以在需要的时候随意添加配置选项，而不像一个典型的函数调用那样必须固定参数的个数（除非使用可选参数），配置选项的顺序是不重要的，配置选项的数量也是可以变化的。 c) 应用程序的命名和启动 Sencha Touch中使用Ext.app.Application类来定义应用程序，可以使用应用程序的name配置选项来定义应用程序的名称，该配置选项值中不能包含空格。 使用方法如下： Ext.application({ name: MyApp }); c) 应用程序的命名和启动 在使用iOS操作系统的设备中，用户可以将应用程序添加在主屏幕上以方便访问。 在Sencha Touch 2.0中，可以通过应用程序的配置选项来定制应用程序在主屏幕上的图标与应用程序启动时的图标。代码如下： Ext.application({ name: MyApp, icon: images/icon.png, glossOnIcon: false, phoneStartupScreen: images/phone_startup.png, tabletStartupScreen: images/tablet_startup.png }); 可以在应用程序的launch配置选项中指定当应用程序准备好被加载时所调用的函数，通常使用该函数来渲染应用程序的初始界面。 使用方法如下： Ext.application({ name: MyApp, //其他配置选项代码略 launch:function(){ 　 //代码略 } }); d) 面板组件 Sencha Touch 2.0中提供了很多组件，例如消息框组件、面板组件等。 这些组件通常都提供了一个特殊的用户界面及其内部功能，可以通过配置选项来定义组件的界面显示及其所执行的内部处理。 面板组件 面板组件是Sencha Touch 2.0中最常使用的容器组件，该组件以div元素的形式显示在页面上。