ListView页眉页脚成效 - 跨平台开发：初探PhoneGap搬动...- 多媒体研究六

当前位置: 编程技术>移动开发

本页文章导读:

▪ListView页眉页脚成效 ListView页眉页脚效果大家都知道，在我们调用ListView的addFooterView()方法给List增加一个页脚时，如果列表内容很多，超过了屏幕大小，那么页脚就看不到了，可我们一般想要的效果是如下图.........

▪ 跨平台开发：初探PhoneGap搬动开发框架(1) 跨平台开发：初探PhoneGap移动开发框架(1) 转载自http://mobile.51cto.com/android-229213.htm PhoneGap是一款开源的手机应用开发平台，它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运.........

▪ 多媒体研究六 - esds atom structure 多媒体研究6 - esds atom structure [写在最前面的] 越发觉得iteye（以前的javaeye）是个不错的技术讨论平台，所以决定先将以前的一些技术相关的文章都搬过来。一来备忘，二来系统化自己的知识.........

[1]ListView页眉页脚成效

来源: 互联网发布时间: 2014-02-18

ListView页眉页脚效果
大家都知道，在我们调用ListView的addFooterView()方法给List增加一个页脚时，如果列表内容很多，超过了屏幕大小，那么页脚就看不到了，可我们一般想要的效果是如下图所示的，在ListView的内容超过屏幕时，页脚还在屏幕的底部。

本文将介绍上图所示的ListView效果，同时介绍一下在android中如何实现渐变效果，就像上图中的页眉页脚的背景色一样。

实现上面的效果主要使用几个RelativeLayout标签和ListView组合即可，代码如下所示：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent">
	<RelativeLayout android:id="@+id/listHeader"
		android:background="@drawable/jbshape" android:layout_alignParentTop="true"
		android:gravity="center_horizontal" android:layout_width="fill_parent"
		android:layout_height="wrap_content">
		<TextView android:text="IdeasAndroid 列表演示" android:textColor="#000000"
			android:textSize="18dip" android:layout_width="wrap_content"
			android:layout_height="wrap_content"></TextView>
	</RelativeLayout>
	<RelativeLayout android:id="@+id/listFooter"
		android:background="@drawable/jbshape" android:gravity="center_horizontal"
		android:layout_alignParentBottom="true" android:layout_width="fill_parent"
		android:layout_height="wrap_content">
		<Button android:id="@+id/prePage" android:layout_width="wrap_content"
			android:layout_height="wrap_content" android:text="上一页"
			android:layout_alignParentLeft="true"></Button>
		<Button android:layout_width="wrap_content"
			android:layout_gravity="right" android:layout_height="wrap_content"
			android:text="下一页" android:layout_toRightOf="@id/prePage"></Button>
	</RelativeLayout>
	<ListView android:id="@+id/myListView" android:layout_width="fill_parent"
		android:layout_height="fill_parent" android:layout_below="@id/listHeader"
		android:layout_above="@id/listFooter">
	</ListView>
</RelativeLayout>

几个关键点：
1、在页眉（id为listHeader）使用属性android:layout_alignParentTop=”true”
声明页眉部分与父视图的顶部对齐。
2、在页脚（id为listFooter）使用属性android:layout_alignParentBottom=”true” 声明其与父视图的底部对齐。
3、在 ListView中使用属性android:layout_below=”@id/listHeader” android:layout_above=”@id/listFooter” 声明ListView位于listHeader的下方，位于listFooter的上方。

这样我们的页眉页脚效果就实现了。

再来看看是怎么实现渐变的？

我们在res/drawable目录下新建一个叫jbshape.xml的文件，内容如下所示：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape="rectangle">
	<gradient android:startColor="#509245" android:centerColor="#3e8532"
		android:endColor="#509245" android:type="linear" android:angle="90"
		android:centerX="0.5" android:centerY="0.5" />
	<padding android:left="7dp" android:top="7dp" android:right="7dp"
		android:bottom="7dp" />
	<corners android:radius="4dp" />
</shape>

这里就不多讲了，相信你一看就能看懂，android:shape 配置的是图形的形式，主要包括方形、圆形等，本例中为方形。gradient节点主要配置起点颜色、终点颜色、中间点的坐标、中间点的颜色、渐变角度（90度为上下渐变，0为左右渐变），padding节点主要配置上下左右边距，corners节点配置四周园角的半径。更详细的配置参见http://www.ideasandroid.com/android/sdk/docs/guide/topics/resources/drawable-resource.html

使用渐变就更简单了，如第一部分代码中所示的，直接用android:background=”@drawable/jbshape” 配置背景为刚才配置的渐变图形即可。

