android长截屏原理及实现代码

2019-12-12 02:13:15

字体：大中小

来源：转载

供稿：网友

小米系统自带的长截屏应该很多人都用过，效果不错。当长截屏时listview就会自动滚动，当按下停止截屏时，就会得到一张完整的截屏。

该篇就介绍一下长截屏的原理

上篇中介绍了android屏幕共享实现方式，该篇的原理和上一篇基本一致。

获取view影像

当我们想得到一个view的影像时，我们可以调用系统api，得到view的bitmap，但有时可能得不到。我们可以通过另一种方式得到。

首先创建一个和view一样大小的bitmap

复制代码代码如下:

Bitmap bmp = Bitmap.createBitmap(view.getWidth(), view.getHeight(), Bitmap.Config.RGB_565);

然后把view绘制到bmp上

Canvas canvas = new Canvas();  canvas.setBitmap(bmp);  view.draw(canvas);

执行完上面代码后bmp上就是view的影像了。

制造滚动事件，促使view滚动

我们可以创建一个MotionEvent，然后定时修改MotionEvent的y值，并分发给view，从而促使view上下滚动。当然我们也可以定时修改x值促使view左右滚动。

代码大致如下

final MotionEvent motionEvent = MotionEvent.obtain(SystemClock.uptimeMillis(), SystemClock.uptimeMillis(), MotionEvent.ACTION_DOWN, view.getWidth() / 2, view.getHeight() / 2, 0);      view.postDelayed(new Runnable() {       @Override       public void run() {                 motionEvent.setAction(MotionEvent.ACTION_MOVE);          motionEvent.setLocation((int) motionEvent.getX(), (int) motionEvent.getY() - 1);     //把事件分发给view        view.dispatchTouchEvent(motionEvent);                 view.postDelayed(this, DELAY);       }    }, DELAY);

注意：从分发DOWN事件到结束都要使用同一个MotionEvent对象，只需要不断改变x或y值。

每次x或y的值相对于上次改动不能过大，若过大，view实际滚动距离可能达不到为MotionEvent设置的值（因view滚动时卡顿导致）。

截屏

当为MotionEvent设置的x或y值正好时当前view的大小时，创建新的bitmap，通过上述方法把view绘制到bitmap上，想要停止截屏时拼接所有bitmap即可。

备注

当我们想要把Listview长截屏时，需要为ListView外面嵌套一层和ListView一样大小的View，以上的所有操作都在嵌套的这层view上操作。当我们调用嵌套的这层view的draw(new Canvas(bmp))时会把当前看到的这块ListView绘制到bmp上，不管ListView嵌套了多少层子view都可以绘制到当前bmp上。

由于ListView中根据滑动的距离是否大于ViewConfiguration.get(view.getContext()).getScaledTouchSlop() )来确定要不要滚动，所以一开始我们要特殊处理下,为什么是ViewConfiguration.get(view.getContext()).getScaledTouchSlop() )可以查看ListView的事件分发相关函数得到（dispatchTouchEvent）,让Listview认为是开始滚动，这样才能保证以后分发的滑动距离和实际滚动距离一致。

Listview也要通知是否滚动到了最后，不然如果没有手动停止的话，虽然还是在一直分发滚动事件，但ListView不再滚动，导致最终截图后后面全是重复的最后一屏幕。

附实现大致方式代码，有待优化

package com.example.wanjian.test;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Color;import android.os.Environment;import android.os.SystemClock;import android.view.MotionEvent;import android.view.View;import android.view.ViewConfiguration;import android.widget.LinearLayout;import android.widget.Toast;import java.io.File;import java.io.FileOutputStream;import java.lang.ref.WeakReference;import java.util.ArrayList;import java.util.List;/** * Created by wanjian on 16/8/18. */public class ScrollableViewRECUtil {  public static final int VERTICAL = 0;  private static final int DELAY = 2;  private List<Bitmap> bitmaps = new ArrayList<>();  private int orientation = VERTICAL;  private View view;  private boolean isEnd;  private OnRecFinishedListener listener;  public ScrollableViewRECUtil(View view, int orientation) {    this.view = view;    this.orientation = orientation;  }  public void start(final OnRecFinishedListener listener) {    this.listener = listener;    final MotionEvent motionEvent = MotionEvent.obtain(SystemClock.uptimeMillis(), SystemClock.uptimeMillis(), MotionEvent.ACTION_DOWN, view.getWidth() / 2, view.getHeight() / 2, 0);    view.dispatchTouchEvent(motionEvent);    motionEvent.setAction(MotionEvent.ACTION_MOVE);    //滑动距离大于ViewConfiguration.get(view.getContext()).getScaledTouchSlop()时listview才开始滚动    motionEvent.setLocation(motionEvent.getX(), motionEvent.getY() - (ViewConfiguration.get(view.getContext()).getScaledTouchSlop() + 1));    view.dispatchTouchEvent(motionEvent);    motionEvent.setLocation(motionEvent.getX(), view.getHeight() / 2);    view.postDelayed(new Runnable() {      @Override      public void run() {        if (isEnd) {          //停止时正好一屏则全部绘制，否则绘制部分          if ((view.getHeight() / 2 - (int) motionEvent.getY()) % view.getHeight() == 0) {            Bitmap bitmap = rec();            bitmaps.add(bitmap);          } else {            Bitmap origBitmap = rec();            int y = view.getHeight() / 2 - (int) motionEvent.getY();            Bitmap bitmap = Bitmap.createBitmap(origBitmap, 0, view.getHeight() - y % view.getHeight(), view.getWidth(), y % view.getHeight());            bitmaps.add(bitmap);            origBitmap.recycle();          }          //最后一张可能高度不足view的高度          int h = view.getHeight() * (bitmaps.size() - 1);          Bitmap bitmap = bitmaps.get(bitmaps.size() - 1);          h = h + bitmap.getHeight();          Bitmap result = Bitmap.createBitmap(view.getWidth(), h, Bitmap.Config.RGB_565);          Canvas canvas = new Canvas();          canvas.setBitmap(result);          for (int i = 0; i < bitmaps.size(); i++) {            Bitmap b = bitmaps.get(i);            canvas.drawBitmap(b, 0, i * view.getHeight(), null);            b.recycle();          }          listener.onRecFinish(result);          return;        }        if ((view.getHeight() / 2 - (int) motionEvent.getY()) % view.getHeight() == 0) {          Bitmap bitmap = rec();          bitmaps.add(bitmap);        }        motionEvent.setAction(MotionEvent.ACTION_MOVE);  //模拟每次向上滑动一个像素，这样可能导致滚动特别慢，实际使用时可以修改该值，但判断是否正好滚动了  //一屏幕就不能简单的根据 (view.getHeight() / 2 - (int) motionEvent.getY()) % view.getHeight() == 0 来确定了。  //可以每次滚动n个像素，当发现下次再滚动n像素时就超出一屏幕时可以改变n的值，保证下次滚动后正好是一屏幕，  //这样就可以根据(view.getHeight() / 2 - (int) motionEvent.getY()) % view.getHeight() == 0来判断要不要截屏了。        motionEvent.setLocation((int) motionEvent.getX(), (int) motionEvent.getY() - 1);        view.dispatchTouchEvent(motionEvent);        view.postDelayed(this, DELAY);      }    }, DELAY);  }  public void stop() {    isEnd = true;  }  private Bitmap rec() {    Bitmap film = Bitmap.createBitmap(view.getWidth(), view.getHeight(), Bitmap.Config.RGB_565);    Canvas canvas = new Canvas();    canvas.setBitmap(film);    view.draw(canvas);    return film;  }  public interface OnRecFinishedListener {    void onRecFinish(Bitmap bitmap);  }}

activity代码

 setContentView(R.layout.activity_main4);//    listview= (ListView) findViewById(R.id.listview);    listview.setAdapter(new BaseAdapter() {      @Override      public int getCount() {        return 100;      }      @Override      public Object getItem(int position) {        return null;      }      @Override      public long getItemId(int position) {        return 0;      }      @Override      public View getView(int position, View convertView, ViewGroup parent) {        if (convertView==null){          Button button= (Button) LayoutInflater.from(getApplication()).inflate(R.layout.item,listview,false);          button.setText(""+position);          return button;        }        ((Button)convertView).setText(""+position);        return convertView;      }    });//    File file=new File(Environment.getExternalStorageDirectory(),"aaa");    file.mkdirs();    for (File f:file.listFiles()){      f.delete();    }    listview.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {      @Override      public void onGlobalLayout() {        listview.getViewTreeObserver().removeGlobalOnLayoutListener(this);        start();      }    });

private void start(){    final View view=findViewById(R.id.view);    final ScrollableViewRECUtil scrollableViewRECUtil=new ScrollableViewRECUtil(view,ScrollableViewRECUtil.VERTICAL);    scrollableViewRECUtil.start(new ScrollableViewRECUtil.OnRecFinishedListener() {      @Override      public void onRecFinish(Bitmap bitmap) {        File f= Environment.getExternalStorageDirectory();        System.out.print(f.getAbsoluteFile().toString());        Toast.makeText(getApplicationContext(),f.getAbsolutePath(),Toast.LENGTH_LONG).show();        try {          bitmap.compress(Bitmap.CompressFormat.JPEG,60,new FileOutputStream(new File(f,"rec"+System.currentTimeMillis()+".jpg")));          Toast.makeText(getApplicationContext(),"Success",Toast.LENGTH_LONG).show();        }catch (Exception e){          e.printStackTrace();        }      }    });    // scrollableViewRECUtil    view.postDelayed(new Runnable() {      @Override      public void run() {        scrollableViewRECUtil.stop();      }    },90*1000);  }

布局

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:id="@+id/view"  android:orientation="vertical" >    <ListView      android:id="@+id/listview"      android:layout_width="match_parent"      android:layout_height="match_parent"      android:divider="#e1e1e1"      android:dividerHeight="2dp"      ></ListView></LinearLayout>

效果图

屏幕