用图像分割制作专属表情包？这里有妙招！

HMSCore技术团队 2023-03-28 原文

表情包斗图，作为人生新晋一大乐事，已经是广大网友每天必经的聊天互动环节。什么捧腹大笑、满腹槽点、彻底无语……这些万千语言无法贴切描述的情绪细节，总能被一张看似平平无奇的表情包完美形容，可谓一图胜千言，四两拨千斤！

如今，在表情包斗图进入白热化阶段，人们对表情包的定制化需求日益增多，人人是表情包的搬运工，人人也是潜力热图的创造者！赋予个人制作个性化表情包的能力很有必要。使用机器学习的图像分割功能，轻松分割复杂图片背景，让表情包制作简单而高效，让我们来看看如何将一张图片变成传情达意的表情包吧！

开发准备

Maven仓和SDK的配置步骤可以参考开发者网站中的应用开发介绍

https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides-V5/seg-sdk-0000001050038094-V5?ha_source=hms1?ha_source=hms1

配置集成的SDK包

图像分割提供了两种SDK集成方式，一种是预先将分割算法包预先集成在应用中，另一种是在应用安装运行后，再将所需的算法包下载到应用中，可以根据应用的使用场景和所需效果进行选择。本文是使用了Full SDK的集成方案，在应用的build.gradle文件中，dependencies内添加图像分割的SDK依赖

implementation 'com.huawei.hms:ml-computer-vision-segmentation:2.2.0.300'
implementation 'com.huawei.hms:ml-computer-vision-image-segmentation-body-model:2.2.0.300'

配置AndroidManifest.xml

打开main文件夹中的AndroidManifest.xml文件，可以根据场景和使用需要，配置读取和写入手机存储的权限，在<application>前添加

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

在<application>内添加如下语句，当应用安装后，会自动更新最新的机器学习模型到设备

<meta-data
    android:name="com.huawei.hms.ml.DEPENDENCY"
    android:value= "imagesuperresolution"/>

开发步骤

配置存储权限申请

手机的存储权限，除了在Manifest中声明，还需要在Activity中进行动态申请。在MainActivity的onCreate()方法中，调用requestPermission方法，对WRITE_EXTERNAL_STORAGE和READ_EXTERNAL_STORAGE权限进行申请

protected void onCreate(Bundle savedInstanceState) {
    ……
    requestPermission(Manifest.permission.READ_EXTERNAL_STORAGE);
    requestPermission(Manifest.permission.WRITE_EXTERNAL_STORAGE);
……
}

requestPermission方法的实现如下，首先对权限进行判断，如果未获取权限，则进行申请，如果已经获取了，则返回

private void requestPermission(String permisssions) {
    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
        return;
    }
		    if (ContextCompat.checkSelfPermission(this, permisssions)
            != PackageManager.PERMISSION_GRANTED) {
        ActivityCompat.requestPermissions(this, new String[]{permisssions}, REQUEST_CODE);
    } else {
        return;
    }
}

读取相册中的图片

我们先从相册中选取要进行表情包制作的图片，在xml文件中创建一个按钮chooseImg，点击后调用selectLocalImage方法

this.relativeLayoutLoadPhoto = this.findViewById(R.id.chooseImg);

this.relativeLayoutLoadPhoto.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
 MainActivity.this.selectLocalImage(StillCutPhotoActivity.this.REQUEST_CHOOSE_ORIGINPIC);
    }
});

selectLocalImage方法的实现如下

private void selectLocalImage(int requestCode) {
    Intent intent = new Intent(Intent.ACTION_PICK, null);
    intent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");
    this.startActivityForResult(intent, requestCode);
}

进行图像分割制作表情包

再创建一个按钮cut，点击后调用createImageTransactor方法，进行图像分割分析器的创建

