仿豌豆荚应用下载按钮效果
生活随笔
收集整理的這篇文章主要介紹了
仿豌豆荚应用下载按钮效果
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
讓按鈕具有顯示進(jìn)度的效果,節(jié)省布局空間,先看看效果:
主要的邏輯:根據(jù)下載進(jìn)度的百分比和button的寬度得到一個(gè)進(jìn)度的寬度,繪制一個(gè)以此為寬度的背景設(shè)置給button,隨著下載進(jìn)度這個(gè)button的背景不斷變化。
下載的進(jìn)度我們暫時(shí)用模擬;
button寬高的獲得,在onclick事件中
w = v.getMeasuredWidth();h = v.getMeasuredHeight();
模擬下載使用異步任務(wù):
class DownloadTask extends AsyncTask<Void, Integer, Void> {@Overrideprotected Void doInBackground(Void... params) {for (int i = 0; i < max; i++) {publishProgress(i);try {Thread.sleep(100);} catch (InterruptedException e) {e.printStackTrace();}}return null;}@Overrideprotected void onPostExecute(Void result) {bt.setText("點(diǎn)擊安裝");bt.setClickable(true);bt.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "開始安裝", Toast.LENGTH_LONG).show();}});}@Overrideprotected void onPreExecute() {super.onPreExecute();bt.setClickable(false);}@Overrideprotected void onProgressUpdate(Integer... values) {Drawable d = createDrawable(Color.parseColor("#8e375a"), values[0]);float f = values[0] * 1.0f;String s = new DecimalFormat("#.#").format(f);bt.setText("已下載" + (f < 10 ? "0" : "") + s + "%");bt.setBackgroundDrawable(d);}}
得到一個(gè)指定寬度的Drawable方法
public BitmapDrawable createDrawable(int color, int length) {Bitmap b = null;b = Bitmap.createBitmap(w, h, Config.ARGB_4444);Canvas c = new Canvas(b);// RectF rect = new RectF(0, 0, length, h);RectF rect = new RectF(0, 0, w * (length * 1.0f / max), h);p.setColor(color);c.drawRoundRect(rect, 10, 10, p);BitmapDrawable bd = new BitmapDrawable(b);return bd;}
加點(diǎn)圓角,看著美觀一點(diǎn)。
將兩種控件結(jié)合,還是能給我們平時(shí)的設(shè)計(jì)一點(diǎn)啟示的。
總結(jié)
以上是生活随笔為你收集整理的仿豌豆荚应用下载按钮效果的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 求圆形的面积需求
- 下一篇: 大话USB驱动之USB键盘驱动