## 前言

現在華為Image Kit圖文排版功能為使用者提供了9種智慧排版樣式，排版方式分為內容等寬和內容不等寬兩種佈局。使用者可根據自己的圖片風格選擇合適的排版。

## 應用場景

在我們的電子雜誌排版中，有很多素材是需要新增文字的，這個時候為了提高工作效率，image kit的排版方式就可以滿足，可以快速排版成型。這也對使用者看圖增添文藝性。

## 開發實戰

本次的開發實戰是實現對圖文排版的實現。

## 開發準備

需要開發者提供圖片和相關引數，得到相應的返回值。

##### 步驟1：匯入圖文智慧排版服務包。

```java
import   com.huawei.hms.image.vision.bean.ImageLayoutInfo ;
import   com.huawei.hms.image.vision.*;
       
```

##### 步驟2：獲取圖文智慧排版服務例項。

```java
// 獲取ImageVisionImpl 物件
 ImageVisionImpl imageVisionAPI   = ImageVision.getInstance(this);
```

##### 步驟3：服務初始化，與濾鏡服務一致，可參考開發步驟中的相關描述。

##### 步驟4：構建引數物件。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/img_convert/23942cd8cceed3e83b8efc1e41b1b739.png)

requestJson欄位資訊：

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/img_convert/ae26df7b6a944a594071f5ce5c84b066.png)

圖文智慧排版的taskJson欄位資訊：

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/img_convert/a9f05a8cb16c4eaa2c95f1404f0cd77b.png)

authJson對映表：請參見authJson欄位定義。

圖文智慧排版服務requestJson示例：

```java
{
  "requestId":"requestId",
  "taskJson":{"title":"輕奢新生代","description":"遠離城市的喧囂","copyRight":"華為雜誌鎖屏","isNeedMask":false,"anchor":"檢視詳情","styleList":["info1"]},  "authJson":{"projectId":"projectIdTest","appId":"appIdTest","authApiKey":"authApiKeyTest","clientSecret":"CSecretTest","clientId":"CIdTest","token":"tokenTest"}
}
```

##### 步驟5：圖文智慧排版服務獲取結果。

開發者在呼叫圖文智慧排版介面時，需要輸入待處理圖片Bitmap並選擇樣式和需要新增的文字等（構建引數）。圖文智慧排版服務需要聯網，如不聯網，則預設反回info3樣式。圖文智慧排版服務會返回ImageLayoutInfo封裝類，根據封裝類的引數進行view繪製（可以參考示例程式碼繪製方式）。注意因為介面涉及網路請求，需要開啟子執行緒去呼叫介面。

```java
// 獲取ImageLayoutInfo返回值
new Thread(new Runnable() {
    @Override    
    public void run() {
            ImageLayoutInfo imageLayoutInfo = imageVisionAPI.analyzeImageLayout(requestJson, imageBitmap);
        }           
    }).start();
```

ImageLayoutInfo 返回值：

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/img_convert/232ac3e50abbeb790c014a0be93845a2.png)

response欄位：

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/img_convert/f8afabb02c9a6b2abb23b889b557eea1.png)

> 注意：使用圖文智慧排版服務時，開發者需要保證提供的token是有效的，否則無法使用該服務。token的獲取方式可參見token獲取方式：https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides-V5/get_token-0000001055139693-V5。

##### 步驟6：停止服務。

當不再需要圖文智慧排版效果時，呼叫該介面停止服務，stopCode為0時，執行成功。

```java
 if (null != imageVisionAPI) {
    int stopCode = imageVisionAPI.stop();
}
```

## Demo展示
![](https://img-blog.csdnimg.cn/img_convert/ce6a4c5ebfcf8d99e574f172c5bd589f.gif)
## Github原始碼

Github原始碼：[https://github.com/HMS-Core/hms-image-vision-java](https://github.com/HMS-Core/hms-image-vision-java)

---
原文連結：[https://developer.huawei.com/consumer/cn/forum/topic/0201404755216720220?fid=18](https://developer.huawei.com/consumer/cn/forum/topic/0201404755216720220?fid=18)

作者：胡椒

教你輕鬆整合華為Image Kit圖文排版功能

相關文章