Textview文字闪烁效果（Runnable和Timer两种实现方法）

时间：2021-06-05 17:29:01

这个demo我写在了listView上，如果有需要单独使用（不在listView中使用），请自行抽取

特别说明：我这里用了Runnable和Timer两种实现方法，我最后在项目中使用的是Timer。因为Timer更好。我下面会详细给出理由和测试。感兴趣的可以看看。不想深究的，请直接看后面的Timer实现方法

写在前面：虽然最后Timer可以实现在listview中展示Textview文字的闪烁，但是还是有问题的。如：有的条目不需要展示，就算GONE掉了，但是Timer还是会走到。我试过各种方法，都没解决。一旦单纯的解决GONE调后Timer还执行的问题，就会出现其他的伴随问题。唉。。。
不过，虽然有这样的问题，但是不影响使用。我用实际项目做过测试，我们项目的动态列表中的数据类型比较多，还是比较复杂的。我每条都加上这个闪烁的Textview，每页请求数据10条，我在手机上开了多个应用，然后滑动加载数据滑动了近50页，没有任何崩溃、反应卡顿的现象。

需求：listView中，给每个条目上的文字都加上文字闪烁效果

一个控件有规律的做一个展示动作，首先我们能想到的是，handler周期性的发消息，接收然后处理。但是这里因为一些需求原因，展示效果限制到了listView上。这个时候，让每个条目都发handler去处理，显然是不明智的。可以自定义一下Textview，让它自身具备让文字显示周期变化的效果

第一种方法：Runnable
自定义Textview，让它自身就有变化文字颜色的功能
FlickerTextView

package com.demo.mydemo;

import android.content.Context;
import android.graphics.Canvas;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.widget.TextView;

public class FlickerTextView extends TextView implements Runnable {

private boolean flag = false;

public FlickerTextView(Context context) {
this(context, null);
    }

public FlickerTextView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, -1);
    }

public FlickerTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
        flag = false;
    }

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);

if (flag) {
            setTextColor(0xffff3038);
        } else {
            setTextColor(0xffff7214);
        }
    }

@Override
public void run() {

while (true) {

synchronized (this) {
try {
                    flag = !flag;
                    postInvalidate();

// 每执行一次暂停40毫秒
                    Thread.sleep(2000);

                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }


        }
    }
}

然后，就是布局文件了
activity_main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
 >

<LinearLayout
 android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<TextView
 android:id="@+id/tv_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="#5500ff00"
android:gravity="center"
android:paddingBottom="5dp"
android:paddingTop="5dp"
android:text="重新加载"
android:textSize="20sp"/>

<TextView
 android:id="@+id/tv_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="#550000ff"
android:gravity="center"
android:paddingBottom="5dp"
android:paddingTop="5dp"
android:text="加载更多"
android:textSize="20sp"/>


</LinearLayout>

<ListView
 android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>

</LinearLayout>

item

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
 >

<com.demo.mydemo.FlickerTextView
 android:id="@+id/tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:paddingBottom="5dp"
android:paddingTop="5dp"
 />

</LinearLayout>

最后，是在Activity中使用
MainActivity

package com.demo.mydemo;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;

import java.util.ArrayList;

public class MainActivity extends Activity {

private TextView tv_1;
private TextView tv_2;

private ListView listview;

private ArrayList<String> dataList;

private MyAdapter myAdapter;

private int index = 0;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tv_1 = findViewById(R.id.tv_1);
        tv_2 = findViewById(R.id.tv_2);

        listview = findViewById(R.id.listview);

        dataList = new ArrayList();

        myAdapter = new MyAdapter();

        listview.setAdapter(myAdapter);

        setData(0);

        tv_1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
                setData(0);
            }
        });

        tv_2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
                index++;
                setData(index);
            }
        });

    }

private void setData(int index) {

if (index == 0) {
            dataList.clear();
        }

for (int i = 1 + index * 10; i < 11 + index * 10; i++) {
            dataList.add("==第" + i + "条==");
        }

        myAdapter.notifyDataSetChanged();
    }

    class MyAdapter extends BaseAdapter {

@Override
public int getCount() {
return dataList.size();
        }

@Override
public Object getItem(int position) {
return dataList.get(position);
        }

@Override
public long getItemId(int position) {
return position;
        }

@Override
public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder;
if (convertView == null) {

                convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.item, null);
                holder = new ViewHolder();
                holder.tv = convertView.findViewById(R.id.tv);

//new Thread(holder.tv).start();

                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            holder.tv.setText(dataList.get(position));

new Thread(holder.tv).start();

return convertView;
        }

