Android 有效地绘制位于片段内部的imageView，以响应触摸事件

我有一个应用程序，其中我在ImageView中显示一个图像，该图像位于从活动中看到的片段中。我想通过在ImageView上绘制以触摸事件坐标为中心的小点状圆圈来响应触摸事件

通过谷歌搜索和阅读，我在fragment类中实现了以下代码：

public class ImageViewFragment extends Fragment implements View.OnTouchListener
{ 
  private ImageView mImageView;
  private Bitmap mBitmap;
  private List<Pair<Integer, Integer>> mScribblePointsCoords;
  private Paint mPaint;

public interface OnScribbleUpdate
{
    void onNewScribblePoint(List<Pair<Integer, Integer>> coordinates);

}

@Override
public boolean onTouch(View v, MotionEvent event)
{
    v.onTouchEvent(event);
    return true;
}
@Override
public void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    mScribblePointsCoords = new ArrayList<>();
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
{
    View view = inflater.inflate(R.layout.image_view_fragment, container, false);
    view.setOnTouchListener(new View.OnTouchListener()
    {
        @Override
        public boolean onTouch(View v, MotionEvent event)
        {
            if(event.getAction() == MotionEvent.ACTION_DOWN)
            {
                int x = (int) event.getX();
                int y = (int) event.getY();
                mScribblePointsCoords.add(new Pair<>(x, y));
                Bitmap tempBitmap = mBitmap.copy(mBitmap.getConfig(), true);
                Canvas canvas = new Canvas(tempBitmap);
                canvas.drawCircle(x, y, R.dimen.default_scribble_point_radius, mPaint);
                mImageView.setImageDrawable(new BitmapDrawable(getResources(), tempBitmap));
                mBitmap = tempBitmap;
                return true;
            }
            return false;
        }
    });
    mPaint = new Paint();
    mPaint.setColor(Color.BLUE);
    mImageView = view.findViewById(R.id.new_photo_view);
    mImageView.setImageBitmap(mBitmap);
    return view;
}

@Override
public void onResume()
{
    super.onResume();
    mImageView.setImageBitmap(mBitmap);
}

public void setImage(Bitmap bmp)
{
    mBitmap = bmp.copy(bmp.getConfig(), false);
    if(this.isResumed())
    {
        mImageView.setImageBitmap(mBitmap);
    }
}

public void clearScribble()
{
    mScribblePointsCoords.clear();
}

public List<Pair<Integer, Integer>> getScribbleCoordinates()
{
    return mScribblePointsCoords;
}
}

公共类ImageViewFragment扩展片段实现View.OnTouchListener
{ 
私有图像视图mImageView；
私有位图mBitmap；
私有列表mscriblepointscoords；
私人油漆；
ScribbleUpdate上的公共接口
{
void onNewScribblePoint（列表坐标）；
}
@凌驾
公共布尔onTouch（视图v，运动事件）
{
v、 事件；
返回true；
}
@凌驾
创建时的公共void（Bundle savedInstanceState）
{
super.onCreate（savedInstanceState）；
mscriblePointScoords=新的ArrayList（）；
}
@凌驾
CreateView上的公共视图（布局、充气机、视图组容器、捆绑包保存状态）
{
视图=充气机。充气（R.layout.image\u View\u片段，容器，假）；
view.setOnTouchListener（新的view.OnTouchListener（）
{
@凌驾
公共布尔onTouch（视图v，运动事件）
{
if（event.getAction（）==MotionEvent.ACTION\u向下）
{
int x=（int）event.getX（）；
int y=（int）event.getY（）；
mscriblepointscoords.add（新对（x，y））；
位图tempBitmap=mBitmap.copy（mBitmap.getConfig（），true）；
画布画布=新画布（tempBitmap）；
画布.画圈（x，y，R.dimen.default\u scribble\u point\u radius，mpain）；
setImageDrawable（新的BitmapDrawable（getResources（），tempBitmap））；
mBitmap=临时位图；
返回true；
}
返回false；
}
});
mPaint=新油漆（）；
mPaint.setColor（Color.BLUE）；
mImageView=view.findviewbyd（R.id.new\u photo\u视图）；
设置图像位图（mBitmap）；
返回视图；
}
@凌驾
恢复时公开作废（）
{
super.onResume（）；
设置图像位图（mBitmap）；
}
公共void setImage（位图bmp）
{
mBitmap=bmp.copy（bmp.getConfig（），false）；
if（this.isResumed（））
{
设置图像位图（mBitmap）；
}
}
可清除的公共文件（）
{
mscriblepointscoords.clear（）；
}
公共列表getScribbleCoordinates（）
{
返回mscriblepointscoords；
}
}

