51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程软考华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

鸿蒙开源组件——简易的画板

jacksky
发布于 2022-1-11 17:08
7756浏览
1收藏

ohos-palette

项目介绍

  • 项目名称：ohos-palette
  • 所属系列：OpenHarmony的第三方组件适配移植
  • 功能：简易的画板
  • 项目移植状态：主功能完成
  • 调用差异：无
  • 开发版本：sdk6，DevEco Studio 2.2 Beta1
  • 基线版本：master分支

效果演示鸿蒙开源组件——简易的画板-鸿蒙开发者社区

安装教程

在sdk6，DevEco Studio 2.2 Beta1下项目可直接运行。 如无法运行，删除项目.gradle,.idea,build,gradle,build.gradle文件， 并依据自己的版本创建新项目，将新项目的对应文件复制到根目录下

使用说明

使用该库非常简单，只需查看提供的示例的源代码。 在demo中通过布局添加组件

 <com.beyondsw.palette.PaletteView
        ohos:id="$+id:palette"
        ohos:height="0vp"
        ohos:width="match_parent"
        ohos:background_element="$media:bg"
        ohos:weight="1"/>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.

在AbilitySlice中调用对应api实现不同功能

@Override
    public void onClick(Component v) {
        switch (v.getId()) {
            case ResourceTable.Id_undo:
                mPaletteView.undo();
                break;
            case ResourceTable.Id_redo:
                mPaletteView.redo();
                break;
            case ResourceTable.Id_pen:
                v.setSelected(true);
                mEraserView.setSelected(false);
                mEraserImage.setPixelMap(ResourceTable.Media_ic_eraser_selected);
                mPaletteView.setDrawMode(PaletteView.Mode.DRAW);
                break;
            case ResourceTable.Id_eraser:
                v.setSelected(true);
                mPenView.setSelected(false);
                mPenImage.setPixelMap(ResourceTable.Media_ic_pen_selected);
                mPaletteView.setDrawMode(PaletteView.Mode.ERASER);
                break;
            case ResourceTable.Id_clear:
                mPaletteView.clear();
                break;
            case ResourceTable.Id_save:
                saveImage();
                break;
            default:
                break;
        }
    }
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  1. 支持撤销（undo）；
  2. 支持反撤销（redo）；
  3. 支持橡皮擦（eraser）；
  4. 支持清除功能（clear）；
  5. 支持保存为图像（buildPixelMap）。

测试信息

CodeCheck代码测试无异常

CloudTest代码测试无异常

病毒安全检测通过

当前版本demo功能与原组件基本无差异

版本迭代

0.0.2-SNAPSHOT

分类
HarmonyOS
OpenHarmony
标签
鸿蒙
开源
绘图组件
ohos-palette-master.zip 1.91M 39次下载
已于2022-1-11 17:08:25修改
赞 1
收藏 1
回复
举报
1
1
1
1条回复
按时间正序
/
按时间倒序
Linda17
Linda17

版主有考虑加上分布式协同功能吗？

回复
2022-1-16 00:51:15


回复
    相关推荐
    jacksky
    LV.9
    这个用户很懒，还没有个人简介
    觉得TA不错？点个关注精彩不错过
    298
    帖子
    10
    视频
    3499
    声望
    50
    粉丝
    最近发布
    热门推荐
    【有奖互动活动】# HarmonyOS 连接·突破# 我在现场活动​ 97回复
    #HarmonyOS连接·突破# 问题征集活动 40回复
    鸿蒙Flutter开发知识地图 0回复
    鸿蒙性能优化之卡顿优化 1回复
    《HarmonyOS Next开发进阶：打造功能完备的Todo应用华章》 0回复
    相关问题
    HarmonyOS 是否有类似画板功能组件 1回答
    #鸿蒙通关秘籍#如何通过鸿蒙UI构建简易点赞功能组件？ 1回答
    开源鸿蒙中 ets子组件调用父组件中的方法？ 1回答
    简易视频播放，如何使用video组件实现视频播放功能 1回答
    实现简易元服务卡片Demo 1回答
    社区精华内容

    目录