关于android:借用图文智能排版制作精美的锁屏图片

45次阅读

共计 6791 个字符,预计需要花费 17 分钟才能阅读完成。

1- 前言

下面这张手机锁屏后精美的图文,是不是看起来很美?

这些锁屏图片是手机自带的。有时候咱们喜好摄影的同学本人拍了美美的照片,是不是也想加上图文作为锁屏图片呢?

咱们 HMS Core 提供的图文智能排版能力,就能够实现这个性能,让用户间接在手机上就能体验本人拍摄的精美图片通过图文只能排版制作成精美的杂志锁屏图片。

2- 场景

参考以后经典的图片文字排版,HMS Core 图文智能排版以后提供了 9 种文字排版款式,开发者能够应用疾速简略地集成这个能力,提供给摄影爱好者以及图文编辑者在摄影图片上增加粗劣排版过的文字,图文并茂的图片既能够用来记录生存中的经典时刻,也能够用来作为锁屏的图片。

3- 集成关键步骤阐明和代码

开发筹备

1- 配置华为 Maven 仓地址

关上 AndroidStudio 我的项目中的 build.gradle 文件

在“buildscript > repositories”和“allprojects > repositories”中减少 SDK 的 Maven 仓地址:

buildscript {
    repositories{
      ...   
        maven {url 'http://developer.huawei.com/repo/'}
    }    
}
allprojects {
    repositories {      
       …
         maven {url 'http://developer.huawei.com/repo/'}
    }
}

2- 增加编译 SDK 依赖

关上利用级的“build.gradle”文件

在 dependencies 中增加图形引擎的 SDK 包,应用 Full-SDK,以及 AR Engine 的 SDK 包

dependencies {
….
   implementation "com.huawei.hms:image-vision:1.0.3.301"
   implementation "com.huawei.hms:image-vision-fallback:1.0.3.301"
}

3- 在 AndroidManifest.xml 中增加权限

关上 main 中的 AndroidManifest.xml 文件,在 <application 前增加相干的应用权限

<!—拜访网络和读写存储权限 –>

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

开发步骤

1- Layout
如下是须要输出的内容,用于图文智能展现的文字:

  1. title: 文案题目,必填字段,不超过 7 个中文汉字(总字符数量不超过 10 个),如果超过字数限度会被强制截断。
  2. description:文案内容,不超过 44 个中文汉字(总字符数量不超过 66 个),超过字数限度则进行截断,用‘…’代替
  3. copyRight:图片版权归属的集体 / 公司名称,倡议不超过 7 个中文汉字(总字符数量不超过 10 个),超过字数限度则进行截断,用‘…’代替。
  4. anchor:“详情”或“查看更多”,倡议 4 个中文汉字(总字符数不超过 6 个)超过字数限度则进行截断,用‘…’代替。
  5. info:info1-info9 的排版能够抉择其中一个,备注 info8 为竖板排版,以后仅反对中文版式,不反对其余语言版式;info3 为默认兜底版式;若用户输出 info8 且输出标签、文本形容有非中文语种,返回用户 info3 版式。

按钮局部性能:

INIT_SERVICE 对应服务初始化,

SOTP_SERVICE 进行服务

IMAGE 抉择关上手机上的图片

GET_RESULT: 获取展现的排版后图片

2- INIT_SERVICE- 服务初始化
服务初始化,调用 setVisionCallBack 时须要实现 ImageVision.VisionCallBack 接口,重写其中的 onSuccess(int successCode)和 onFailure(int errorCode)办法。框架初始化胜利后会回调 onSuccess 办法,在 onSuccess 办法中,须要再初始化图文智能排版服务。

1.  private void initTag(final Context context) {  

2.  // 获取 ImageVisionImpl 对象  

3.      imageVisionTagAPI = ImageVision.getInstance(this);  

4.      imageVisionTagAPI.setVisionCallBack(new ImageVision.VisionCallBack() {  

5.          @Override  

6.          public void onSuccess(int successCode) {7.              int initCode = imageVisionTagAPI.init(context, authJson);  

8.          }  

9.    

10.         @Override  

11.         public void onFailure(int errorCode) {12.             LogsUtil.e(TAG, "getImageVisionAPI failure, errorCode =" + errorCode);   

13.         }  

14.     });  

15. }  

其中 authJson 的格局参考如下链接

https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides/vision-service-dev_filter-0000001054127298

token 为必选值,token 的获取形式参考如下链接

https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides-V5/get_token-0000001055139693-V5

1.  /** 

2.   * Gets token. 

3.   * 

4.   * @param context the context 

5.   * @param client_id the client id 

6.   * @param client_secret the client secret 

7.   * @return the token 

8.   */  

9.  public static String getToken(Context context, String client_id, String client_secret) {  

10.     String token = "";  

11.     try {  

12.         String body = "grant_type=client_credentials&client_id=" + client_id + "&client_secret=" + client_secret;  

13.         token = commonHttpsRequest(context, body, context.getResources().getString(R.string.urlToken));  

14.         if (token != null && token.contains(" ")) {15.             token = token.replaceAll("","+");  

16.             token = URLEncoder.encode(token, "UTF-8");  

17.         }  

18.     } catch (UnsupportedEncodingException e) {19.         LogsUtil.e(TAG, e.getMessage());  

20.     }  

21.     return token;  

22. }  

3- Image- 关上手机本地图片:

