Android ListView组件样式

最新推荐文章于 2023-07-05 11:53:36 发布

idaretobe

最新推荐文章于 2023-07-05 11:53:36 发布

阅读量793

点赞数

分类专栏： android应用开发

本文链接：https://blog.csdn.net/idaretobe/article/details/42681433

版权

android应用开发专栏收录该内容

283 篇文章 7 订阅

订阅专栏

android中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"。可用的单位如px（pixel像素），dp（density-independent pixels 与密集度无关的像素）, sp（scaled 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。属性值必须设置为true或false。可以用"@[package:]type:name "或者"?[package:][type:]name"（主题属性）的格式来指向某个包含此类型值的资源。可参看全局属性资源符号footerDividersEnabled。
android:headerDividersEnabled	设成flase时，此ListView将不会在页眉视图后画分隔符。此属性缺省值为true。属性值必须设置为true或false。可以用"@[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>

1. 背景色： listView设置背景色android:background="@drawable/bg"，拖动或者点击list空白位置的时候发现ListItem都变成黑色。因为默认的ListItem背景是透明的，而ListView的背景是固定不变的，所以在滚动条滚动的过程中如果实时地去将当前每个Item的显示内容跟背景进行混合运算，所以android系统为了优化这个过程用，就使用了一个叫做android:cacheColorHint的属性，在黑色主题下默认的颜色值是#191919，所以就出现了刚才的画面，有一半是黑色的。

如果你只是换背景的颜色的话，可以直接指定android:cacheColorHint为你所要的颜色；如果你是用图片做背景的话，那也只要将android:cacheColorHint指定为透明（#00000000）就可以了，当然为了美化是要牺牲一些效率的。

2. android:fadingEdge="none" 去掉上边和下边黑色的阴影

3. android:divider="@drawable/list_driver" 其中 @drawable/list_driver 是一个图片资源lsitview的每一项之间需要设置一个图片做为间隔

设置Item之间无间隙

android:divider="#00000000" 或者在javaCode中如下定义：listView.setDividerHeight(0);

4. android:listSelector="@color/pink" listView item 选中时的颜色。默认为橙黄底色。

5. android:divider="@drawable/list_driver" 设置分割线的图片资源，如果则只要设置为

android:divider="@drawable/@null" 不想显示分割线

6. android:scrollbars="none" setVerticalScrollBarEnabled(true); 隐藏listView的滚动条

7. android:fadeScrollbars="true" 设置为true就可以实现滚动条的自动隐藏和显示

8. android:transcriptMode="alwaysScroll" 用ListView或者其它显示大量Items的控件实时跟踪或者查看信息,希望最新的条目可以自动滚动到可视范围内。通过设置的控件transcriptMode属性可以将Android平台的控件（支持ScrollBar）自动滑动到最底部。

android:fastScrollEnabled="false"
android:fastScrollEnabled = "true" 加快滑动速度

android:drawSelectorOnTop="false"
android:scrollingCache="false" ??????????????

android:drawSelectorOnTop="true" 点击某一条记录，颜色会显示在最上面，记录上的文字被遮住，所以点击文字不放，文字就看不到

android:drawSelectorOnTop="false" 点击某条记录不放，颜色会在记录的后面，成为背景色，但是记录内容的文字是可见的

android:cacheColorHint="@android:color/transparent"设置item背景为透明，解决在滑动item出现黑色背景的问题

滚动条始终显示：

android:scrollbarFadeDuration="0"
android:fadeScrollbars="false"

滚动条样式自定义：

android:scrollbarThumbVertical="@drawable/new_iv_listview_thumb"

有时候觉得系统提供的ListView组件样式不能满足我们的要求，此时我们需要自己写ListView组件样式

1.组件外部样式

在drawable下新建view_style.xml

内容:<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="rectangle">

<gradient

android:startColor="#FFFFFF"

android:endColor="#FFFFFF"/>

<padding android:left="7dp"

android:top="7dp"

android:right="7dp"

android:bottom="7dp" />

</shape>

此时通过ListView组件的android:background="@drawable/view_style"就可使用自写的组件样式了

上面的样式只写了组件外部样式，组件内部样式如分割线可以通过下面方法设置

2.组件内部样式

设置android:footerDividersEnabled表示是否显示分割线，默认为true，不显示设为false即可。

改变ListView的分割线颜色和宽度，需要在布局中定义android:divider和android:dividerHeight属性。

例:<ListView

android:id="@+id/local_groups_list"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@color/divider_color"

android:dividerHeight="1px" />

如何向左或者向右缩进listview item之间的分割线：https://stackoverflow.com/questions/11096304/listview-divider-margin

(list_divider.xml)

<?xml version="1.0" encoding="UTF-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="50dp"
    android:insetRight="50dp" >

 <shape>
    <solid android:color="@color/orange" />
    <corners android:radius="2.0dip" />
</shape>

</inset>

或者

<?xml version="1.0" encoding="UTF-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="15dp"
    android:insetRight="15dp" >

    <shape
        android:shape="line" >
        <stroke
            android:dashGap="1dp"
            android:dashWidth="1.5dp"
            android:width="1dp"
            android:color="#FF404040" />

            <size android:height="3dp" />

    </shape>

</inset>

and in your list view add like this...

<ListView
    android:dividerHeight="2dp"
    android:divider="@drawable/list_divider"
    ...
/>

idaretobe

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android ListView组件样式

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

扫一扫