this.relativeLayoutCut = this.findViewById(R.id.cut);
this.relativeLayoutCut.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        if (MainActivity.this.imageUri == null) {
            Toast.makeText(MainActivity.this.getApplicationContext(), R.string.please_select_picture, Toast.LENGTH_SHORT).show();
        } else {
            MainActivity.this.createImageTransactor();
            Toast.makeText(MainActivity.this.getApplicationContext(), R.string.cut_success, Toast.LENGTH_SHORT).show();
        }
    }
});

在createImageTransactor方法中，我们首先创建一个图像分割的分析器，再进行分析器的配置，将其设置为人像分割模式

private MLImageSegmentationAnalyzer analyzer;

MLImageSegmentationSetting setting = new MLImageSegmentationSetting.Factory().setAnalyzerType(MLImageSegmentationSetting.BODY_SEG).create();
this.analyzer = MLAnalyzerFactory.getInstance().getImageSegmentationAnalyzer(setting);

从相册中选取的文件，通过imageUri，将其打开为Bitmap格式

Pair<Integer, Integer> targetedSize = this.getTargetSize();
int targetWidth = targetedSize.first;
int targetHeight = targetedSize.second;
this.originBitmap = BitmapUtils.loadFromPath(StillCutPhotoActivity.this, this.imageUri, targetWidth, targetHeight);

之后创建MLFrame，调用asyncAnalyseFrame进行异步图像分割处理

MLFrame mlFrame = new MLFrame.Creator().setBitmap(this.originBitmap).create();
Task<MLImageSegmentation> task = this.analyzer.asyncAnalyseFrame(mlFrame);

图像分割完成后，对返回的结果进行处理，将去除背景后的图像保存到processedImage中

task.addOnSuccessListener(new OnSuccessListener<MLImageSegmentation>() {
    @Override
    public void onSuccess(MLImageSegmentation mlImageSegmentationResults) {
        // Transacting logic for segment success.
        if (mlImageSegmentationResults != null) {
            StillCutPhotoActivity.this.foreground = mlImageSegmentationResults.getForeground();
            StillCutPhotoActivity.this.preview.setImageBitmap(StillCutPhotoActivity.this.foreground);
            StillCutPhotoActivity.this.processedImage = ((BitmapDrawable) ((ImageView) StillCutPhotoActivity.this.preview).getDrawable()).getBitmap();
        } else {
            StillCutPhotoActivity.this.displayFailure();
        }
    }
}).addOnFailureListener(new OnFailureListener() {
    @Override
    public void onFailure(Exception e) {
        // Transacting logic for segment failure.
        StillCutPhotoActivity.this.displayFailure();
        return;
    }
});

保存表情包

最后将处理好的图像转换成png格式，存储到系统相册中

public void saveToAlbum(Bitmap bitmap){
    File file = null;
    String fileName = System.currentTimeMillis() +".png";
    File root = new File(Environment.getExternalStorageDirectory().getAbsoluteFile(), this.context.getPackageName());
    File dir = new File(root, "image");
    if(dir.mkdirs() || dir.isDirectory()){
        file = new File(dir, fileName);
    }
    FileOutputStream os = null;
    try {
        os = new FileOutputStream(file);
        bitmap.compress(Bitmap.CompressFormat.PNG, 100, os);
        os.flush();

    } catch (FileNotFoundException e) {
        Log.e(TAG, e.getMessage());
    } catch (IOException e) {
        Log.e(TAG, e.getMessage());
    }finally {
        try {
            if(os != null) {
                os.close();
            }
        }catch (IOException e){
            Log.e(TAG, e.getMessage());
        }
    }
    if(file == null){
        return;
    }
    if(imageUtilCallBack != null) {
        try {
            imageUtilCallBack.callSavePath(file.getCanonicalPath());
        } catch (IOException e) {
            Log.e(TAG, e.getMessage());
        }
    }
    // Gallery refresh.
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        String path = null;
        try {
            path = file.getCanonicalPath();
        } catch (IOException e) {
            Log.e(TAG, e.getMessage());
						}
        MediaScannerConnection.scanFile(this.context, new String[]{path}, null,
                new MediaScannerConnection.OnScanCompletedListener() {
                    @Override
                    public void onScanCompleted(String path, Uri uri) {
                        Intent mediaScanIntent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE);
                        mediaScanIntent.setData(uri);
                        ImageUtils.this.context.sendBroadcast(mediaScanIntent);
                    }
                });
    } else {
        String relationDir = file.getParent();
        File file1 = new File(relationDir);
        this.context.sendBroadcast(new Intent(Intent.ACTION_MEDIA_MOUNTED, Uri.fromFile(file1.getAbsoluteFile())));
    }
}

