Android_AsyncTaskDemo之QQ记步数（画圆形图片知识）

今天学习了AsyncTask Android 的异步机制。我简单的实现我的一个小小案例——qq记步数。然后穿插一个画圆形图片的知识点。

由于所学知识有限，目前我计数，还有排名等等我就简单的利用随机数实现。多有不是之处见谅啊。

我们的xml layout布局文件

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

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:orientation="vertical"

     tools:context="com.example.qqsport.MainActivity" >

     <!-- 头部 -->

     <TextView

             android:id="@+id/name"

             android:layout_width="match_parent"

             android:layout_height="wrap_content"

             android:gravity="center"

             android:layout_marginTop="10dp"

             android:textSize="20sp"

             android:text="...heyhhz...." />

  <LinearLayout

            android:layout_width="match_parent"

         android:layout_height="match_parent"

         android:orientation="horizontal"

         android:layout_marginTop="10dp"

         android:layout_marginLeft="45dp">

     <!-- 附近排名 -->

     <LinearLayout

         android:layout_weight="1"

         android:orientation="vertical"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content">

         <TextView

             android:id="@+id/scort"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:text="附近排名" />

         <TextView

             android:id="@+id/fujin"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:layout_marginTop="30dp"

             android:text="第0名" />

     </LinearLayout>

     <!-- 头像 -->

    <LinearLayout

         android:layout_weight="1"

         android:orientation="vertical"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content">

         <ImageView

             android:id="@+id/face"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:src="@drawable/face"/>

         <TextView

             android:id="@+id/bushu"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:layout_marginTop="5dp"/>

     </LinearLayout>

     <!-- 排行榜 -->

     <LinearLayout

         android:layout_weight="1"

         android:orientation="vertical"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content">

         <TextView

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:id="@+id/list"

             android:text="排行榜"/>

         <TextView

             android:id="@+id/place"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:text="第0名"

             android:layout_marginTop="30dp"/>

     </LinearLayout>

 </LinearLayout>

 </LinearLayout>

我们的MainActivity.class 文件  其中我们头像变成圆形的代码也在其中。

package com.example.qqsport;

/**

 * 1.写一个随机数充当 该用户的步数

 * 2.实现 从1加到  该随机数的效果

 *

 */

import java.util.Random;

import android.app.Activity;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.graphics.PorterDuff;

import android.graphics.PorterDuffXfermode;

import android.graphics.Rect;

import android.os.Bundle;

import android.util.Log;

import android.widget.ImageView;

import android.widget.TextView;

public class MainActivity extends Activity {

    private static final String TAG = "RoundImage";

    private ImageView mImg;

    private TextView tv_bushu,tv_place,tv_fujin;

    private Random r = new Random();

    private MyTask myTask  = new MyTask(this);

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        huatu();

        int bushu = r.nextInt(5000)+5000;

        //随机设置排名

        int place = r.nextInt(50);

        //设置随机数   附近排名

        int fujin = r.nextInt(200);

        //初始化步数

        tv_bushu = (TextView) findViewById(R.id.bushu);

        //初始化 排行榜控件

        tv_place  = (TextView) findViewById(R.id.place);

        //附近

        tv_fujin = (TextView) findViewById(R.id.fujin);

        myTask.execute(tv_bushu,bushu,tv_place,place,tv_fujin,fujin);

    }

    //画圆形图片

    private void huatu() {

        //初始化控件

        mImg = (ImageView) findViewById(R.id.face);

        //裁剪图片

        BitmapFactory.Options options = new BitmapFactory.Options();

        options.inJustDecodeBounds = true;

        BitmapFactory.decodeResource(getResources(), R.drawable.face, options);

        Log.d(TAG, "original outwidth:"+options.outWidth);

        //此宽度是目标 imageView 希望的大小，你可以自定义imageView 然后获得ImageView 的宽度

        int dstWidth = 100;

        //我们需要加载的图片可能很大，我们先对原有的图片进行裁剪

        int sampleSize = calculateInSampleSize(options, dstWidth, dstWidth);

        options.inSampleSize = sampleSize;

        options.inJustDecodeBounds = false;

        Log.d(TAG, "sample size:" + sampleSize);

        Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.face, options);

        //绘制图片

        Bitmap resultBmp = Bitmap.createBitmap(dstWidth, dstWidth, Bitmap.Config.ARGB_8888);

        Paint paint  = new Paint();

        paint.setAntiAlias(true);

        Canvas canvas = new Canvas(resultBmp);

        //画图

        canvas.drawCircle(dstWidth / 2, dstWidth / 2, dstWidth / 2, paint);

        //选择交集去上层图片

         paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

         canvas.drawBitmap(bmp, new Rect(0, 0, bmp.getWidth(), bmp.getWidth()), new Rect(0, 0, dstWidth, dstWidth), paint);

         mImg.setImageBitmap(resultBmp);

         bmp.recycle();

    }

    private int calculateInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {

        // Raw height and width of image

       final int height = options.outHeight;

       final int width = options.outWidth;

       int inSampleSize = 1;

       if( height > reqHeight || width > reqWidth) {

           final int halfHeight = height / 2;

           final int halfWidth = width / 2;

           // Calculate the largest inSampleSize value that is a power of 2 and

           // keeps both

           // height and width larger than the requested height and width.

           while ((halfHeight / inSampleSize) > reqHeight && ( halfWidth / inSampleSize) > reqWidth) {

               inSampleSize *= 2;

           }

       }

       return inSampleSize;

   }

}

接下来是我们后台加载，异步机制。前面也说了，小编在这是利用随机数进行的，然后在这里加载出来的数据由于是同时传入的，他按照先后顺序进行显示，并没有实现同步的一个操作。这里要大家自己去实现下啦。

 package com.example.qqsport;

 import android.app.Activity;

 import android.os.AsyncTask;

 import android.widget.TextView;

 import android.widget.Toast;

 public class MyTask extends AsyncTask{

     private Activity runActivit;

     private TextView tv_bs,tv_fj,tv_pla;

     private int bs,pla,fj;

     public MyTask (Activity activity){

         this.runActivit = activity;

     }

     @Override

     protected Object doInBackground(Object... params) {

         //我的步数

         tv_bs = (TextView) params[0];

         bs = (Integer) params[1];

         for(int i = 1; i <= bs; i++) {

             publishProgress(i,1);

         }

         //排名

         tv_pla = (TextView) params[2];

         pla = (Integer) params[3];

         for (int i = 1; i <= pla; i++){

             publishProgress(i,2);

         }

         //附近排名

         tv_fj = (TextView) params[4];

         fj = (Integer) params[5];

         for (int i = 1; i <= fj; i++){

             publishProgress(i,3);

         }

         return "加载完成";

     }

     //onPostExecute 后台数据结束后调用的方法

     @Override

     protected void onPostExecute(Object result) {

         if( bs > 7000) {

             Toast.makeText(runActivit, "哎哟，不错哟今天", 1).show();

         }else {

             Toast.makeText(runActivit, "偶尔放慢脚步可以思考人生", 1).show();

         }

     }

     //onProgressUpdate  当前面使用了publishProgress 这个方法的时候就调用。

     @Override

     protected void onProgressUpdate(Object... values) {

         Integer aa = (Integer) values[0];

         Integer bb = (Integer) values[1];

         if(bb == 1){

             tv_bs.setText(aa + "");

         }

         if(bb == 2){

             tv_pla.setText("第"+aa + "名");

         }

         if(bb == 3){

             tv_fj.setText("第"+aa + "名");

         }

     }

 }

大家可以拷贝代码自己试下。[微笑]欢迎大家交流指教，我也是初学者。