大家好，今天我给大家介绍一下通过两个新的html5技术sencha touch 和phonegap来开发android应用。...首先，众所周知，sencha touch是结合了extjs和jquery mobile这两个javascript神器而开发的一个js库，其诞生的目的就是为了使webapp成为nativeapp，甚至使其更像...好了，现在我通过一个文件浏览器的例子来说明一下如何利用sencha touch和phonegap来开发本地应用。...首先写好sencha tocuh的代码，这里我就不多说，大家可以参考sencha官网的sencha touch API，这里用了一个container，其布局为card，动画为slide，有两个item...根据phonegap官网的开始指导，我们首先要把phonegap的库加载，phonegap的库包括js和jar，可以到以下地址下载：phonegap与sencha touch的js库，phonegap1.8
Touch框架 Sencha Touch框架是世界上第一个基于HTML5的Mobile App框架。...Sencha Touch可以让你的Web App看起来像Native App。...Android平台特有的UI控件 流畅体验 • 下拉刷新 为实现下拉刷新功能，大多H5框架都是通过DIV模拟下拉回弹动画，在低端android手机上，DIV动画经常出现卡顿现象(特别是图文列表的情况...滑动触发操作菜单 在手机应用中(特别是iOS平台)，很多操作菜单都是滑动触发的，比如短信界面，左滑显示“删除”按钮，点击可以删除该短信对话;邮件列表界面，左滑可以删除，右滑可以标注为"已读/未读..."状态; mui的列表控件也支持滑动触发操作菜单功能，仅需按照特定格式拼装DOM结构即可;另外，滑动还支持事件触发，开发者可以通过监听滑动事件(slideleft/slideright)，完成操作前的确认提醒工作
Touch框架 Sencha Touch框架是世界上第一个基于HTML5的Mobile App框架。...Sencha Touch可以让你的Web App看起来像Native App。...Android平台特有的UI控件 流畅体验 • 下拉刷新 为实现下拉刷新功能，大多H5框架都是通过DIV模拟下拉回弹动画，在低端android手机上，DIV动画经常出现卡顿现象(特别是图文列表的情况...滑动触发操作菜单 在手机应用中(特别是iOS平台)，很多操作菜单都是滑动触发的，比如短信界面，左滑显示“删除”按钮，点击可以删除该短信对话;邮件列表界面，左滑可以删除，右滑可以标注为”已读/未读...”状态; mui的列表控件也支持滑动触发操作菜单功能，仅需按照特定格式拼装DOM结构即可;另外，滑动还支持事件触发，开发者可以通过监听滑动事件(slideleft/slideright)，完成操作前的确认提醒工作
并且，张戈已将其精简汉化，去掉了不必要冗余功能，用了一个多星期，非常完美，没出现过掉链子的丢脸情况。 今天，发现后台出现此插件的新版本更新提示，于是看了下 2.0 的更新内容： ?...Enterily rebuilt to use Sencha Touch for the mobile web application and a separate admin panel....Enterily 修复使用 Sencha Touch 的移动 Web 应用程序和一个单独的管理面板。 NO backwards compatibility with v1.2.5....先申明一下，这个插件被阉割的功能有： ①、4 套自带的移动主题（个人觉得奇丑，果断删之）； ②、移动访问统计模块（第三方统计已具备，无需重复开启，如 cnzz）； ③、推荐到 mexo 啥的，不明所以的功能...当然，这个方法也适用于其他插件，那天你为了兼容性或功能啥的，不想某个插件“长大”，那么就将第 6 行的路径改成对应插件中包含版本号的文件路径即可。 念起来有点费劲，还是上图实在！
- “提取方法”的新预览面板IntelliJ IDEA为Extract Method重构引入了一个新的预览面板。在确认更改之前，它可以让您了解重构的结果。当您重复使用重复的代码片段时，这非常有用。...Join Lines现在使用嵌套的if***更干净的结果，并且当您使用不必要的0连接行时。 ...3、用户界面- MacBook Touch Bar支持IntelliJ IDEA 支持MacBook Touch Bar！直接从触摸栏运行，构建和调试项目，提交更改并更新项目。...对于每个更改列表，IDE将在新的“ 合并冲突”节点下对此类文件进行分组。单击“ 解决操作”链接以打开“ 与冲突合并的文件”对话框。...此外，Diff预览面板现在可在VCS日志中使用。此外，您可以根据需要打开任意数量的日志选项卡。
继计算机、互联网之后，移动互联网正掀起第三次信息技术革命的浪潮，新技术、新应用不断涌现。今天这篇文章向大家推荐10大优秀的移动 Web 开发框架，帮助开发者更加高效的开发移动Web应用。...Sencha Touch Framework Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架，支持最新的 HTML5 和 CSS3 标准，全面兼容 Android...和 Apple iOS 设备，提供了丰富的 WEB UI 组件，可以快速的开发出运行于移动终端的应用程序。...jQTouch jQTouch 是一款 jQuery 的插件，用于手机上实现动画、列表导航、默认应用样式等各种常见UI效果。支持 iPhone、Android 等手机。...DHTMLX Touch – HTML5 JavaScript Framework for Mobile DHTMLX Touch 是一个基于 HTML5 的免费 JavaScript 库，用于构建跨平台的移动
最近开始给网站的移动版本做技术选型，发现了很多好玩的东西，写出来给大家分享下。...在历经了jqmobile、sencha touch等框架后，一直没能找到一个真正符合我的想法的框架：它应该为hybrid app设计、组件化结构、UI简洁而优美。...很多同学不明白为Hybrid app设计跟为Mobile web设计有什么不同，我只说最典型的一点：Hybrid App的资源都在本地的，没有网络读取的消耗，所以最理想的方式是一次性载入多个界面，应用直接在多个界面之间切换...后者正是jqm等框架的做法。sencha touch在概念层上我接受不了，它让我感觉自己不是在写界面，而是在做算法作业。关于这些老框架的吐槽， 以前写过，就不再多说。接下来说说最近的新发现。...那是一个tab+side menu的app，然后我发现chocolate-chip的组件的封装程度不够，多个组件之间重复嵌套时会出现各种互相影响。这显然违背了正交性原则。
（第一辑） 需要注意：Windows 中 Cmd 为 Ctrl，Option 为 Alt 21.Drag + Space 有时候我们可能需要移动框架内的嵌套元素。...29.边框技巧 例如，边框可以用作矩形工具的分隔线。但是由于矩形是一个单独的元素，自动布局可能会很麻烦。在这里有一些诀窍：选择要添加边框的元素。从右侧面板的“效果”部分添加“内阴影”。...33.快速切换左侧面板选项卡 左侧面板有两个选项卡；图层和资产。您可以使用Option + 1（图层）、Option + 2（资产）组合键在这些选项卡之间切换。...34.快速切换右侧面板选项卡 右侧面板也有快捷方式。您可以使用Option + 8（设计）、Option + 9（原型）、Option + 0（检查）组合在选项卡之间切换。...如果在选择框架时按 Enter 键；它选择框架（子层）中的第一个嵌套元素。 如果你一直按回车，它会继续移动内部元素。同样，您可以使用Shift + Enter键移动到层次结构的上层。
Appcelerator 是一个构建基于SOA的RIA应用的全集成平台，用来构建富应用、交互式的网站和应用程序。它是开源的。 6、手机上的 HTML5 框架 Sencha Touch ?...Sencha Touch 是专门为移动设备开发应用的 Javascript 框架。...通过 Sencha Touch 你可以创建非常像 native app 的 web app，用户界面组件和数据管理全部基于 HTML5 和 CSS3 的 web 标准，全面兼容 Android 和 Apple...通过 MonoCross，你可以使用任何平台特定的 API 或 HTML5 来构建本机应用程序，以提供丰富的基于 Web 的功能，而且，不管是在设备还是服务器上运行，都可以同时使用相同的业务逻辑和数据代码...在这一框架内，开发 Android 和 iOS 应用可以不用转到 Eclipse 或者额外购买 Mac 并使用 Xcode，而继续在Visual Studio之中使用 C# 与 .NET Framework
: 如果焦点在手风琴面板内，将焦点移动到面板标题上。...当面板包含标题元素或嵌套手风琴时，region 角色对屏幕阅读器用户对于结构的感知特别有帮助。 警告框 alert 是一个呈现简短、重要信息的元素，以一种引起用户注意而不打断用户任务的方式。...选项卡列表 被包含在 tablist 元素中的选项卡元素组合。 选项卡 选项卡列表中的一个元素，作为其中一个内容面板的标签，可以激活以显示对应的内容面板。...当选项卡列表包含焦点，移动焦点到当前页面 tab 序列中的选项卡列表外的下一个元素，一般情况是内容面板的第一个可聚焦元素，或内容面板本身。...如果选项卡列表是水平的，它不会监听 Down Arrow 或 Up Arrow 光标键，即使焦点在选项卡列表内，使用这些键仍会提供浏览器的常规滚动功能。
这允许将所有项目数据保存在子文件夹内的唯一的项目文件夹内，按照录制、渲染和音频片段分类。文件设置（File Settings）-增加了每分钟自动保存的选项（Afrojack请求）。...触摸控制器（Touch Controller）-当音符数据从钢琴卷帘窗播放时，在触摸控制器上可视化来自所选通道的音符活动。键入值（Type in value）-选择时显示当前值的更多信息。...样本预览面板显示采样率、比特深度和立体声元数据。选项（Option）-“在选项卡上显示图标和文本”。浏览器（Browser）-为选项卡添加“冻结”选项。...编辑（同步回放）-将播放起始处重新定位到播放列表、钢琴窗和事件编辑器中的任何位置。...您现在可以在预览窗口中选择要显示的缓冲区·压缩（Zip）-在压缩项目中添加自定义效果。·触摸控制器（Touch controllers）-支持“添加窗口”列表中的触摸控制器窗口。
列嵌套：在一个列里再声明一个或者多个行（row），内部所嵌套的row的宽度为100%时就是当前外部列的宽度 3.列排序：通过.col-md-push-*和.col-md-pull-*一实现 4.响应式栅格...“重写”的意思 2.CSS组件包括：基础样式、颜色样式、尺寸样式、状态样式、特殊元素样式、并列元素样式、嵌套子元素样式、动画样式 D.JavaScript插件架构 1.HTML布局规则：基于元素自定义属性的布局规则...支持多种颜色 4.自定义列表组：.list-group-item-heading、.list-group-item-text S.面板 1.基础面板：.panel、.panel-default（.panel-xxx...在菜单容器内，必须有.nav样式的元素，并且在其内部有li元素，li内鈊的a元素才是可以侦测高亮的菜单链接，即符合.nav li > a这种选择符条件 3.js用法：$('滚动侦测容器选择符').scrollspy...({target:'#某单容器的选择器'}); E.选项卡 1.满足要求： 选项卡导航和选项卡面板要同时有 导航链接里要设置data-toggle="tab"，并且还要设置data-target="选择符
当用户滚动滚动容器内的溢出内容时，内容可以被捕捉到位，从而提供分页和滚动定位。...CSS Grid CSS 子网格是 CSS 网格布局的一项功能，允许你在单个网格容器中创建嵌套网格，并且还有新功能即将推出！...} Grid Container Column 1 Subgrid Row 1 Row 2 Column 2 子网格嵌套在网格容器内...子网格的一个缺点是：它们很难调试。如果它们变得难以调试：使用网格检查器来可视化布局。在检查器面板中，你将看到许多不同的选项卡。其中一个选项卡是“网格”选项卡。...“网格”选项卡将向你显示 CSS 网格布局的可视化。可视化将向你显示网格线、网格轨道和网格项目。 CSS 子网格是一个有价值的工具，可用于创建复杂的响应式布局。
这允许将所有项目数据保存在子文件夹内的唯一的项目文件夹内，按照录制、渲染和音频片段分类。 文件设置（File Settings）-增加了每分钟自动保存的选项（Afrojack请求）。...触摸控制器（Touch Controller）-当音符数据从钢琴卷帘窗播放时，在触摸控制器上可视化来自所选通道的音符活动。 键入值（Type in value）-选择时显示当前值的更多信息。...选项卡（Tabs）- (右键单击)选项卡，以启用选项单独记住选项卡大小。...样本预览面板显示采样率、比特深度和立体声元数据。 选项（Option）-“在选项卡上显示图标和文本”。 浏览器（Browser）-为选项卡添加“冻结”选项。...您现在可以在预览窗口中选择要显示的缓冲区 ·压缩（Zip）-在压缩项目中添加自定义效果。 ·触摸控制器（Touch controllers）-支持“添加窗口”列表中的触摸控制器窗口。
- “提取方法”的新预览面板IntelliJ IDEA为Extract Method重构引入了一个新的预览面板。在确认更改之前，它可以让您了解重构的结果。当您重复使用重复的代码片段时，这非常有用。...Join Lines现在使用嵌套的if***更干净的结果，并且当您使用不必要的0连接行时。 ...3、用户界面- MacBook Touch Bar支持IntelliJ IDEA 支持MacBook Touch Bar！直接从触摸栏运行，构建和调试项目，提交更改并更新项目。...IntelliJ IDEA按钮显示在Touch Bar界面中间的应用程序特定区域中，它们取决于上下文或您按下的修改键。...UI元素（如按钮，单选按钮，复选框，文本字段，选择控件，微调器和选项卡）的外观已更新。
：它由多个不同的子组件组成（每个组件都有自己的侧边栏、选项卡或其他布局结构）。...这为顶级导航栏添加了一个菜单，可以参考其他的选项卡面板。 ?...: 参数 描述 header 标签列表的标签显示为一个共同的标题以上的所有标签面板。...footer 标签或标签列表显示为一个通用的页脚下面的所有标签面板。 inverse “TRUE”表示导航栏使用深色背景和浅色文本。...在 fluid 网格内嵌套列时，每个嵌套的列级别应加起来为12。
中间容器可以添加若干基本组件（也可以嵌套添加中间容器），对容器内的组件进行管理，类似于给各种复杂的组件进行分组管理。最顶层的一个中间容器必须依托在顶层容器（窗口）内。...常用的中间容器（面板）: # 组件 描述 1 JPanel 一般轻量级面板容器组件 2 JScrollPane 带滚动条的，可以水平和垂直滚动的面板组件 3 JSplitPane 分隔面板 4 JTabbedPane...选项卡面板 5 JLayeredPane 层级面板 特殊的中间容器: # 组件 描述 1 JMenuBar 菜单栏 2 JToolBar 工具栏 3 JPopupMenu 弹出菜单 4 JInternalFrame...6 JTextField 文本框 7 JPasswordField 密码框 8 JTextArea 文本区域 9 JComboBox 下拉列表框 10 JList 列表 11 JProgressBar...布局管理器 把 Swing 的各种组件(JComponent)添加到面板容器中(JPanel)，需要给面板容器指定布局管理器(LayoutManager)，明确容器(Container)内的各个组件之间的排列布局方式
编写组件 指定class属性即可 面板-- panel 基础面板 class属性设置为: easyui-panel title属性描述的是面板的标题 Jquery对象的api....表示一个JSON数组, 数组中应存储JSON对象, 对象应包含图标和事件 例如: "tools:[{'iconCls':'icon-reload','handler':'myload'}]" 面板嵌套...style="padding:20px;width:400px;height:200px;" title="面板嵌套的效果" > 选项卡使用的class是: easyui-tabs 在easyui-tabs元素中添加一个div就是一个子选项卡 子选项卡可以通过title属性来指定标题, data-options添加关闭按钮...第一个文章 折叠选项卡 选项卡使用的class是: easyui-accordion 在easyui-tabs元素中添加一个div就是一个子选项卡
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