private class ViewHolder {
private FlickerTextView tv;
        }

    }
}

功能说明：
点击tv_1（重新加载），会清空之前的数据，重新填充1-10，这10条数据，模拟listView的下拉刷新
点击tv_2（加载更多），会在现有数据基础上再增加10条数据，模拟listView的上拉加载更多

特别注意：
特别注意：
特别注意：

1、请注意MyAdapter 下getView方法中的new Thread(holder.tv).start()这句话，
如果它写在convertView复用设置以外。即：

    if (convertView == null) {
......
        convertView.setTag(holder);
    } else {
        holder = (ViewHolder) convertView.getTag();
    }
new Thread(holder.tv).start();

意外着每个item，都会创建一个子线程，去跑这个item的Textview的文字颜色变化。这个时候，多次点击“加载更多”，当listView中的数据很多的时候，滑动，项目会崩溃，错误日志是：

java.lang.OutOfMemoryError: pthread_create (1040KB stack) failed: Out of memory

，这个很好理解，因为item很多，而每个item都会去创建一个子线程，只有item数据足够多，内存溢出是肯定的。

2、现在，对上面的OOM异常进行一下优化，getView中的代码变成了：

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder;
            if (convertView == null) {

                convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.item, null);
                holder = new ViewHolder();
                holder.tv = convertView.findViewById(R.id.tv);

                new Thread(holder.tv).start();

                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            holder.tv.setText(dataList.get(position));

            //new Thread(holder.tv).start();

            return convertView;
        }

注意new Thread(holder.tv).start()这句话的位置，变到了convertView 复用那里去了。

这个时候，运行起来程序，随便“加载更多”点多少次，这么滑动，都不会OOM了。

问题解决了。

这个时候，我改一下需求，item中，只有position是10的倍数的时候，才让文字变动，或者有点击事件，或者才让这个FlickerTextView展示出来（毕竟，实际中，也不太可能每个item都展示闪烁文字，应该是满足条件的才展示）。

怎么办？这个文字闪烁，是在convertView 复用那里的，在那里做判断，因为涉及复用，很容易出问题。但是如果把new Thread(holder.tv).start()放到外面，数据多了又会OOM。

为了解决这个问题，现在，用Timer来实现

FlickerTextView2

package com.demo.mydemo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.TextView;

import java.util.Timer;
import java.util.TimerTask;

public class FlickerTextView2 extends TextView {

private boolean flag = false;

public FlickerTextView2(Context context) {
this(context, null);
    }

public FlickerTextView2(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, -1);
    }

public FlickerTextView2(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
        flag = false;
        init();
    }

private void init() {
        Log.e("init","init");
        Timer timer = new Timer();
        TimerTask taskcc = new TimerTask() {

public void run() {
                Log.e("Timer","Timer");
                flag = !flag;
                postInvalidate();
            }
        };

// 参数分别是delay（多长时间后执行），duration（执行间隔）
        timer.schedule(taskcc, 1000, 1000);
    }

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);

        Log.e("onDraw","onDraw");

if (flag) {
            setTextColor(0xff000000);
        } else {
            setTextColor(0xffff0000);
        }

    }

}

其他用法，同上Activity代码。仅仅改一下Adapter就行

    class MyAdapter extends BaseAdapter {

@Override
public int getCount() {
return dataList.size();
        }

@Override
public Object getItem(int position) {
return dataList.get(position);
        }

@Override
public long getItemId(int position) {
return position;
        }

@Override
public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder;
if (convertView == null) {

                convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.item, null);
                holder = new ViewHolder();
                holder.tv = convertView.findViewById(R.id.tv);

// new Thread(holder.tv).start();

                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            holder.tv.setText(dataList.get(position));

// new Thread(holder.tv).start();

if (position % 10 == 0) {
                holder.tv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
                        Toast.makeText(MainActivity.this, "哈哈", Toast.LENGTH_SHORT).show();
                    }
                });
            }else{
                holder.tv.setOnClickListener(null);
            }

return convertView;
        }

private class ViewHolder {
private FlickerTextView2 tv;
        }

    }
标签：

相关文章