實(shí)現(xiàn)ListView的item點(diǎn)擊Button進(jìn)行倒計(jì)時(shí)

涉及的知識(shí)點(diǎn):ListView的復(fù)用,倒計(jì)時(shí)扇雕,啟動(dòng)線程刷新UI

由于項(xiàng)目有個(gè)需求拓售,就是點(diǎn)擊ListView的某個(gè)item的button,開(kāi)始倒計(jì)時(shí)镶奉。所以花了些時(shí)間寫(xiě)了個(gè)Demo,先上效果圖


倒計(jì)時(shí).gif

看起來(lái)是不是感覺(jué)很簡(jiǎn)單础淤,但一開(kāi)始走了很多坑。首先是ListView的復(fù)用問(wèn)題哨苛。點(diǎn)擊一個(gè)item的button開(kāi)始倒計(jì)時(shí)鸽凶,但是把ListView滑下來(lái),下面的item會(huì)復(fù)用前面的item,導(dǎo)致它沒(méi)有點(diǎn)擊也會(huì)倒計(jì)時(shí)。產(chǎn)生這個(gè)原因是因?yàn)槲以诋?dāng)我點(diǎn)擊button時(shí)建峭,對(duì)TextView設(shè)置
Text玻侥,也就是倒計(jì)時(shí),而那些沒(méi)有點(diǎn)擊的item沒(méi)有被setText迹缀,所以會(huì)導(dǎo)致復(fù)用使碾,時(shí)間錯(cuò)亂。ListView的數(shù)據(jù)源是動(dòng)態(tài)的話祝懂,由于復(fù)用往往會(huì)使顯示的數(shù)據(jù)錯(cuò)亂。

切入正題,說(shuō)說(shuō)實(shí)現(xiàn)的思路拘鞋。
我們使用一個(gè)boolean變量標(biāo)記button的點(diǎn)擊事件砚蓬,一旦點(diǎn)擊了,我們就開(kāi)啟倒計(jì)時(shí)盆色,并標(biāo)記為true灰蛙。然后開(kāi)啟一個(gè)線程,把ListvView所有的TextView傳到這個(gè)線程中隔躲,通過(guò)一個(gè)死循環(huán)摩梧,每隔一秒刷新一次UI,將每個(gè)TextView進(jìn)行setText,如果數(shù)據(jù)類(lèi)的成員變量isPressed為true,就設(shè)置為倒計(jì)時(shí)的時(shí)間,如果不是宣旱,就設(shè)為“00:00”仅父,思路就這樣。

首先我們需要一個(gè)數(shù)據(jù)類(lèi)

public class Bean {
    private String text;//button的text
    private int  time;//TextView顯示的時(shí)間
    private boolean isPressed;//標(biāo)記button是否按下。
    private TimerEnitity timerEnitity;//進(jìn)行倒計(jì)時(shí)的類(lèi)

    public TimerEnitity getTimerEnitity() {
        return timerEnitity;
    }

    public void setTimerEnitity(TimerEnitity timerEnitity) {
        this.timerEnitity = timerEnitity;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }

    public int getTime() {
        return time;
    }

    public boolean isPressed() {
        return isPressed;
    }

    public void setPressed(boolean isPressed) {
        this.isPressed = isPressed;
    }

    public void setTime(int time) {
        this.time = time;
    }
    
}

我們還需要一個(gè)倒計(jì)時(shí)的類(lèi)笙纤,通過(guò)這個(gè)類(lèi)我們可以實(shí)時(shí)獲取倒計(jì)時(shí)的時(shí)間耗溜。我們使用android的倒計(jì)時(shí)類(lèi)CountDownTimer,繼承它作為內(nèi)部類(lèi)省容,一旦初始化TimerEnitity抖拴,我們就開(kāi)始倒計(jì)時(shí),并實(shí)時(shí)獲取倒計(jì)時(shí)的時(shí)間腥椒。

public class TimerEnitity {
    private int timeLength;
    private MyTimer timer;
    private Bean bean;

    public TimerEnitity(int timeLength,Bean bean) {
        this.timeLength = timeLength;
        this.bean=bean;
        timer =  new MyTimer(timeLength,999);
        timer.start();

    }
        public int  getsurplusTime(){
            return this.bean.getTime();
        }
    public void setTimeLength(int timeLength) {
        this.timeLength = timeLength;
    }
    public class MyTimer extends CountDownTimer{


