listview隔行变色

这个实现起来应该非常简单,但是我用的时候效果就是出不来,后来发现是因为listview的item本身设置背景色后,在代码中设置的隔行变色效果不出现。这里mark一下

   @Override
    public View renderView(int pos, Vacation auditInfo, View view) {
         ButterKnife.bind(this,view);
//        TextView applicant= (TextView) view.findViewById(R.id.text_name);
        MyListener myListener = new MyListener(pos);
        applicant.setText(auditInfo.getApplicantName());
        //下面这四行实现变色
        if(pos%2==1)
            view.setBackgroundColor(Color.WHITE); //颜色设置
        else
            view.setBackgroundColor(Color.BLUE);//颜色设置

        return view;
    }

或者

    private int[] colors=new int[]{0x30FF0000,0x300000FF};//这里没有引用进去使用,只是简单引用数组运算

  @Override
    public View renderView(int pos, Vacation vacationInfo, View view) {
        ButterKnife.bind(this, view);
        MyListener myListener = new MyListener(pos);
        time.setText(vacationInfo.getVacationDate().toString());

        //变色
        int colorPos=pos%colors.length;
        if(colorPos==1)
            view.setBackgroundColor(Color.argb(42, 200, 200, 100)); //颜色设置
        else
            view.setBackgroundColor(Color.argb(42, 100, 100, 100));//颜色设置

        return view;

所以切记在item当中不要设置背景色了

时间: 2024-10-15 21:10:11

listview隔行变色的相关文章

android表格效果--ListView隔行变色

import meetweb.net.util.SpecialAdapter; ..... private SpecialAdapter simpleAdapter = null; public void ShowData(){  RateList = rateService.findAll(); System.out.println(RateList); LVrate=(ListView) this.findViewById(R.id.lvrate); simpleAdapter = new 

用angular实现隔行变色

在写隔行变色时应该知道的几个指令.ng-app :angular入口,ng-repeat:控制重复,ng-cloak:防止闪烁,用法就是给一个class="ng-cloak",在样式表中写好 .ng-cloak{display:none}angular会在解析完代码时清除ng-cloak.还有另外一个防止闪烁的指令只ng-bind.当它作为标签属性时是不会显示出来的比如 <p ng-bind="msg"></p> 这个msg就不会出现闪烁.

简单的css js控制table隔行变色

(1)用expression 鼠标滑过变色: <style type="text/css"><!-- table { background-color:#000000; cursor:hand; width:100%; }td { onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgro

jquery实现html表格隔行变色

效果图 实现代码: 通过css控制样式,利用jquery的addClass方法实现 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title> 实现表格隔行变色 </title> 5 <meta h

使一个特定的表格隔行变色(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>使一个特定的表格隔行变色</title> <script src="jquery-1.7.1.min.js" ty

10.2 隔行变色的表格

本案例中,我们对一个简单的表格进行设置,使它看起来更为精致.另外,当表格的行和列都很多,并且数据量很大的时候,为避免单元格采用相同的背景色会使浏览者感到凌乱,发生看错行的情况,为表格设置隔行变色的效果,使得奇数行和偶数行的背景颜色不一样.实例的最终效果如图1所示. 实例文件位于网页学习网CSS教程资源的“第10章\02\pretty-1.htm”. 图1 交替变色的表格样式 一.搭建HTML结构 首先确定表格的HTML结构,代码如下: 折叠展开XML/HTML 代码复制内容到剪贴板 <table

如何使用jQuery实现隔行变色效果

如何使用jQuery实现隔行变色效果:隔行变色效果在网站有大量应用,尤其是在类似新闻列表这样的功能,对于行与行之间的区分有很大的好处,也提高了网站的人性化程度,虽然是个小功能,但是网站的流量都是从这样的小功能点点滴滴积累起来的.此效果可以使用CSS实现,但是由于现有浏览器对于CSS3支持度还不够好,所以使用js或者jQuery是不错的选择,下面就介绍一下如何使用jQuery实现此种效果.代码实例如下: 1 <!DOCTYPE html> 2 <html> 3 <head>

jquery实现的隔行变色代码实例

jquery实现的隔行变色代码实例: 隔行变色效果在大量的网站应用,尤其是表格或者新闻列表之类的结构,可以有效增强网站的辨识度,更为人性化,下面通过一个简单的实例介绍一下它的实现原理,至于它的美观度这里就不讲究了,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http:/

devexpress表格控件gridcontrol设置隔行变色、焦点行颜色、设置(改变)显示值、固定列不移动(附源码)

介绍一些常用的gridcontrol设置. 1.设置隔行变色.首先设置显示隔行变色,步骤:OptionsView-->EnableAppearanceEvenRow-->true和OptionsView-->EnableAppearanceOddRow-->true;然后设置奇数行和偶数行样式颜色等:Appearance-->EvenRow和Appearance-->OddRow.设计完成后,设计器出现隔行变色效果,如图: 2.设置奇偶行样式时,会看到其他行样式.App