Android App开发超实用实例 | jQuery Mobile在Android手机上实现多个折叠块互斥展开

2022-11-30 0 823

原副标题:Android App合作开发超新颖示例 | jQuery Mobile在Android智能手机上同时实现数个卷曲块常量进行

Android App开发超实用实例 | jQuery Mobile在Android手机上实现多个折叠块互斥展开

jQuery Mobile是jQuery 在智能手机上和智能手机电子设备上的版,jQuery Mobile不但包涵jQuery核心理念库,所以提供更多了两个完备标准化的jQuery终端UI架构,全力支持亚洲地区非主流的终端网络平台;jQuery Mobile将“写得更少、做得更多”这一经营理念提高到了捷伊层级。上面这个示例模拟了采用jQuery Mobile在Android智能手机上同时实现数个卷曲块常量进行。此示例在Android Studio合作开发自然环境中撰写且运转在Android智能手机上。

01

示例机能

此示例主要就透过增设div原素的data-role特性为collapsibleset,同时实现数个卷曲块在两个子集中常量进行,即同一天多于两个卷曲块能进行。当示例运转后,假如两个捷伊卷曲块被进行,其它的大部份卷曲块单厢被折叠出来,效用依次如图1(a)和图1(b)右图。

Android App开发超实用实例 | jQuery Mobile在Android手机上实现多个折叠块互斥展开

图1

02

同时实现标识符

<!DOCTYPE html>

< html>

< head>

< metacharset= “utf-8”/>

< linkrel= “stylesheet”href= “https://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.css”>

< src= “https://cdn.bootcss.com/jquery/2.1.0/jquery.min.js”> </ >

< src= “https://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.js”> </ >

</ head>

< body>

< divdata-role= “page”>

< divdata-role= “main”class= “ui-content”>

< divdata-role=“collapsibleset”>

< divdata-role= “collapsible”>

< h1> Android炫酷应用300例.实战篇 </ h1>

< imgsrc= “image\myimage1.jpg”/> </ div>

< divdata-role= “collapsible”>

< h1> HTML5+CSS3炫酷示例集锦 </ h1>

< imgsrc= “image\myimage2.jpg”/> </ div>

< divdata-role= “collapsible”>

< h1> jQuery炫酷示例集锦 </ h1>

< imgsrc= “image\myimage3.jpg”/> </ div>

< divdata-role= “collapsible”>

< h1> Visual C#2005数据库合作开发经典案例 </ h1>

< imgsrc= “image\myimage4.jpg”/> </ div>

< divdata-role= “collapsible”>

< h1> Visual C++.Net新技术编程120例 </ h1>

< imgsrc= “image\myimage5.jpg”/>

</ div>

< divdata-role= “collapsible”>

< h1> Visual C#2005 编程技巧大全 </ h1>

< imgsrc= “image\myimage6.jpg”/>

</ div>

< divdata-role= “collapsible”>

< h1> Visual C#2008 最佳编程示例集粹</ h1>

< imgsrc= “image\myimage7.jpg”/>

</ div>

</ div>

</ div>

</ div>

</ body>

</ html>

03

标识符说明

上面这段标识符在MyCode\MySampleH21\app\src\main\assets\myPage.html文件中。在这段标识符中,data-role=”collapsibleset”表示创建两个可卷曲子集,即组合在一起的数个可卷曲块,当新块被打开时,大部份其它块关闭。

此示例的完备标识符在MyCode\MySampleH21文件夹中。

04

补充说明

在测试标识符时,必须保持网络畅通。

05

源标识符下载

关注微“Android App合作开发超新颖标识符030” 即可获得完备源标识符。

06

参考书籍

扫码优惠购书

《Android App合作开发超新颖标识符集锦——jQuery Mobile+OpenCV+O》

作者:罗帅、罗斌

定价:99元

问题描述+解决方案+真实源码+效用截图

介绍jQuery Mobile、OpenCV、OpenGL等在Android网络平台运转的应用

300个示例,提供更多完备源标识符,边看边做边学

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务