        public MyTimer(long millisInFuture, long countDownInterval) {
            super(millisInFuture, countDownInterval);
        }

        @Override
        public void onTick(long l) {
            Log.e("time",l+"");
                bean.setTime((int) l);//通過(guò)系統(tǒng)不斷地回調(diào)這個(gè)方法阿宅,time值不斷地被改變,我們就可以獲取倒計(jì)時(shí)的時(shí)間笼蛛。

        }

        @Override
        public void onFinish() {
            bean.setTime(0);
        }
    }

}

接下來(lái)就是對(duì)Activity和Adapter的操作了家夺,先上代碼。

public class MainActivity extends AppCompatActivity {
    private ListView listView;
    private TimeAdapter adapter;
    private TimeThread timeThread;
    private List<Bean> data = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) findViewById(R.id.listview);
        initData();
         timeThread = new TimeThread();
        timeThread.start();
        adapter = new TimeAdapter(listView);
        listView.setAdapter(adapter);

    }

    private void initData() {
        for (int i = 0; i < 30; i++) {
            Bean bean = new Bean();
            bean.setText("item" + i);
            bean.setTime(0);
            bean.setPressed(false);
            data.add(bean);
        }
    }

    class TimeAdapter extends BaseAdapter {
        private ListView listView;
        public TimeAdapter(ListView listView){
            this.listView = listView;
        }
        private LayoutInflater inflater = LayoutInflater.from(MainActivity.this);

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

        @Override
        public Object getItem(int i) {
            return (Bean)data.get(i);
        }

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

        @Override
        public View getView(final int i, View view, ViewGroup viewGroup) {
            ViewHolder holder = null;
            final Bean bean = (Bean) getItem(i);
            if (view == null) {
                view = inflater.inflate(R.layout.item, null);
                holder = new ViewHolder();
                holder.textView = (TextView) view.findViewById(R.id.text);
                holder.button = (Button) view.findViewById(R.id.btn);
                view.setTag(holder);
            } else {
                holder = (ViewHolder) view.getTag();
            }
            timeThread.setTextViewToList(holder.textView,bean);
            holder.button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {

                    bean.setPressed(true);
                    TimerEnitity enitity = new TimerEnitity(60000,bean);
                    bean.setTimerEnitity(enitity);
                    timeThread.setChangedBean(i,bean);
                }
            });
            holder.textView.setText(MyUtils.timeToString(bean.getTime()));
            holder.button.setText(data.get(i).getText());

            return view;
        }

        public   class ViewHolder {
            public TextView textView;
            public Button button;
        }
    }
}

上面的代碼關(guān)鍵在兩個(gè)地方

第1個(gè)地方

 timeThread = new TimeThread();
        timeThread.start();

上面我們講過(guò)伐弹,這個(gè)線程一直不斷地更新UI拉馋,所以應(yīng)該在onCreate方法里啟動(dòng)

第2個(gè)地方

 timeThread.setTextViewToList(holder.textView,bean);
            holder.button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    TimerEnitity enitity = new TimerEnitity(60000,bean);
                    bean.setPressed(true);
                    bean.setTimerEnitity(enitity);
                    timeThread.setChangedBean(i,bean);
                }
            });
            holder.textView.setText(MyUtils.timeToString(bean.getTime()));
            holder.button.setText(data.get(i).getText());

線程的操作涉及到bean數(shù)據(jù)類(lèi),所以要將Textview和Bean傳過(guò)去.然后在button的點(diǎn)擊事件里惨好,我們標(biāo)記為true煌茴,并啟動(dòng)倒計(jì)時(shí)。這里需要留意一下日川,即使我們?cè)趏nClick方法里將bean的變量值進(jìn)行修改蔓腐,比如bean.setPressed(true);bean.setTimerEnitity(enitity);但是點(diǎn)擊事件是不定時(shí)的,所以此時(shí)的修改并不影響到已經(jīng)傳遞到線程里的bean數(shù)據(jù)龄句,所以需要寫(xiě)個(gè)方法將修改后的變量傳過(guò)去timeThread.setChangedBean(i,bean);

我們來(lái)看一下TimeThread的代碼回论,在run方法中,我們通過(guò)一個(gè)死循環(huán)分歇,每隔一秒發(fā)送一個(gè)消息傀蓉,在handler中對(duì)所有的TextView遍歷,點(diǎn)擊過(guò)的职抡,就將TextView設(shè)置倒計(jì)時(shí)的時(shí)間葬燎,沒(méi)有點(diǎn)擊的就設(shè)置為默認(rèn)時(shí)間。