1.  public static void getByAlbum(Activity act) {2.      Intent getAlbum = new Intent(Intent.ACTION_GET_CONTENT);  

3.      String[] mimeTypes = {"image/jpeg", "image/png", "image/webp"};  

4.      getAlbum.putExtra(Intent.EXTRA_MIME_TYPES, mimeTypes);  

5.      getAlbum.setType("image/*");  

6.      getAlbum.addCategory(Intent.CATEGORY_OPENABLE);  

7.      act.startActivityForResult(getAlbum, 801);  

8.  }  
1.  /** 

2.       * Process the obtained image. 

3.       */  

4.      @Override  

5.      public void onActivityResult(int requestCode, int resultCode, Intent data) {6.          super.onActivityResult(requestCode, resultCode, data);  

7.          if (data != null) {8.              if (resultCode == Activity.RESULT_OK) {9.                  switch (requestCode) {  

10.                     case 801:  

11.                         try {12.                             imageBitmap = Utility.getBitmapFromUri(data, this);  

13.                             iv.setImageBitmap(imageBitmap);  

14.                             break;  

15.                         } catch (Exception e) {16.                             LogsUtil.e(TAG, "Exception:" + e.getMessage());  

17.                         }  

18.                 }  

19.             }  

20.         }  

21.     }  

4- GET_RESULT- 获取展现的排版后图片
1- 构建参数对象

对应 requestJson 代码:

1.  /* 

2.      title: 文案题目 

3.      description:文案内容 

4.      copyRight:图片版权归属的集体 / 公司名称  

5.      anchor:“详情”或“查看更多”6.      info:info1-info9 的排版能够抉择其中一个  

7.   */  

8.    

9.  private void createRequestJson(String title, String description, String copyRight, String anchor, String info) {  

10.     try {11.         JSONObject taskJson = new JSONObject();  

12.         taskJson.put("title", title);  

13.         taskJson.put("imageUrl", "imageUrl");  

14.         taskJson.put("description", description);  

15.         taskJson.put("copyRight", copyRight);  

16.         taskJson.put("isNeedMask", false);  

17.         taskJson.put("anchor", anchor);  

18.         JSONArray jsonArray = new JSONArray();  

19.         if (info != null && info.length() > 0) {20.             String[] split = info.split(",");  

21.             for (int i = 0; i < split.length; i++) {22.                 jsonArray.put(split[i]);  

23.             }  

24.         } else {25.             jsonArray.put("info8");  

26.         }  

27.         taskJson.put("styleList", jsonArray);  

28.         requestJson.put("requestId", "");  

29.         requestJson.put("taskJson", taskJson);  

30.         requestJson.put("authJson", authJson);  

31.   

32.         Log.d(TAG, "createRequestJson:"+requestJson);  

33.     } catch (JSONException e) {34.         LogsUtil.e(TAG, e.getMessage());  

35.     }  

36. }  

2- 展现局部代码

图文智能排版服务须要联网从 HMS Core 云端获取展现款式,如不联网,则默认反回 info3 款式

1.  private void layoutAdd(String title, String info, String description, String copyRight, String anchor) {2.      if (imageBitmap == null) {  

3.          return;  

4.      }  

5.      final Bitmap reBitmap = this.imageBitmap;  

6.      new Thread(new Runnable() {  

7.          @Override  

8.          public void run() {  

9.              try {10.                 token = Utility.getToken(context, client_id, client_secret);  

11.                 authJson.put("token", token);  

12.                 createRequestJson(title, description, copyRight, anchor, info);  

13.                 final ImageLayoutInfo imageLayoutInfo = imageVisionLayoutAPI.analyzeImageLayout(requestJson,  reBitmap);  

14.                 runOnUiThread(new Runnable() {  

15.                     @Override  

16.                     public void run() {17.                         iv.setImageBitmap(null);  

18.                         Bitmap resizebitmap = Bitmap.createScaledBitmap(Utility.cutSmartLayoutImage(reBitmap), width, height, false);  

19.                         img_btn.setBackground(new BitmapDrawable(getResources(), resizebitmap));  

20.                         setView(imageLayoutInfo);  

21.                         viewSaveToImage(show_image_view);  

22.                     }  

23.                 });  

24.             } catch (JSONException e) {25.                 LogsUtil.e(TAG, "JSONException" + e.getMessage());  

26.             }  

27.         }  

28.     }).start();  

29.   

30. }  

5- SOTP_SERVICE 进行服务
当不再须要图文智能排版成果时,调用该接口进行服务,stopCode 为 0 时,执行胜利。

1.  private void stopFilter() {2.          if (null != imageVisionLayoutAPI) {3.              int stopCode = imageVisionLayoutAPI.stop();  

4.              tv2.setText("stopCode:" + stopCode);  

5.              iv.setImageBitmap(null);  

6.              imageBitmap = null;  

7.              stopCodeState = stopCode;  

8.              tv.setText("");  

9.              imageVisionLayoutAPI = null;  

10.         } else {11.             tv2.setText("The service has not been enabled.");  

12.             stopCodeState = 0;  

13.         }  

14.     }  

4- 成果展现

关上 App 点击上面的 INIT_SERVICE 按钮,初始化服务;胜利后点击 IMAGE 按钮抉择本地拍摄的图片;而后点击 GET_RESULT 获取智能图文排版后的精美图片

5- 源码

参加开发者探讨请到 Reddit 社区:https://www.reddit.com/r/HMSCore/

下载 demo 和示例代码请到 Github:https://github.com/HMS-Core

解决集成问题请到 Stack Overflow:https://stackoverflow.com/questions/tagged/huawei-mobile-services?tab=Newest


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

原作者:胡椒

正文完
 0