当前位置:  编程技术>移动开发
本页文章导读:
    ▪JQM: 固定起讫转屏效果        JQM: 固定首尾转屏效果 jqm固定首尾转屏效果Demo »   里面提到了一个data-id属性,后面的描述说这个属性是为了固定footer?看到这是否有些线索了呢?在看下面官网的描述: Fixed & Persistent foo.........
    ▪ HTML5腾挪开发添加APP启动画面        HTML5移动开发添加APP启动画面 用Cordova开发HTML5应用程序时,APP加载时画面是白色的或者黑色的,现在的APP基本都有启动画面,添加启动画面只需2步即可。 本例工程路径D:\Soft\PhoneGap\lib\android\.........
    ▪ 初识open GL es 结合动画(2)       初识open GL es 组合动画(2) 先平移与先移动不同效果的解释:   public abstract void glTranslatef (float x, float y, float z)   在移动的时候,您并不是相对屏幕中心移动,而是相对与当前所在的屏幕位.........

[1]JQM: 固定起讫转屏效果
    来源: 互联网  发布时间: 2014-02-18
JQM: 固定首尾转屏效果

query mobile转屏的时候header和footer跟着一起转屏了,看着感觉很别扭?怎么让转屏的时候固定住首尾呢?别着急,这篇文章就是告诉大家如何实现jqm固定首尾转屏效果。

话不多说,先看Demo:

jqm固定首尾转屏效果Demo »

jqm默认转屏效果Demo »

其实前阵子就有很多朋友咨询如何实现固定首尾转屏效果,但是最近笔者一直比较忙,没有抽出时间来细细研究。今天流浪的旋律找到我,并给了我一个demo,实现了上述效果,我拿来细细研究一番,把此demo进行了精简,就出现了大家现在看到的这个demo,所以在此对流浪的旋律表示深深的谢意。

原理简介:

 

在官网上对Footer有如下描述:

Footer 
Container with data-role="footer" 
data-id string (unique id, useful in persistent footers)
data-position fixed
data-theme swatch letter (a-z)

官网链接:http://jquerymobile.com/demos/1.2.0/docs/api/data-attributes.html

里面提到了一个data-id属性,后面的描述说这个属性是为了固定footer?看到这是否有些线索了呢?
在看下面官网的描述:

Fixed & Persistent footers
In situations where the footer is a global navigation element, you may want it to appear fixed so it doesn't scroll out of view. It's also possible to make a fixed toolbar persistent so it appears to not move between page transitions. This can be accomplished by using the persistent footer feature included in jQuery Mobile.
To make a footer persistent between transitions, add the data-id attribute to the footer of all relevant pages and use the same id value for each. For example, by adding data-id="myfooter" to the current page and the target page, the framework will keep the footer anchors in the same spot during the page animation. This effect will only work correctly if the header and footer toolbars are set to data-position="fixed" so they are in view during the transition.

官网链接:http://jquerymobile.com/demos/1.2.0/docs/toolbars/docs-footers.html

看到这里我想大家应该明白了,实现footer的固定,只需要在footer中添加data-position="fixed" 和 data-id="myfooter"属性就可以了,而对于header也就不言而喻了。

注意:

data-id这里有一点需要注意,就是data-id的值需要保持一样。什么意思呢?拿固定footer转屏举个例子:
从A页面转屏到B页面,A页面的footer设置的data-id="footer1"那B页面的footer也需要设置为data-id="footer1",否则会失效。

 

以上
Warren

原创文章,转载请注明出处:http://www.wglong.com/main/artical!details?id=23


    
[2] HTML5腾挪开发添加APP启动画面
    来源: 互联网  发布时间: 2014-02-18
HTML5移动开发添加APP启动画面

用Cordova开发HTML5应用程序时,APP加载时画面是白色的或者黑色的,现在的APP基本都有启动画面,添加启动画面只需2步即可。

本例工程路径D:\Soft\PhoneGap\lib\android\example

1.准备一张合适分辨率的png图片(本例:splash.png,分辨率为540*960),将其放入工程路径下的res\drawable目录下。

 

2.打开工程路径下的src\org\apache\cordova\example\cordovaExample.java文件

?
super.onCreate(savedInstanceState);

后添加

?
super.setIntegerProperty("splashscreen", R.drawable.splash);

其中R.drawable.splash的splash即为刚才放入工程目录的图片名称,这里忽略后缀名。

 

?
super.loadUrl("file:///android_asset/www/index.html");

改为

?
super.loadUrl("file:///android_asset/www/index.html", 5000);

其中5000为延时,即多少毫秒后启动画面消失,可根据自己需要设置。

 

下面贴出完整代码

cordovaExample.java文件修改前

?
package org.apache.cordova.example;
 
import org.apache.cordova.DroidGap;
 
import android.os.Bundle;
 
public class cordovaExample extends DroidGap
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}

 cordovaExample.java文件修改后

?
package org.apache.cordova.example;
 
import org.apache.cordova.DroidGap;
 
import android.os.Bundle;
 
public class cordovaExample extends DroidGap
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        super.setIntegerProperty("splashscreen", R.drawable.splash);
        super.loadUrl("file:///android_asset/www/index.html", 5000);
    }
}

 到此为止即可为APP添加启动画面


    
[3] 初识open GL es 结合动画(2)
    来源: 互联网  发布时间: 2014-02-18
初识open GL es 组合动画(2)

先平移与先移动不同效果的解释:

 

public abstract void glTranslatef (float x, float y, float z)

 

在移动的时候,您并不是相对屏幕中心移动,而是相对与当前所在的屏幕位置。其作用就是将你绘点坐标的原点在当前原点的基础上平移一个(x,y,z)向量。

 

public abstract void glRotatef (float angle, float x, float y, float z)

 glRotatef 同样也是相对位置,所以要控制好相对位置的进栈与出栈时机。

gl.glPushMatrix();
gl.glPopMatrix();

 


    
最新技术文章:
▪Android开发之登录验证实例教程
▪Android开发之注册登录方法示例
▪Android获取手机SIM卡运营商信息的方法
▪Android实现将已发送的短信写入短信数据库的...
▪Android发送短信功能代码
▪Android根据电话号码获得联系人头像实例代码
▪Android中GPS定位的用法实例
▪Android实现退出时关闭所有Activity的方法
▪Android实现文件的分割和组装
▪Android录音应用实例教程
▪Android双击返回键退出程序的实现方法
▪Android实现侦听电池状态显示、电量及充电动...
▪Android获取当前已连接的wifi信号强度的方法
▪Android实现动态显示或隐藏密码输入框的内容
▪根据USER-AGENT判断手机类型并跳转到相应的app...
▪Android Touch事件分发过程详解
▪Android中实现为TextView添加多个可点击的文本
▪Android程序设计之AIDL实例详解
▪Android显式启动与隐式启动Activity的区别介绍
▪Android按钮单击事件的四种常用写法总结
▪Android消息处理机制Looper和Handler详解
▪Android实现Back功能代码片段总结
▪Android实用的代码片段 常用代码总结
▪Android实现弹出键盘的方法
▪Android中通过view方式获取当前Activity的屏幕截...
▪Android提高之自定义Menu(TabMenu)实现方法
▪Android提高之多方向抽屉实现方法
▪Android提高之MediaPlayer播放网络音频的实现方法...
▪Android提高之MediaPlayer播放网络视频的实现方法...
▪Android提高之手游转电视游戏的模拟操控
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3