Giter Site home page Giter Site logo

1993hzw / doodle Goto Github PK

View Code? Open in Web Editor NEW
1.1K 1.1K 251.0 19.93 MB

Image doodle for Android, with functions such as undo, zoom, move, text, image, etc. Also a powerful, customizable and extensible doodle framework & multi-function drawing board. Android图片涂鸦,具有撤消,缩放,移动,添加文字,贴图等功能。还是一个功能强大,可自定义和可扩展的涂鸦框架、多功能画板。

Java 100.00%
doodle draw edit graffit handwrite paint painter picture

doodle's People

Contributors

1993hzw avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

doodle's Issues

同样的涂鸦,保存涂鸦图片在不同设备上生成的图片大小差别很大

红米5plus 生成涂鸦后图片变化很小,只比原图增大几十k, 但是在一加的一款,同样的涂鸦生成图片翻倍了,多次涂鸦出现300k -600k-1.2m-2.4m, 其他测试机单次涂鸦会出现不同大小的增大,多次涂鸦每次增幅基本相同,测试后发现图片放大后生成的图片尺寸和手机屏一致,生成涂鸦后bitmap,和手机屏幕分辨率有关??

透明橡皮擦

DoodleView:
if (mBitmap.getConfig() != Bitmap.Config.RGB_565) {
// 如果位图包含透明度,则可能会导致橡皮擦无法对透明部分进行擦除
LogUtil.w(TAG, "the bitmap may contain alpha, which will cause eraser don't work well.");
}
DoodlePen:
@OverRide
public void config(IDoodleItem item, Paint paint) {
if (this == DoodlePen.COPY || this == DoodlePen.ERASER) {
IDoodle doodle = item.getDoodle();
if ((item.getColor() instanceof DoodleColor)
&& ((DoodleColor) item.getColor()).getBitmap() == doodle.getBitmap()) {
// nothing
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
} else {
item.setColor(new DoodleColor(doodle.getBitmap()));
}
}
}

doodle.save

save只允许调用一次 有点不符合实际情况吧

文档写错了吧

DoodleView mDoodleView = new DoodleView(this, bitmap, optimizeDrawing, new IDoodleListener()
参数写错了。

DoodleActivity的315行的mSize没做空检查,在移动的时候会crash

2019-02-15 10:49:06.521 20992-20992/cn.hzw.doodledemo E/AndroidRuntime: FATAL EXCEPTION: main
Process: cn.hzw.doodledemo, PID: 20992
java.lang.NullPointerException: Attempt to invoke virtual method 'float java.lang.Float.floatValue()' on a null object reference
at cn.hzw.doodle.DoodleActivity$2.onSelectedItem(DoodleActivity.java:315)
at cn.hzw.doodle.DoodleOnTouchGestureListener.onSingleTapUp(DoodleOnTouchGestureListener.java:269)
at cn.forward.androids.TouchGestureDetector$OnTouchGestureListenerProxy.onSingleTapUp(TouchGestureDetector.java:165)
at android.view.GestureDetector.onTouchEvent(GestureDetector.java:640)
at cn.forward.androids.TouchGestureDetector.onTouchEvent(TouchGestureDetector.java:86)
at cn.hzw.doodle.DoodleView$DoodleViewInner.onTouchEvent(DoodleView.java:1073)
at cn.hzw.doodle.DoodleView.dispatchTouchEvent(DoodleView.java:185)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2963)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2650)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2963)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2650)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2963)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2650)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2963)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2650)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2963)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2650)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2963)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2650)
at com.android.internal.policy.DecorView.superDispatchTouchEvent(DecorView.java:448)
at com.android.internal.policy.PhoneWindow.superDispatchTouchEvent(PhoneWindow.java:1828)
at android.app.Activity.dispatchTouchEvent(Activity.java:3356)
at com.android.internal.policy.DecorView.dispatchTouchEvent(DecorView.java:410)
at android.view.View.dispatchPointerEvent(View.java:11975)
at android.view.ViewRootImpl$ViewPostImeInputStage.processPointerEvent(ViewRootImpl.java:4871)
at android.view.ViewRootImpl$ViewPostImeInputStage.onProcess(ViewRootImpl.java:4682)
at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:4213)
at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:4266)
at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:4232)
at android.view.ViewRootImpl$AsyncInputStage.forward(ViewRootImpl.java:4359)
at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:4240)
at android.view.ViewRootImpl$AsyncInputStage.apply(ViewRootImpl.java:4416)
at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:4213)
at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:4266)
at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:4232)
at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:4240)
at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:4213)
at android.view.ViewRootImpl.deliverInputEvent(ViewRootImpl.java:6780)
at android.view.ViewRootImpl.doProcessInputEvents(ViewRootImpl.java:6752)
at android.view.ViewRootImpl.enqueueInputEvent(ViewRootImpl.java:6713)
at android.view.ViewRootImpl$WindowInputEventReceiver.onInputEvent(ViewRootImpl.java:6888)
at android.view.InputEventReceiver.dispatchInputEvent(InputEventReceiver.java:253)
at android.os.MessageQueue.nativePollOnce(Native Method)
at android.os.MessageQueue.next(MessageQueue.java:331)
at android.os.Looper.loop(Looper.java:149)
at android.app.ActivityThread.main(ActivityThread.java:6701)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.Zygote$MethodAndArgsCaller.run(Zygote.java:246)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:783)

