Sencha Touch

sencha touch2学习笔记(四)---panel容器

在sencha touch2中,panel就是一个容器,可以容纳很多组件,可以控制布局。代码如下
.................................
.................................
docked:'top'表示工具栏位置在上。这只是个hello world式的例子 。如果想了解复杂的应用,可以参看文档的介绍哦。

Sencha Touch 快速入门2.0 第三章 布局(2) Card布局

Fit布局很有特点,它只允许自己的第一个item被显示出来,并且填充满自己。如果它的item多于一个,那难免是会出些意外的情况的。

如果你发现你的容器内的控件有的没有全部被显示出来,那不妨看看它的layout是否为fit,试着将它强制设为vbox往往就能解决问题。

下图是在一个layout为fit的Panel里放了三个button的结果:

所以说:除非你想营造些令人匪夷所思的效果,请不要在fit布局的容器里面放超过一个的东西。

Sencha Touch 快速入门2.0 第三章 布局(1)Box布局

Sencha Touch里的布局有五种

  • hbox
  • vbox
  • card
  • fit
  • auto[默认]
实际上可以分为Box布局和Fit布局两种。
Sencha touch里的布局应该理解为:该控件内部子项的排列方式。
我们今天先来看看box布局

Box布局
  顾名思义,box布局就是一个个的box组成的。
    hbox: 水平排列、垂直居中、靠左置顶
    vbox: 竖直堆叠、水平居中、靠上置顶

Sencha Touch 快速入门2.0 第二章 Chorme浏览器调试功能介绍

    大家好,今天再为大家奉献一篇入门教学,这次是关于浏览器调试的。
无论你是在学习,还是做项目,熟练地掌握浏览器的调试功能,都将会有很大的帮助。调试能够帮助你快速地了解框架,处理bug,让你不论处理什么都能够更快速,更准确。
在这篇文章里,我将详细地为大家介绍chrome浏览器中常用的调试功能,对于其他的浏览器,大家同样可以触类旁通。接下来->打开chrome->按F12。开始chorome调试之旅吧!

Sencha Touch 2 学习笔记(三)----Form表单容器及其子组件

Sencha Touch 2 封装了很多的UI组件,今天标记下学过的组件---formPanel。var formPanel=Ext.create(

它的包名为Ext.form.Panel。所以创建的时候代码如下:

聚合内容