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 + "名");
         }

     }

 }

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