描述

高仿小红书之标签添加功能

  1. 随点击处添加标签
  2. 计算标签位置
  3. 可将标签位置还原渲染至不同屏幕尺寸
  4. 拖拽删除标签
  5. 可拖拽时支持点击标签更换文字方向
  6. 不可拖拽时支持点击标签响应点击事件

效果图

圆点相关数据

圆点坐标 x == 348 , y == 825

圆点在图片上的坐标百分比% x == 0.32222223 , y == 0.5729167

圆点数据:

TagInfoBean{
	name='¥55 粉色衣服',
	notesTagType=3, 
	url='tag点的链接url', 
	x=0.3222222328186035, 
	y=0.5729166865348816, 
	width=1080.0, 
	height=1440.0, 
	picWidth=1010.0, 
	picHeight=1324.0, 
	notesTagId=652, 
	isLeft=true, 
	isCanMove=true, 
	index=1
}

Bean

private String name;                  //标签内容

private int notesTagType;             //标签type

private String url;                   //标签url

private double x;                     //圆心x的在父控件位置 %

private double y;                     //圆心y的在父控件位置 %

private float width;                  //控件宽度

private float height;                 //控件高度

private float picWidth;               //图片的宽度

private float picHeight;              //图片的高度

private int notesTagId;               //标签id

private boolean isLeft = true;        //圆点是否在左边

private boolean isCanMove = true;     //标签是否可以移动

private int index;                    //用来记录在编辑标签中的index 位置

下载

TagImageView-master.zip
源码下载

开源

项目地址:  https://github.com/GIVEWAYTO/TagImageView

项目分类:  Android

提 交 者 :  李金山

授权协议 : Apache-2.0