android 仿nice实现在图片上打标签

最新推荐文章于 2024-07-10 03:19:16 发布

zhoushenxian

最新推荐文章于 2024-07-10 03:19:16 发布

阅读量6.4k

点赞数

分类专栏：自定义控件

本文链接：https://blog.csdn.net/coderinchina/article/details/50753998

版权

本文介绍了如何在Android应用中实现类似nice App的图片打标签功能。通过自定义一个名为PictureTagLayout的ViewGroup，监听触摸事件，在ACTION_DOWN时获取按下坐标并判断是否已存在标签重叠，ACTION_UP时判断是否为轻触操作。使用了TagView组件来创建和编辑标签，实现了动态添加和编辑标签的交互效果。

摘要由CSDN通过智能技术生成

如果有玩过nice这款APP的话,里面有个在图片上打标签的功能,如图

实现原理：

1：实现自定义一个ViewGroup类型,设置好它的背景,

2：在onTouch down的时候,获取相对于view的按下的x,y坐标,然后遍历所有的子view判断是否重叠因为每个view其实都是一个矩形,Rect类方法中可以判断该点是否在view上,

大概就这些,下面是实现的源码：

PictureTagLayout.java

package com.example.tagview.view;
import com.example.tagview.view.TagView.Direction;
import com.example.tagview.view.TagView.Status;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.RelativeLayout;

public class PictureTagLayout extends RelativeLayout implements OnTouchListener {
private static final int CLICKRANGE = 5;
private static final String TAG = PictureTagLayout.class.getSimpleName();
private View touchView,clickView;//单机和触摸都可以打标签
private int startX;//按下的x轴坐标
private int startY;//按下的y轴坐标
@SuppressLint("ClickableViewAccessibility")
public PictureTagLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
setOnTouchListener(this);
}

public PictureTagLayout(Context context, AttributeSet attrs) {
this(context, attrs,0);
}

public PictureTagLayout(Context context) {
this(context,null);
}
@SuppressLint("ClickableViewAccessibility")
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
touchView = null;
if(clickView!=null){//这个clickView什么时候给它赋值呢?
((TagView)clickView).setStatus(Status.Normal);
clickView = null;
}
startX = (int) event.getX();//获取按下的x轴坐标相对于view本身的左上角
startY = (int) event.getY();//获取按下的y轴坐标,相对于view本身