编辑： image\u view\u fragment.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:app="http://schemas.android.com/apk/res-auto"
             xmlns:tools="http://schemas.android.com/tools"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             tools:context="cofproject.tau.android.cof.ImageViewFragment">

    <ImageView
        android:id="@+id/new_photo_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="visible"
        app:srcCompat="@android:color/background_dark"/>
</FrameLayout>

编辑结束

现在，问题是我把整个ImageView都涂成了纯蓝色（我尝试了R.dimen.default_scribble_point_radius的不同半径大小，如5、0.5和0.1，但没有效果）

之前：

之后：

我有一个三部分的问题：

我做错了什么？我怎样才能得到一个简单的点状圆圈，而不是让整个ImageView变成蓝色

我认为我的

onTouch（View v，MotionEvent）

方法效率很低，因为它必须为添加的每个点重新绘制位图，我想知道是否有一种有效的方法来实现同样的效果

使用某种透明的视图进行绘图是否会省去我的麻烦？如果是这样，如何实现这样的目标

---

非常感谢您的意见和指导。

您应该使用透明的

视图

，该视图位于

图像视图的正上方（z方向）。这样做的主要原因是性能：
ImageView
在绘制蓝色小圆圈时是一种相当沉重的
视图类型

因此，您可以创建一个自定义的
视图
，用于绘制图形，并将其放置在
图像视图
的顶部。我通过将它们都放在
框架布局中来实现这一点：

<FrameLayout
    android:layout_width="200dp"
    android:layout_height="200dp">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <com.example.paintingcircles.DottedView
        android:id="@+id/dottedView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</FrameLayout>

DottedView.java：

public class DottedView extends View
{
    private ArrayList<Pair<Integer, Integer>> mScribblePointsCoords = new ArrayList<>();
    private int radius = 5;
    private Paint mPaint;

    public DottedView(Context context)
    {
        super(context);
        init();
    }

    public DottedView(Context context, @Nullable AttributeSet attrs)
    {
        super(context, attrs);
        init();
    }

    public DottedView(Context context, @Nullable AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);
        init();
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
        for (Pair<Integer, Integer> pair: mScribblePointsCoords){
            canvas.drawCircle(pair.first, pair.second, radius, mPaint);
        }
    }

    public void addScribblePointsCoords(Pair pair){
        mScribblePointsCoords.add(pair);
    }

    private void init()
    {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(Color.BLUE);
    }
}

public类DottedView扩展了视图
{
private ArrayList mscriblepointscoords=new ArrayList（）；
私有整数半径=5；
私人油漆；
公共点视图（上下文）
{
超级（上下文）；
init（）；
}
公共点视图（上下文上下文，@Nullable AttributeSet attrs）
{
超级（上下文，attrs）；
init（）；
}
公共点视图（上下文上下文，@Nullable AttributeSet attrs，int defStyleAttr）
{
super（上下文、attrs、defStyleAttr）；
init（）；
}
@凌驾
受保护的void onDraw（画布）
{
super.onDraw（帆布）；
for（对：mscriblepointscoords）{
画布绘制圆（成对第一、成对第二、半径、mPaint）；
}
}
public void addScribblePointsCoords（成对）{
mscriblepointscoords.add（成对）；
}
私有void init（）
{
mPaint=新油漆（油漆.防油漆别名标志）；
mPaint.setColor（Color.BLUE）；
}
}
不幸的是，我不知道为什么会出现蓝色的ImageView。但我的方法似乎没有遇到这个问题（可能是因为我不尝试处理位图），至少在运行棒棒糖（Android 5）的模拟器上是如此。感谢您给出详细的答案。我得到了这样的警告：自定义视图
DottedView
调用了
setOnTouchListener
，但没有覆盖
performClick
我应该关注它吗？我认为有两个答案可以很好地涵盖它：如果您希望某个组件（例如可访问性服务）调用它，则覆盖performClick（）。否则就没有必要了。
public class DottedView extends View
{
    private ArrayList<Pair<Integer, Integer>> mScribblePointsCoords = new ArrayList<>();
    private int radius = 5;
    private Paint mPaint;

    public DottedView(Context context)
    {
        super(context);
        init();
    }

    public DottedView(Context context, @Nullable AttributeSet attrs)
    {
        super(context, attrs);
        init();
    }

    public DottedView(Context context, @Nullable AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);
        init();
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
        for (Pair<Integer, Integer> pair: mScribblePointsCoords){
            canvas.drawCircle(pair.first, pair.second, radius, mPaint);
        }
    }

    public void addScribblePointsCoords(Pair pair){
        mScribblePointsCoords.add(pair);
    }

    private void init()
    {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(Color.BLUE);
    }
}