• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

集成华为Image Kit美化功能 为你的图片增添新元素

互联网 diligentman 2周前 (11-20) 8次浏览

前言

我们在生活中美化图片的方法很多,贴纸花字是其中一种美化功能。Image Kit的贴纸花字可任意添加、拖动、缩放,且可以自定义花字的文本内容,为你的图片增添新活力。

应用场景

贴纸花字大多数可用于修图软件里,你可选择与图片风格相搭配的贴纸花字,且类型丰富多样。

集成华为Image Kit美化功能 为你的图片增添新元素

集成华为Image Kit美化功能 为你的图片增添新元素

开发实战

下面给大家介绍怎么集成Image kit的贴纸花字能力:

开发准备
贴纸花字服务的所有接口的实现都是基于StickerLayout,是一个自定义View,import的包名为com.huawei.hms.image.vision.sticker.StickerLayout,直接可以集成在layout的XML中。

步骤1: 获取到StickerLayout对象。
通过findViewById获取到StickerLayout对象后,可以调用具体的逻辑方法。

StickerLayout mStickerLayout =   findViewById(R.id.sticker_container);

步骤2: 提供资源文件。

贴纸定义规范,参见贴纸设计指导及规范。
花字定义规范,参见花字设计指导及规范。

步骤3: 添加贴纸花字。
调用addSticker接口,添加贴纸花字,传入资源文件路径和文件名,如果返回码为0,则为添加成功,贴纸花字总数最多可以添加50个。

int   resultCode = mStickerLayout.addSticker(rootPath,   fileName);

请求接口参数描述:
| 参数列表 | 类型 | M/O(必选/可选) | 说明 |
|–|–|–|–|
| rootPath | String | M | 资源文件根目录。 |
| fileName | String | M | 如果是贴纸,需要指定的文件名,其他可以传null。|

代码示例:

addSticker(rootPath + "贴纸1", "sticker_10_editable.png");
addSticker(rootPath + "花字4", null);

步骤4: 更新花字的文本。

开发者可以对花字文本进行编辑,通过回调方法setStickerLayoutListener(new StickerLayout.StickerLayoutListener())

获取花字文本编辑对象textEditInfo,textEditInfo 调用setText,进行文字编辑,最后mStickerLayout调用updateStickerText方法进行更新。

//获取TextEditInfo对象

mStickerLayout.setStickerLayoutListener(new   StickerLayout.StickerLayoutListener() {

    @Override  
    public void   onStickerLayoutClick() {

    }

    @Override
    public void   onStickerTouch(int index) {

    }

    @Override  
    public void   onTextEdit(TextEditInfo textEditInfo) {
          StickerActivity.this.textEditInfo = textEditInfo;   
    }

    @Override
    public void   needDisallowInterceptTouchEvent(boolean isNeed) {

    }
});

//更新花字文本为"花字测试"字样
textEditInfo.setText("花字测试");
mStickerLayout.updateStickerText(textEditInfo);

DEMO效果

集成华为Image Kit美化功能 为你的图片增添新元素


原文链接:https://developer.huawei.com/consumer/cn/forum/topic/0204403856067210183?fid=18

原作者:胡椒


喜欢 (0)