允许用户在Canvas上绘图

Question

我正在尝试设置一个可以在画布上绘制的儿童应用程序。

我有一个有ImageView的布局，看起来像这样：

带有字母的绿色背景是imageview，其中画布应覆盖并允许用户绘制。 此外，我想让用户通过按下颜色球体来更改颜色笔划。

我怎么能继续下去呢？

Answer 1

这里的答案可能会帮助您允许用户使用画布： https ： //stackoverflow.com/a/7401699/2698582。

要允许用户绘制不同的颜色，您可以使用颜色选择器，例如： https ： //code.google.com/p/android-color-picker/，或者您可以使用Google进行其他颜色选择。

如果您定义一个新的点类并更改此示例代码的一些内容，您将能够添加此颜色更改：

private class ColoredPoint {
    public int x, y, color = Color.BLACK;
}

public class DrawView extends View implements OnTouchListener {
    List<ColoredPoint> points = new ArrayList<ColoredPoint>();
    Paint paint = new Paint();
    int currentColor = Color.BLACK;

    public DrawView(Context context) {
        super(context);
        setFocusable(true);
        setFocusableInTouchMode(true);
        this.setOnTouchListener(this);
        paint.setColor(currentColor);
    }

    @Override
    public void onDraw(Canvas canvas) {
        for (ColoredPoint point : points) {
            paint.setColor(point.color);
            canvas.drawCircle(point.x, point.y, 2, paint);  
        }
    }

    public boolean onTouch(View view, MotionEvent event) {
        ColoredPoint point = new ColoredPoint();
        point.color = currentColor;
        point.x = event.getX();
        point.y = event.getY();
        points.add(point);
        invalidate();
        return true;
    }
}

最后，根据您选择的颜色选择器，此代码会有所不同。 基本上，您将为您的颜色地球添加触摸侦听器以显示颜色弹出窗口。 假设弹出窗口有一个“确定”按钮，您将为该按钮添加一个按钮监听器。 按下时，将变量“currentColor”更改为所选颜色。

如该示例帖子中所述，您还可以使用Lines实现此功能。 您可以考虑使用GestureDetector。 本教程应该有助于准确解释GestureDetector的工作原理： http ： //developer.android.com/training/gestures/detector.html。

Answer 2

采用线性布局并将imageview转换为线性布局背景色。 将自定义视图添加到此linearlayout中，并将ondraw方法覆盖到该视图类。

这样的事情：

<LinearLayout
    background:@drawable/foo">

    <com.packagename.customview
    android:width="match_parent"
    android:height="value">
    >
    </com.packagename.customview>
</LinearLayout>

创建customview类并在其中实现绘图部分。

对于颜色选择器，只需使用以下链接： https ： //code.google.com/p/android-color-picker/