zoukankan      html  css  js  c++  java
  • sencha touch api 使用指南

    本文主要讲解如何使用sencha touch的api以及如何查看api中官方示例源码

    前期准备

    1.sdk

    下载地址:http://www.sencha.com/products/touch/download/

    填写对应信息及邮箱地址点Download即可,你会在邮箱里面收到下载邮件,如图所示:

    随意解压到任意目录即可,如图所示:

     

    2.api

    下载地址:http://docs.sencha.com/

    点击Sencha Guides,会弹出下载界面,选择Touch进行下载,如图所示:

     

    随意解压到任意目录即可,如图所示:

     

    在这里提供一个简单的运行api的办法(需要安装谷歌浏览器)

    找到谷歌浏览器安装目录,如图所示:

     

    我这的安装路径是C:Users修曌AppDataLocalGoogleChromeApplication

    右键chrome.exe创建一个快捷方式,右键快捷方式,弹出属性

    在目标中加入以下命令:--disable-web-security如图:

     

     

    关闭所有已经打开的谷歌浏览器,通过快捷方式再次打开谷歌浏览器

    出现以下界面表示成功,如图:

     

    D:ASPX ouch-docs-2.3.1中的index.html拖入浏览器中

    如果不能拖入,可以直接在地址栏中输入file:///D:/ASPX/touch-docs-2.3.1/index.html,效果如图,不用搭建iis环境

     

    使用api

     如上图所示,首先我们看到的是一个欢迎界面。在右上角是一个搜索框,我们可以通过关键词来进行搜索,比如list

    选择第一项

    通过左侧的菜单栏我们可以看到我们进入list的文档界面,除了通过搜索栏进入,我们也可以直接通过左侧的菜单导航进入此界面

    将鼠标移动到正文标题部分,点击会出现以下界面

    .js文件就是js源码,scss是对应的scss源码,点击即可进入

    标题下方是文档导航,分为配置导航,示例导航,方法导航,事件导航,css导航等,右侧show按钮可以配置显示隐藏哪些方法/属性.

    正文右上是层级说明,表名这个类的继承层级,已经一些应用的mixins属性等

    在此处list是一个视图控件,所以正文首先有一个演示示例

    点击按钮可以查看简单的使用源码,在这里有多个使用案例

     

    之后就是属性/方法/事件等使用说明

    有些属性/方法/事件会有简单的使用案例

    Ext.data.Field为例,convert属性

    以list为例,on方法也有使用示例

     

    点击左上导航,第三个模块

    这里是一些入门资料,建议每个入门者都认真读一遍

     

    点击左上导航,第四个模块

    这里就是官方的演示示例了,是比较全的演示示例

    如何查看这些演示示例的源码呢?我在api文件里面是没有找到的...,不过我们可以在sdk里面找

    打开sdk所在目录,如图

    打开examples目录,如图

    这里就是api里面演示示例的源码了...

     

  • 相关阅读:
    POJ3159 Candies —— 差分约束 spfa
    POJ1511 Invitation Cards —— 最短路spfa
    POJ1860 Currency Exchange —— spfa求正环
    POJ3259 Wormholes —— spfa求负环
    POJ3660 Cow Contest —— Floyd 传递闭包
    POJ3268 Silver Cow Party —— 最短路
    POJ1797 Heavy Transportation —— 最短路变形
    POJ2253 Frogger —— 最短路变形
    POJ1759 Garland —— 二分
    POJ3685 Matrix —— 二分
  • 原文地址:https://www.cnblogs.com/mlzs/p/3908739.html
Copyright © 2011-2022 走看看