好了，本文就介绍到这。如果还有不明白的地方请下载下面的代码，然后在本地测试一下就明白了。

转自:http://www.ideasandroid.com/archives/316

[2] 跨平台开发：初探PhoneGap搬动开发框架(1)

来源: 互联网发布时间: 2014-02-18

跨平台开发：初探PhoneGap移动开发框架(1)

转载自http://mobile.51cto.com/android-229213.htm

PhoneGap是一款开源的手机应用开发平台，它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。

随着Google的Android手机和苹果的iPhone手机的逐渐普及，越来越多开发者加入到移动应用开发的大军当中。目前移动终端中的冠亚军 Android，应用是基于Java语言基础上进行开发的；而苹果公司的iPhone则是基于C语言开发的。如果开发者编写的应用需要同时在不同的移动设备上运行的话，则必须要掌握多种开发语言，这已经成为开发团队的一大难题，在51CTO专访国内著名移动软件尚邮的首席架构师时也提到过跨平台软件开发的困难。而为了进一步简化移动应用的编程，很多公司推出，Adobe推出的“AIR for Android” ，使Flash为Android开发本地应用成为可能。而Nitobi公司推也出了一套开源的移动应用PhoneGap 。

51CTO移动开发推荐PhoneGap专题

PhoneGap是一款开源的手机应用开发平台，它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化，提供了一系列丰富的API供开发者调用，只要你会HTML和 Javascript或者Java语言，就可以利用PhoneGap提供的API去调用各种功能，PhoneGap就能让你可以制作出在各种手机平台上运行的应用，这对移动应用开发者来说无疑是个福音。目前，PhoneGap已实现对iPhone/ipad、Android、Symbian,Palm、黑莓各版本绝大部分功能的支持,其中官方文档中对其支持的详细说明如下图所示：

在本文中，将以一个简单的能在Android平台上运行的HelloWorld的示例，讲解如何安装PhoneGap的开发框架并配合Eclipse进行开发的过程。

基于Android SDK安装PhoneGap框架

首先，要明白一点，就是要利用PhoneGap框架开发移动应用时，也是必须在开发环境上安装对应移动设备应用的SDK的。比如你要开发一个运行在 Android上的应用，则必须安装 Android的SDK包，开发iPhone应用，就要安装iPhone sdk。本文将介绍如何安装基于Android SDK下安装PhoneGap。

无论是开发基于哪种平台的移动应用，首先要到PhoneGap的官方网站下载

PhoneGap包（下载地址）。目前最新的版本是0.9.1,下载之后，解压缩后，会发现如下图所示的若干个文件夹：

这里，由于我们是构建Android应用，因此只有phonegap-android对我们是有用的。

由于PhoneGap是通过Ruby语言以及所开发的目标移动设备的SDK一起搭配工作的，因此除了下载PhoneGap外，开发者还必须安装如下的软件(以Android为例)

◆Android SDK,建议安装最新的版本，比如Android 2.1或者2.2

◆Eclipse IDE

◆Apache Ant 1.8.1

◆JDK 1.5以上

◆Android 的Eclipse开发插件ADT

◆Ruby 1.9.1，建议到官网直接下载1.9.1的版本直接安装。

此外，我们还要对windows下的运行环境变量进行设置。首先我们到控制面板-系统-环境变量中，增加如下几个系统环境变量。

◆JAVA_HOME:指向所安装的JDK的目录，比如c:\jdk15

◆ANT_HOME:指向所安装的Apache_ANT目录，比如d:\ant

◆ANDROID_HOME;指向所安装的Android SDK目录，比如d:\androidsdk

对Path进行设置,分别将ruby,jdk,android sdk,ant加入到原有的path中,如：


c:\ruby\bin;c:\jdk15\bin;d:\ant\bin;d:\androidsdk\tools

其中，下载Ruby 1.9.1的Windows版本后，直接选择安装到指定目录即可。

在完成上面的这些工作后，我们接下来就通过PhoneGap框架的脚手架功能，快速生成一个android的原型程序。

[3] 多媒体研究六 - esds atom structure

来源: 互联网发布时间: 2014-02-18

多媒体研究6 - esds atom structure

[写在最前面的] 越发觉得iteye（以前的javaeye）是个不错的技术讨论平台，所以决定先将以前的一些技术相关的文章都搬过来。一来备忘，二来系统化自己的知识。主观上是为了自己的积累与提高，希望客观上能给不相识的技术伙伴一点帮助。如果转载，请标注出处。

找资料、研究媒体文件终于对上了。esds包含了decoder config的相关信息。结构参见如下链接：

http://www.geocities.com/xhelmboyx/quicktime/formats/mp4-layout.txt