ti

Titanium UI之TableViews组件

喜欢而已 提交于 2019-12-06 14:20:34
TableViews 1、为tableView增加数据 2、Row的属性 3、自定义Row,Row组,Row Section 4、在TableView的搜索 5、TableView的事件 内容 Ti里面创建一个TableView,如下: var table = new Titanium . UI . createTableView ({ /* properties */ }); 这是其包含的属性: height and width top and left backgroundColor and backgroundImage rowHeight / minRowHeight / maxRowHeight – 控制行的尺寸 headerTitle / headerView footerTitle / footerView scrollable (boolean) –控制tableView的滚动,纵向滚动条 为TableView添加数据 TableView的一行是一个Ti.UI.TableViewRow对象,当然,你可以通过此对象来控制该行。 Ti.UI.createTableViewRow(),此方法用来创建一个TableViewRow对象。 你可以通过javascript来循环的创建此对象。 Object literals as rows // 通过json来做为数据 var

Titanium 用户界面之布局结构及核心代码块

被刻印的时光 ゝ 提交于 2019-12-06 14:20:02
以 Tab为界面基础的界面 关于Tab的建议 以 窗口为界面基础 目标 在本节,你将会看到Ti应用的核心代码块。 我们将会讨论Tab组件,windows窗口以及他们的核心功能 。 内容 如果用开发web的方式来比拟Ti里面的界面,, 一个Ti的窗口相当于一个web页面,一个Ti的View相当于一个DIV。概念上,Ti里面的windows是一个顶级的容器,就像web里面的页面,如JSP等。 Ti里面的Views组件可以看成是一个含有style的能够装入内容的容器。 Windows和View,两者都可以包含其他内容(按钮、视图等),而且必须包含在一个窗口,或者web页面。 Ti 中的Tab groups 和 web中的tab groups一个样,在Web中,Tab有时被称作一个UI组件,但是一般都用Div来实现Tab的功能。在移动开发的应用中,用的最多的应该是一组导航菜单或者是一些导航链接。 那么,我们现在就来看看如何使用tab groups,views,windows 去组织你的UI。移动应用一般使用两个基本的布局方式:tab布局和windows布局。如图所示: 使用Tab布局 在一个使用tab布局的应用中,一般使用一个Tab group来包含多个tabs。而每个Tab又包含一个windows。每个windows包含你所需要的组件,如按钮,input等等。使用Tab的基本代码如下所示

Titanium UI之 Scrolling Views组件

为君一笑 提交于 2019-12-05 19:56:37
ScrollView及ScrollableView Objective TI 中 有两种滚动视图组件,ScrollView 和 ScrollableView,尽管名称大致相同,但是使用方法和属性都是很大的不同。 Contents ScrollView vs. ScrollableView 上面两幅图显示: ScrollView 是当内容太多时,出现的滚动条类组件,你可以拖拽滚动条来查看内容。 ScrollableView 是一个包含多个子Views的组件,跟web上面的焦点图比较类似,他只有横向滚动。 ScrollView 你可以像下面一样创建一个ScrollView var sv = Ti.UI.createScrollView({ height:200,//ScrollView的高度 width:200,//其宽度 /* left & right work too */ contentHeight:'auto', contentWidth:'auto' }) ScrollView properties 一些属性:(具体参见API) Property Description zoomScale, minZoomScale, maxZoomScale You can control zooming of the content within the ScrollView with