请问多选如何实现

手指画一个区域,把这个区域内的对象全部选中,可以做移动或者缩放操作,请问支持吗?或者如何扩展,请大神指导,多谢

增加marker

如果我想给当前的view点击事件后显示marker热区也需要绘制上去吗,我根据view点击位置弹出PopWindow发现位置对应不上

似乎少了几个工具类

错误: 程序包cn.forward.androids.utils不存在
import cn.forward.androids.utils.StatusBarUtil;
import cn.forward.androids.utils.Util;
之类

serializable

hi
How get doodleView.getAllItem(); list as serializable?

请问橡皮擦画笔如何使用

感谢你的优秀项目,我有几个疑问想请教:

  1. 请问橡皮擦画笔如何使用?
    直接设置doodleView.setPen(DoodlePen.ERASER)不起效果,
    然后参考了MosaicDemo的马赛克画笔,发现需要使用doodleView.setColor()才行。
    我尝试doodleView.setColor(null)但是crash了,不知道橡皮擦是否需要调用这个方法,参数该如何设置。

  2. 如何使图片和View一样大?
    我想图片拉伸成和手机屏幕一样的大小,就像ImageView的scaleType设置为fitXY

如何判断在图片区域外黑色背景上涂鸦??

RectF picBound = mDoodle.getDoodleBound(); 图片在画布上的矩形区域?? 滑动的时候:Boolean containPoint = picBound.contains(mDoodle.toX(((mTouchX + mLastTouchX) / 2)), mDoodle.toY((mTouchY + mLastTouchY) / 2)); 把屏幕触摸点映射到图片上,去判断是否在图片区域外黑色背景色涂鸦,可以吗? 目的是实现 只要有一个点在图片上,撤销按钮就可点击,否则在黑色区区涂鸦不可点击

我测试一些图片宽大于高,背景区域涂鸦轨迹也加入撤销栈中了。

如何限制图片拖动的范围

你好,我把mMinScale设置成了1,在编辑模式下,如果没有mSelectedItem,可以拖动图片到手机屏幕外,然后会有动画弹回来。问下能不能限制这个拖动?

我尝试,在DoodleOnTouchGestureListener类的onScroll方法中,注释掉 mDoodle.setDoodleTranslation调用,发现放大后也不能移动了,是不是在这里判断滑动的偏移就可以?我经常把这些坐标关系搞混..麻烦作者帮忙分析个思路

非常感谢这个强大的库orz

怎么获取新增图片信息

安卓小白,项目需要集成doodle,现在是通过方式一 DoodleActivity.startActivityForResult(ImagePreviewActivity.this, params, REQ_CODE_DOODLE)调用
但是不知道如何在涂鸦完毕点击确定后取到保存的新图信息并返回,不知道您能不能指点下

Android8.0设备上图片旋转后继续涂鸦卡顿

DoodelViewWrapper直接加载大尺寸Bitmap时(1920*1200), 旋转奇数次时涂鸦会非常卡, 偶数次时则不会.
查看log发现在DoodleView.doDraw(Canvas canvas)的

// 绘制涂鸦后的图片
canvas.drawBitmap(mDoodleBitmap, 0, 0, null);

位置耗费很多时间

该问题目前只在8.0设备上能复现, 8.1则没有这个问题, 请问有什么解决方法吗?

手写不实时显示

大佬, 我将DoodleView 添加到ScrollView中,手写之后必须手指离开屏幕才会显示出来,但是如果我将DoodleView父控件的高度 设置的比较小就会实时显示,如果设置的较大又不实时显示了,请问是什么原因啊

doodle

提交save 后调用 clear 会把保存过的涂鸦item 清理掉
如果想取消编辑模式下item的操作 该怎么做

往左旋转,出现一些莫名bug

往左旋转,我只把旋转的方法由+90度,改为-90,旋转后图片出现先放大后缩小,一闪,左右没有铺满,双指上划图片消失,涂鸦图片乱跑。。。莫名的问题,基本没改作者代码

我想直接插入图片,要如何使用

尝试过重写DoodleBitmap,但是重写之后绘制的位置和大小和原图不一致
@OverRide
public void onDraw(Canvas canvas) {
if (bitmap == null) {
return;
}
// paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER));
//画图片,和旋转角度
Matrix matrix = new Matrix();
matrix.postRotate(rotate);
matrix.postTranslate(mStartX, mStartY);
canvas.drawBitmap(bitmap, matrix, mPaint);
}

Multiple Item selection

Hi @1993hzw ,
currently we have the functionality to select one item at a time,
how can we select multiple items and scroll them on the canvas ?

提一个建议:增加一些适合于移动设备的交互形式。

比如:
添加一个图形,可以直接对图形进行按住移动,拖动缩放旋转等。(市场上大部分的图片编辑app都是这样的交互逻辑,感觉比较好)

我看作者更新了很久,确实写了很多值得学习的代码。希望在交互上优化下,让这个项目更上一层楼。
现在看起来比较适合鼠标操作。

ps:也可能是我个人感觉问题😊
很棒的项目,已经关注了。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.