`

listview样式设置——自定义背景、分隔[转]

 
阅读更多

在Android中,ListView是最常用的一个控件,在做UI设计的时候,很多人希望能够改变一下它的背景,使他能够符合整体的UI设计,改变背景背很简单只需要准备一张图片然后指定属性 android:background="@drawable/bg",不过不要高兴地太早,当你这么做以后,发现背景是变了,但是当你拖动,或者点击list空白位置的时候发现ListItem都变成黑色的了,破坏了整体效果

这是为什么呢?

这个要从Listview的效果说起,默认的ListItem背景是透明的,而ListView的背景是固定不变的,所以在滚动条滚动的过程中如果实时地去将当前每个Item的显示内容跟背景进行混合运算,所以android系统为了优化这个过程用,就使用了一个叫做android:cacheColorHint的属性,在黑色主题下默认的颜色值是#191919,所以就出现了刚才的画面,有一半是黑色的.

那怎么办呢?

如果你只是换背景的颜色的话,可以直接指定android:cacheColorHint为你所要的颜色,如果你是用图片做背景的话,那也只要将android:cacheColorHint指定为透明(#00000000)就可以了,当然为了美化是要牺牲一些效率的。最后就不回出现上面所说的你不想要的结果了!
自定义ListView行间的分割线

在Android平台中系统控件提供了灵活的自定义选项,所有基于ListView或者说AbsListView实现的widget控件均可以通过下面的方法设置行间距的分割线,分割线可以自定义颜色、或图片。

  在ListView中我们使用属性   android:divider="#FF0000" 定义分隔符为红色,当然这里值可以指向一个drawable图片对象,如果使用了图片可能高度大于系统默认的像素,可以自己设置高度比如6个像素   android:dividerHeight="6px" ,Android开发网提示当然在Java中ListView也有相关方法可以设置。

 

1)点击Item时无背景颜色变化
在xml文件中的ListView控件中加入如下属性:
android:listSelector="@drawable/timer_list_selector"
在drawable中定义timer_list_selector的属性值
timer_list_selector.xml中定义如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:drawable="@android:color/transparent" />
</selector>
 
在values文件夹下的colors.xml中定义transparent如下:
<color name="transparent">#50000000</color>
 

2)设置Item之间无间隙
在xml文件中ListView控件中加入如下属性:
android:divider="#00000000"
或者在javaCode中如下定义:
listView.setDividerHeight(0);

3)自定义的BaseAdapter中调用notifyDataSetChanged()方法会重新调用BaseAdapter的getView()方法。

 

 

属性名称

描述

android:choiceMode

规定此ListView所使用的选择模式。缺省状态下,list没有选择模式。

属性值必须设置为下列常量之一: none,值为0,表示无选择模式;

singleChoice,值为1,表示最多可以有一项被选中;

multipleChoice,值为2,表示可以多项被选中。

可参看全局属性资源符号choiceMode

android:divider

规定List项目之间用某个图形或颜色来分隔。可以用"@[+] [package:]type:name"或者"?[package:][type:]name"(主题属性)的形式来指向某个已有资源;也可以用"#rgb""#argb""#rrggbb"或者"#aarrggbb"的格式来表示某个颜色。

可参看全局属性资源符号divider

android:dividerHeight

分隔符的高度。若没有指明高度,则用此分隔符固有的高度。必须为带单位的浮点数,如"14.5sp"。可用的单位如pxpixel像素),dpdensity-independent pixels 与密集度无关的像素), spscaled pixels based on preferred font size 基于字体大小的固定比例的像素), in (inches英寸), mm (millimeters毫米)

可以用"@[package:]type:name

"或者"?[package:][type:]name"(主题属性)的格式来指向某个包含此类型值的资源。

可参看全局属性资源符号dividerHeight

android:entries

引用一个将使用在此ListView里的数组。若数组是固定的,使用此属性将比在程序中写入更为简单。

必须以"@[+][package:]type:name"或者 "?[package:][type:]name"的形式来指向某个资源。

可参看全局属性资源符号entries

android:footerDividersEnabled

设成flase时,此ListView将不会在页脚视图前画分隔符。此属性缺省值为true

属性值必须设置为truefalse

可以用"@[package:]type:name

"或者"?[package:][type:]name"(主题属性)的格式来指向某个包含此类型值的资源。

可参看全局属性资源符号footerDividersEnabled

android:headerDividersEnabled

设成flase时,此ListView将不会在页眉视图后画分隔符。此属性缺省值为true

属性值必须设置为truefalse

可以用"@[package:]type:name

"或者"?[package:][type:]name"(主题属性)的格式来指向某个包含此类型值的资源。

可参看全局属性资源符号headerDividersEnabled

 

用心的朋友应该会发现,listview中在设置了背景之后。会有些问题。

1.、listview在拖动的时候背景图片消失变成黑色背景。等到拖动完毕我们自己的背景图片才显示出来。

2 、listview的上边和下边有黑色的阴影。

3、lsitview的每一项之间需要设置一个图片做为间隔。

针对以上问题 在listview的xml文件中设置一下语句。

问题1 有如下代码结解决 android:scrollingCache="false"

问题2 用如下代码解决:android:fadingEdge="none"  
问题3  用如下代码解决:  android:divider="@drawable/list_driver"  其中  @drawable/list_driver 是一个图片资源

 

总体如下

<ListView
  android:id="@+id/myListView01"
  android:layout_width="fill_parent"
  android:layout_height="287dip"
  android:fadingEdge="none"  
  android:divider="@drawable/list_driver"
  android:scrollingCache="false"
  android:background="@drawable/list">
  </ListView>
 
分享到:
评论

相关推荐

    安卓Android源码——listView1.rar

    可以通过设置`setDivider(Drawable divider)`或`setDividerHeight(int height)`来定制分隔线的样式和高度。 6. **ListView的优化**: - 数据加载策略:为了避免一次性加载大量数据导致内存消耗,可以采用懒加载...

    安卓Android源码——基于自定义适配器的ExpandableListView.zip

    此外,还可以设置其他属性,如分隔线样式、动画效果等。 10. **编程实践**: 在实践中,你可能需要处理各种边界条件,比如空数据、数据加载过程中显示占位符等。同时,为了提供良好的用户体验,考虑使用异步加载...

    自定义控件WheelView选择器-城市级联

    5. **背景色设置**:通过自定义样式或者设置`View`的背景属性,可以实现对`WheelView`的背景色定制。 在代码实现过程中,可能还需要关注性能优化,比如使用`ViewHolder`模式减少`getView()`的开销,或者利用`...

    ListView中用到的组件

    2. 自定义视图:在getView()方法中,根据数据项创建或复用自定义的View,并设置相应的样式和内容。 3. 动画效果:利用Animation和Animator实现列表项的动画效果,如滑动、淡入淡出等。 4. 头部和尾部:可以通过...

    Android源码——expandableList扩展列表.zip

    在`onCreate()`方法中,我们需要初始化`ExpandableListView`,设置适配器,并调用`setGroupIndicator()`来定义展开/折叠图标的样式。此外,`setOnGroupClickListener()`和`setOnChildClickListener()`用于监听组和...

    ASP.NET源码——[论坛社区]bbsmax 4.0 正式版.zip

    9. **模板和主题**:论坛通常支持自定义界面,ASP.NET中的Master Pages和Themes功能可以让开发者轻松创建和切换不同的布局和样式。 10. **错误处理和调试**:ASP.NET提供了详细的错误报告和调试工具,帮助开发者...

    安卓Android源码——电子书阅读器项目源码.zip

    阅读器项目中会包含各种布局文件,如书籍列表布局、阅读界面布局等,定义了控件的位置和样式。 4. **自定义View和Adapter**: - 为了实现特定的UI效果或功能,开发者可能会创建自定义View,例如自定义的滚动条、...

    代替repeater的前台方法

    `Repeater`通过两种模板——`ItemTemplate`(用于显示每个数据项)和`SeparatorTemplate`(用于分隔相邻数据项)来构建输出。在数据绑定过程中,`Repeater`会为每个数据源中的记录重复执行这些模板,生成HTML代码。 ...

    创意bootstrap列表布局特效代码

    卡片可以包含图片、标题、文本、链接等元素,且支持阴影、边框、分隔符等样式,使得新闻列表更具有层次感和吸引力。 "快捷导航ui列表布局"则是指利用Bootstrap构建的简洁、高效的导航菜单。Bootstrap的导航组件包括...

    Ext Js权威指南(.zip.001

    10.2.5 设置行的背景颜色 / 532 10.2.6 列标题的分组 / 533 10.2.7 使用锁定列 / 534 10.2.8 grid的配置项、属性、方法和事件 / 535 10.3 grid的附加功能 / 537 10.3.1 概述 / 537 10.3.2 附加功能基类:ext....

Global site tag (gtag.js) - Google Analytics