美女时钟(卡片) 原创 精华

没用的喵叔
发布于 2021-8-12 20:01
浏览
3收藏

@toc

简介

bijin-tokei(美人時計)是一个霓虹国的网站,美女举着时间牌子,一分钟一次更新。打开网站https://www.bijint.com/tokei/,是这个样子:

美女时钟(卡片)-鸿蒙开发者社区

个人认为,做成手机桌面可能会比较养眼。不过,图片基本都是横屏的,所以放在卡片上效果更好一些。那么,咱们动手写一个。

鸿蒙codelabs里有一个JAVA时钟卡片,咱们直接拿来改一改。改之前的效果如下:

美女时钟(卡片)-鸿蒙开发者社区

开发过程中有几点需要说明:

  1. 卡片中设置图片只有这样的apicomponentProvider.setImagePixelMap(imageId, pixelMap);,所以不能直接使用Glide。有兴趣的朋友可以扩展一下Glide的api,使其可以直接用于给卡片设置图片。我直接改了一下BoxuanJia/ToyCar先用着。

  2. 请求图片的时间格式为24小时制的4位数

    https://www.bijint.com/assets/pict/jp/pc/1709.jpg
    https://www.bijint.com/assets/profile/jp/pc/ja/1709.json
    
  3. 目前有bug,所以应用有闪退

源码:https://gitee.com/andych008/clock-facard

最终效果:

美女时钟(卡片)-鸿蒙开发者社区

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2021-8-13 10:29:18修改
10
收藏 3
回复
举报
11条回复
按时间正序
/
按时间倒序
Der_带鱼
Der_带鱼

这就是七夕吗,看霓虹国的网站的美女!哈哈哈哈 支持喵叔

1
回复
2021-8-12 21:42:56
老克
老克

这七夕gao ji le a

回复
2021-8-12 22:04:16
Anzia
Anzia

喵叔见多识广呀!还有多少这样的宝贝网站🤨

回复
2021-8-12 23:20:44
没用的喵叔
没用的喵叔 回复了 Der_带鱼
这就是七夕吗,看霓虹国的网站的美女!哈哈哈哈 支持喵叔

小日本对“美”有误解

回复
2021-8-13 02:45:45
SummerRic
SummerRic 回复了 Anzia
喵叔见多识广呀!还有多少这样的宝贝网站🤨

完全同意。

回复
2021-8-13 10:18:48
longlong899
longlong899

回复
2021-8-13 14:26:16
我来抓人啦
我来抓人啦

为啥不用鸿蒙的Glide,也是可以直接加载图片的。https://gitee.com/openharmony-tpc/glide

 

唯一要注意的一点是:在没有启动hap或者杀掉hap进程的情况下,直接桌面添加卡片使用Glide加载图片时,如果涉及到对图像二次转换操作,会无法直接显示出图像,临时方案是在卡片回调接口new 一个空的Component,例如 :

protected ProviderFormInfo onCreateForm(Intent intent) {
    new Image(CardAbility.this);

    // do something

}

Glide加载图片的操作和安卓侧用法一致,详见readme。

2
回复
2021-8-13 15:32:23
没用的喵叔
没用的喵叔 回复了 我来抓人啦
为啥不用鸿蒙的Glide,也是可以直接加载图片的。https://gitee.com/openharmony-tpc/glide 唯一要注意的一点是:在没有启动hap或者杀掉hap进程的情况下,直接桌面添加卡片使用Glide加载图片时,如果涉及到对图像二次转换操作,会无法直接显示出图像,临时方案是在卡片回调接口new 一个空的Component,例如 : protected ProviderFormInfo onCreateForm(Intent intent) { new Image(CardAbility.this); // do something } Glide加载图片的操作和安卓侧用法一致,详见readme。

学习了!回头我试一下

回复
2021-8-13 15:40:10
vsrrrrrb
vsrrrrrb

我也是想用componentProvider.setImagePixelMap(imageId, pixelMap)来设置网络图片,可是不会用,又不例子可以看。

回复
2021-10-19 16:53:07
vsrrrrrb
vsrrrrrb 回复了 我来抓人啦
为啥不用鸿蒙的Glide,也是可以直接加载图片的。https://gitee.com/openharmony-tpc/glide 唯一要注意的一点是:在没有启动hap或者杀掉hap进程的情况下,直接桌面添加卡片使用Glide加载图片时,如果涉及到对图像二次转换操作,会无法直接显示出图像,临时方案是在卡片回调接口new 一个空的Component,例如 : protected ProviderFormInfo onCreateForm(Intent intent) { new Image(CardAbility.this); // do something } Glide加载图片的操作和安卓侧用法一致,详见readme。

请问在new Image(CardAbility.this);用Gliede加载图片。我试了不行,有误完整的代码示例。谢谢。

回复
2021-10-24 01:59:46
没用的喵叔
没用的喵叔
ggj
回复
2021-12-20 13:23:25
回复
    相关推荐