大家都知道,在我们调用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
- 大小: 23 KB
分享到:
相关推荐
ListView或GridView的页眉页脚的渐变模糊特效 提升用户体验
内容:上拉加载的整个Demo工程源码 功能:实现ListView上拉加载,列表页脚提示加载状态
android listview反弹效果(动态调整listview页脚页眉) 和上拉刷新效果通过隐藏或显示 headview 和footerview 来实现反弹,刷新!
AbsListViewHelper 真正简单的附加程序类,用于向Android AbsListView添加页眉和/或页脚演示版用法在您的build.gradle文件中:dependencies { compile ' com.felipecsl:abslistviewhelper:1.0.3 '} 在您的活动课中:...
当内容向上或向下滚动时, QuickReturn UI模式显示或隐藏页眉或页脚。 该库支持RecyclerView , ListView和ScrollView 。 该项目中的示例包括在Google + , Facebook和Twitter中看到的QuickReturn UI模式示例。 ...
这些都是快速滚动页眉和页脚可点击的固定部分除此之外,它不会创建任何不必要的视图,布局等。它非常精简。 观看以了解PinnedSectionListView 。用法示例更换标准ListView与de.halfbit.pinnedsection....
样本列表显示网格视图特征拉刷新到达列表视图或网格视图的末尾时加载更多内容为空时列表视图或网格视图的自定义背景自定义样式的RefreshControl 自定义页眉,页脚,分隔符等TIMEOUT加载处理程序性能优化更多即将推出...
VB源码,报表打印,VB打印,Listview vb编程实现LISTVIEW报表的打印功能,完成页面预览、打印内容等比例缩放、自定义页码打英支持设置纸张大孝纸张类型、纸匣数量,还可以设置页面、表格和字体、标题、页眉、页脚等,...
#GridListView 网格列表视图是一个简单的 ListView 包装器,其作用类似于网格视图,允许使用页眉/页脚和其他 ListView 特定功能,同时保持网格视图的动态。 ##用法只需使用...
特征使用户可以将网格的页眉和页脚添加为ListView。 在两个屏幕方向上都支持灵活数量的卡。 提供现成的PositionCalculator类,使用户能够在方向更改后保持正确的位置(如果两个方向的卡数不同)。 库负责回收所有...
自动充气 用于简化视图膨胀中常用...ListView 的页眉和页脚 使用AutoInflateLayout页眉和页脚可以像这样添加到ListView : <!-- Header is above ListView --> < TextView android : layout_width = " m
12、页眉页脚中既可打印文字,也可打印图像,或者即打印图像又打印输出文字。 13、多表头(跨行跨列的复杂表头)打印功能,多表头组件支持多表头显示与打印、单元格内容的合并显示、打印与导出。 14、自定义纸张...
14、页眉页脚中既可打印文字,也可打印图像,或者即打印图像又打印输出文字。 15、图像与图标打印输出功能。 16、多表头(跨行跨列的复杂表头)打印功能,多表头组件支持多表头显示与打印、单元格内容的合并显示、...
14、页眉页脚中既可打印文字,也可打印图像,或者即打印图像又打印输出文字。 15、图像与图标打印输出功能。 16、多表头(跨行跨列的复杂表头)打印功能,多表头组件支持多表头显示与打印、单元格内容的合并显示、...
10.14 可动态隐藏的页眉和页脚 10.15 最简单的手机相册 10.16 在列表框上添加气泡提示 10.17 在列表框上添加自定义按钮 10.18 为列表添加自定义的缩略图图标 10.19 创建列表日历的效果 10.20 动态创建listview列表项...
14、页眉页脚中既可打印文字,也可打印图像,或者即打印图像又打印输出文字。 15、图像与图标打印输出功能。 16、多表头(跨行跨列的复杂表头)打印功能,多表头组件支持多表头显示与打印、单元格内容的合并显示、...
10、页眉页脚中既可打印文字,也可打印图像,或者即打印图像又打印输出文字。 11、图像打印输出功能。 12、网页表格与文本打印功能,WebGVPrintServer与WebPrintServer两个网页控件使得打印网页中的GridView及文本...
Android智能拖放刷新框架-SmartRefreshLayout |中文 SmartRefreshLayout以打造一个强大,稳定,成熟的刷新刷新框架为目标,并集成各种的炫酷,多样...支持自定义和已经集成了很多炫酷的页眉和页脚。 支持和ListView的无
可排序列表视图,用于本机... (对象,数组)这些样式将应用于内部滚动视图内容容器,但不包括页眉和页脚水平的? (布尔值)为true时,SortableList的子级水平排列成一行,而不是垂直排列成一列。 默认值为false。