public class TimeThread extends Thread {
    private List<TextView> textViews;
    private List<Bean> beans = new ArrayList<>();
    private boolean isRun=true;
    private Handler mHandler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            int cache = -1;
            for(int i=0;i<textViews.size();i++){
                if (beans.get(i).isPressed()) {
                    textViews.get(i).setText(MyUtils.timeToString(beans.get(i).getTimerEnitity().getsurplusTime()));
                }else textViews.get(i).setText("00:00");

            }
        }
    };
    public TimeThread(){
        textViews = new ArrayList<TextView>();
    }

    @Override
    public void run() {
        while (isRun){
            try {
                Thread.sleep(1000);

            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            mHandler.sendEmptyMessage(0);
        }
    }

    public void setTextViewToList(TextView textView,Bean bean){
        textViews.add(textView);
        beans.add(bean);
    }
    public void setChangedBean(int postion,Bean bean){
        beans.get(postion).setPressed(bean.isPressed());
        beans.get(postion).setTimerEnitity(bean.getTimerEnitity());
    }

}

最后還需要將時(shí)間轉(zhuǎn)化一下格式缚甩。

public class MyUtils {
    public static String timeToString(int timeLength) {
        int min = Math.round((timeLength/1000)/ 60);
        int second = Math.round((timeLength/1000) % 60);
        Log.e("min",min+"");
        Log.e("second",second+"");

        if (timeLength <=0) {
            return "00:00";
        } else if (timeLength >0) {
            if (min < 10 && second < 10)
                return "0" + min +":"+ "0" + second;
            if (min < 10 && second >= 10)
                return "0" + min +":"+ second;
            if (min >= 10 && second < 10)
                return min +":"+ "0" + second;
            if (min >= 10 && second >= 10)
                return min  +":" + second;
        }
        return null;
    }
}

想查看demo請(qǐng)從github下載https://github.com/MRKCH/itemcounter

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末谱净,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子擅威,更是在濱河造成了極大的恐慌壕探,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件郊丛,死亡現(xiàn)場(chǎng)離奇詭異李请,居然都是意外死亡瞧筛,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)捻艳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)驾窟,“玉大人,你說(shuō)我怎么就攤上這事认轨∩鹇纾” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵嘁字,是天一觀的道長(zhǎng)恩急。 經(jīng)常有香客問(wèn)我,道長(zhǎng)纪蜒,這世上最難降的妖魔是什么衷恭? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮纯续,結(jié)果婚禮上随珠,老公的妹妹穿的比我還像新娘。我一直安慰自己猬错,他們只是感情好窗看,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著倦炒,像睡著了一般显沈。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上逢唤,一...
    開(kāi)封第一講書(shū)人閱讀 51,541評(píng)論 1 305
  • 那天拉讯,我揣著相機(jī)與錄音,去河邊找鬼鳖藕。 笑死魔慷,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的吊奢。 我是一名探鬼主播盖彭,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼页滚!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起铺呵,我...
    開(kāi)封第一講書(shū)人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤裹驰,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后片挂,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體幻林,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡贞盯,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了沪饺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片躏敢。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖整葡,靈堂內(nèi)的尸體忽然破棺而出件余,到底是詐尸還是另有隱情,我是刑警寧澤遭居,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布啼器,位于F島的核電站,受9級(jí)特大地震影響俱萍,放射性物質(zhì)發(fā)生泄漏端壳。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一枪蘑、第九天 我趴在偏房一處隱蔽的房頂上張望损谦。 院中可真熱鬧,春花似錦岳颇、人聲如沸照捡。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)麻敌。三九已至,卻和暖如春掂摔,著一層夾襖步出監(jiān)牢的瞬間术羔,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工乙漓, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留级历,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓叭披,卻偏偏與公主長(zhǎng)得像寥殖,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子涩蜘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,133評(píng)論 25 707
  • ¥開(kāi)啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開(kāi)一個(gè)線程嚼贡,因...
    小菜c閱讀 6,419評(píng)論 0 17
  • 細(xì)雨霏霏 人影憧憧 燈影被揉碎在匆促的腳步里 行道樹(shù)靜靜凝視 默默悉數(shù)漸濃的夜色 今天 即將謝幕 此刻你在做什么 ...
    流浪貓70s閱讀 157評(píng)論 0 3