需求
有时候可能会有类似分享资产、战绩这样的需求,产品需要你生成一张图片,然后在上面某个位置加上App的二维码,以达到引流的目的。而这个生成的图片也许并不和当前页面完全一样,这时候就需要我们单独去进行拼接生成。
实现
先来模拟一个界面
这是显示的界面,但是实际生成图片的时候可能会让你再加一点别的信息上去,这时候我们可以单独定义一个类来做这件事情。
public class ShareView extends FrameLayout {
private final int IMAGE_WIDTH = 720;
private final int IMAGE_HEIGHT = 1280;
private TextView tvInfo;
public ShareView(@NonNull Context context) {
super(context);
init();
}
private void init() {
View layout = View.inflate(getContext(), R.layout.share_view_layout, this);
tvInfo = (TextView) layout.findViewById(R.id.tv_info);
}
/**
* 设置相关信息
*
* @param info
*/
public void setInfo(String info) {
tvInfo.setText(info);
}
/**
* 生成图片
*
* @return
*/
public Bitmap createImage() {
//由于直接new出来的view是不会走测量、布局、绘制的方法的,所以需要我们手动去调这些方法,不然生成的图片就是黑色的。
int widthMeasureSpec = MeasureSpec.makeMeasureSpec(IMAGE_WIDTH, MeasureSpec.EXACTLY);
int heightMeasureSpec = MeasureSpec.makeMeasureSpec(IMAGE_HEIGHT, MeasureSpec.EXACTLY);
measure(widthMeasureSpec, heightMeasureSpec);
layout(0, 0, IMAGE_WIDTH, IMAGE_HEIGHT);
Bitmap bitmap = Bitmap.createBitmap(IMAGE_WIDTH, IMAGE_HEIGHT, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
draw(canvas);
return bitmap;
}
}
定义了一个setInfo方法,可以从外部传入相关的信息,createImage方法用于生成最终的图片,由于直接new出来的view是不会走测量、布局、绘制的方法的,所以需要我们手动去调这些方法,不然生成的图片就是黑色的。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="720px"
android:layout_height="1280px"
android:orientation="vertical"
android:background="#ffffff">
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:src="@drawable/mayday" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20px"
android:gravity="center_horizontal"
android:text="我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容"
android:textSize="40px" />
<TextView
android:id="@+id/tv_info"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginBottom="20px"
android:layout_marginTop="20px"
android:layout_weight="1"
android:gravity="center_horizontal"
android:textSize="40px" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:layout_width="0dp"
android:layout_height="150px"
android:layout_weight="1"
android:background="@color/colorPrimary"
android:gravity="center"
android:text="xxxApp就是nb"
android:textColor="#ffffff"
android:textSize="50px" />
<TextView
android:layout_width="150px"
android:layout_height="150px"
android:background="@android:color/darker_gray"
android:gravity="center"
android:text="我是二维码"
android:textColor="#ffffff" />
</LinearLayout>
</LinearLayout>
在布局里面我们可以完全用ui给的px尺寸来布局,这样生成的图片就和效果图几乎完全一样了。
最后来看下调用:
public void createShareImage(View view) {
ShareView shareView = new ShareView(MainActivity.this);
shareView.setInfo("其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息");
final Bitmap image = shareView.createImage();
final String path = saveImage(image);
Log.e("xxx", path);
if (image != null && !image.isRecycled()) {
image.recycle();
}
}
/**
* 保存bitmap到本地
*
* @param bitmap
* @return
*/
private String saveImage(Bitmap bitmap) {
File path = getCacheDir();
String fileName = "shareImage.png";
File file = new File(path, fileName);
if (file.exists()) {
file.delete();
}
FileOutputStream fos = null;
try {
fos = new FileOutputStream(file);
bitmap.compress(Bitmap.CompressFormat.PNG, 100, fos);
fos.flush();
fos.close();
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return file.getAbsolutePath();
}
像QQ这样的平台分享是不支持直接分享bitmap的,所以需要我们先把bitmap保存到本地,再分享本地的路径地址。
可以看到打印出来最终的图片地址(不同手机可能会不一样):/data/data/com.vice.viewshotproject/cache/shareImage.png,用adb命令把它拷贝出来。
//root权限
adb root
//拷贝到桌面
adb pull /data/data/com.vice.viewshotproject/cache/shareImage.png ~/Desktop/
看下最终生成的图片:
尺寸刚好720*1280。