效果示例

编译运行后，可以从相册中选择想要制作表情包的照片，点击Cut，ML Kit会完成之后的人像识别和图像分割步骤，将杂乱的背景去除，返回人像的图片，之后点击Save即可将其保存为没有背景的表情包。

保存后即可将表情包添加到社交软件中啦，快来试试吧！

了解更多相关内容 访问华为机器学习图像分割官网

获取华为机器学习服务开发指导文档

华为HMS Core官方论坛

华为机器学习开源仓地址：GitHub、Gitee

解决集成问题请到Stack Overflow

点击关注，第一时间了解HMS Core最新技术~

妙招用 code this StillCutPhotoActivity hmscore 图像分割机器学习Android 移动开发

有关用图像分割制作专属表情包？这里有妙招！的更多相关文章

ruby-on-rails - 添加回形针新样式不影响旧上传的图像 - 2
我有带有Logo图像的公司模型has_attached_file:logo我用他们的Logo创建了许多公司。现在，我需要添加新样式has_attached_file:logo,:styles=>{:small=>"30x15>",:medium=>"155x85>"}我是否应该重新上传所有旧数据以重新生成新样式？我不这么认为……或者有什么rake任务可以重新生成样式吗？最佳答案参见Thumbnail-Generation.如果rake任务不适合你，你应该能够在控制台中使用一个片段来调用重新处理!关于相关公司
Unity 3D 制作开关门动画,旋转门制作,推拉门制作,门把手动画制作 - 2
Unity自动旋转动画1.开门需要门把手先动,门再动2.关门需要门先动,门把手再动3.中途播放过程中不可以再次进行操作觉得太复杂?查看我的文章开关门简易进阶版效果:如果这个门可以直接打开的话,就不需要放置"门把手"如果门把手还有钥匙需要旋转,那就可以把钥匙放在门把手的"门把手",理论上是可以无限套娃的可调整参数有:角度,反向,轴向,速度运行时点击Test进行测试自己写的代码比较垃圾,命名与结构比较拉,高手轻点喷,新手有类似的需求可以拿去做参考上代码usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;u
ruby-on-rails - 在 Ruby (on Rails) 中使用 imgur API 获取图像 - 2
我正在尝试使用Ruby2.0.0和Rails4.0.0提供的API从imgur中提取图像。我已尝试按照Ruby2.0.0文档中列出的各种方式构建http请求，但均无济于事。代码如下:require'net/http'require'net/https'defimgurheaders={"Authorization"=>"Client-ID"+my_client_id}path="/3/gallery/image/#{img_id}.json"uri=URI("https://api.imgur.com"+path)request,data=Net::HTTP::Get.new(path
动漫制作技巧如何制作动漫视频 - 2
动漫制作技巧是很多新人想了解的问题，今天小编就来解答与大家分享一下动漫制作流程，为了帮助有兴趣的同学理解，大多数人会选择动漫培训机构，那么今天小编就带大家来看看动漫制作要掌握哪些技巧？一、动漫作品首先完成草图设计和原型制作。设计草图要有目的、有对象、有步骤、要形象、要简单、符合实际。设计图要一致性，以保证制作的顺利进行。二、原型制作是根据设计图纸和制作材料，可以是手绘也可以是3d软件创建。在此步骤中，要注意的问题是色彩和平面布局。三、动漫制作制作完成后，加工成型。完成不同的表现形式后，就要对设计稿进行加工处理，使加工的难易度降低，并得到一些基本准确的概念，以便于后续的大样、准确的尺寸制定。四、
python ffmpeg 使用 pyav 转换一组图像到视频 - 2
2022/8/4更新支持加入水印水印必须包含透明图像，并且水印图像大小要等于原图像的大小pythonconvert_image_to_video.py-f30-mwatermark.pngim_dirout.mkv2022/6/21更新让命令行参数更加易用新的命令行使用方法pythonconvert_image_to_video.py-f30im_dirout.mkvFFMPEG命令行转换一组JPG图像到视频时，是将这组图像视为MJPG流。我需要转换一组PNG图像到视频，FFMPEG就不认了。pyav内置了ffmpeg库，不需要系统带有ffmpeg工具因此我使用ffmpeg的python包装p
ruby - 是否有将图像文件转换为 ASCII 艺术的命令行程序或库？ - 2
有这样的事吗？我想在Ruby程序中使用它。最佳答案试试这个http://csl.sublevel3.org/jp2a/此外，Imagemagick可能还有一些东西关于ruby-是否有将图像文件转换为ASCII艺术的命令行程序或库？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/6510445/
ruby-on-rails - 使用 Dragonfly 从 URL 分配图像 - 2
我正在使用Dragonfly在Rails3.1应用程序上处理图像。我正在努力通过url将图像分配给模型。我有一个很好的表格:{:multipart=>true}do|f|%>RemovePicture?Dragonfly的文档指出:Dragonfly提供了一个直接从url分配的访问器:@album.cover_image_url='http://some.url/file.jpg'但是当我在控制台中尝试时:=>#ruby-1.9.2-p290>picture.image_url="http://i.imgur.com/QQiMz.jpg"=>"http://i.imgur.com/QQ
Ruby-vips 图像处理库。有什么好的使用示例吗？ - 2
我对图像处理完全陌生。我对JPEG内部是什么以及它是如何工作一无所知。我想知道，是否可以在某处找到执行以下简单操作的ruby代码:打开jpeg文件。遍历每个像素并将其颜色设置为fx绿色。将结果写入另一个文件。我对如何使用ruby-vips库实现这一点特别感兴趣https://github.com/ender672/ruby-vips我的目标-学习如何使用ruby-vips执行基本的图像处理操作(Gamma校正、亮度、色调……)任何指向比“helloworld”更复杂的工作示例的链接——比如ruby-vips的github页面上的链接，我们将不胜感激!如果有ruby-
ruby-on-rails - 如何播种图像的路径？ - 2
Organization和Image具有一对一的关系。Image有一个名为filename的列，它存储文件的路径。我在Assets管道中包含这样一个文件:app/assets/other/image.jpg。播种时如何包含此文件的路径？我已经在我的种子文件中尝试过:@organization=...@organization.image.create!(filename:File.open('app/assets/other/image.jpg'))#Ialsotried:#@organization.image.create!(filename:'app/assets/other/i
ruby-on-rails - 安全地显示使用回形针 gem 上传的图像 - 2
默认情况下:回形针gem将所有附件存储在公共(public)目录中。出于安全原因，我不想将附件存储在公共(public)目录中，所以我将它们保存在应用程序根目录的uploads目录中:classPost我没有指定url选项，因为我不希望每个图像附件都有一个url。如果指定了url:那么拥有该url的任何人都可以访问该图像。这是不安全的。在user#show页面中:我想实际显示图像。如果我使用所有回形针默认设置，那么我可以这样做，因为图像将在公共(public)目录中并且图像将具有一个url:Someimage:看来，如果我将图像附件保存在公共(public)目录之外并且不指定url(同