摘要：
在目前实现的应用中，你将看到上图所示的效果，我们已经添加了一些html标签在内容中，但效果看起来还是普通的文本文字效果，为了达到预期的目标我需要设置视图的styleHtmlContent属性为true。正如你看到的，内容被切割掉不能向下滑动，为了能够达滚动效果，需要设置纵向的滚动翻屏属性，下面就是相关代码：scroll: 'vertical',styleHtmlContent: true,style: 'background: #d8e2ef',我们也加入了风格属性在CSS标尺中，使视图的滑动动画效果更好些，现在你的文本内容在蓝色的背景看上去效果好多了，当你在视 阅读全文
摘要：
<!-- VIEWS -->< type="text/java" src="/app/views/Viewport.js"></>< type="text/java" src="/app/views/home/HomeIndexView.js"></>在HomeIndexView.js中添加下面的内容：App.views.HomeIndex = Ext.extend(Ext.Panel, { html: "<h3>A Lover 阅读全文
摘要：
现在准备测试！在基于webkit的浏览器中，打开index.html文件，你将看到信息框的显示。创建视图：我们的视图可以用扩展Sencha Touch组件的方式来创建，它们负责数据的渲染和展示，采用这种技术可以使我们的应用看起来非常酷。创建主视：Viewport当我们运行应用时，我们必须建立的第一个视图是Viewport，这个是我们的主要视图，在这个视图中我们将会进行其他试图的描绘，你可以把它想象为画布。在我们的app/views目录下，建立一个Viewport.js文件，并且在文件中添加下面的内容：App.views.Viewport = Ext.extend(Ext.Panel, { fu 阅读全文
摘要：
正如本文标题所述的主题我们将继续构建我们在前面已经构建的Sencha Touch MVC app，下面我们将开始进行创建一个控制器（controller）和两个视图，然后学习如何运用它们。首先让我们来添加一些目录来修改现有的工程目录结构：创建一个控制器：在app/controllers目录下创建一个HomeController.js文件，然后在里面增加下面的内容：Ext.regController('Home', { // index action index: () { Ext.Msg.alert('Test', "Home's index 阅读全文
摘要：
从零开始学习Sencha Touch MVC应用之二现在开始最有趣的部分-编码：首先，我们需要在index.html中增加如下内容：<!DOCTYPE html> <html> <head> <title>MvcTouch</title> <!-- Sencha Touch work --> <link rel="stylesheet" type="text/css" href="lib/sencha-touch-1.1.0/sencha-touch.css" 阅读全文
摘要：
从零开始学习Sencha Touch MVC应用之一介绍：sencha touch是一个面向对象的java框架，使用它可以使开发者完全像在iphone、andriod 、黑莓等触摸设备本身上进行移动应用的构建那样方便和容易。如果你需要查找进一步的资料可以到Sencha Touch website.上进行查找。如果你还没有使用java在面向对象方式下进行过开发的经历，我想你将会发现这个框架的一些特殊性因为这个框架完全是基于oop的，如果你对OOP概念不熟悉，你可以到这里（here）来查找，如果你有一些OOP方面的知识，但你不知道如何面向对象如何运用在java程序中，你可以参考一下（Object- 阅读全文
摘要：
Sencha touch使用百度地图在最近的手机项目中需要用到地图，由于google的服务器迁离大陆，使用谷歌需要国外出口的缘故，出现google访问不稳定，因此在国内的手机访问地图，只能转接到百度地图上。Sencha touch系统是一个新推出的平台，正在不断进行完善和升级过程中，在其给出的开发里程及其文档中，只给出了与google接口和实例，对于百度地图的支持没有给出，并且在网上相关的资料也查不到。本人在进行手机开发过程，深入分析了百度地图的API及sencha touch的相关文档，参照sencha touch与google地图的例子，实现了百度地图的接口。在这里把我所实现的例子和过程共 阅读全文
摘要：
在文章的最后，我们回过头来再来添加一个联系表格。我们的最后一个tab，包含一个FromPanel和一个FieldSet：//We've added a third and final item to our tab panel - scroll down to see itExt.application({ name: 'Sencha', launch: () { Ext.create("Ext.TabPanel", { fullscreen: true, tabBarPosition: 'bottom', items: [ { ti 阅读全文
摘要：
现在我们已经看到了一个比较体面拿的出手的主页页面了，接下来让我们来做一些扩展。我们先用虚构的数据在一个单独的选项卡显示最新博客文章列表(用List显示)。在这里实现上我们选取了几个来自http://sencha.com/blog的职位信息。关于List的代码我们写在"Home"选项卡下方（点击预览按钮可以看到运行代码示例）。Ext.application({ name: 'Sencha', launch: () { Ext.create("Ext.TabPanel", { fullscreen: true, tabBarPosition: 阅读全文
摘要：
现在，TabPanel已经显示在屏幕上了，但我们主页的其实可以美化一下吧。当前的页面至少有以下几个问题：把标签放在顶部有点不大好看。主页按钮似乎也有些单调。没有任何内容。看看我们是怎么做的，修改tabBarPosition配置项并添加一些HTML内容:Ext.application({ name: 'Sencha', launch: () { Ext.create("Ext.TabPanel", { fullscreen: true, tabBarPosition: 'bottom', items: [ { title: 'Home& 阅读全文