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

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