TagImageView

Introduction: 高仿小红书标签添加功能 1.随点击处添加标签 2.计算标签位置 3.可将标签位置还原渲染至不同屏幕尺寸 4.拖拽删除标签
More: Author   ReportBugs   
Tags:
  1. 随点击处添加标签
  2. 计算标签位置
  3. 可将标签位置还原渲染至不同屏幕尺寸
  4. 拖拽删除标签
  5. 可拖拽时支持点击标签更换文字方向
  6. 不可拖拽时支持点击标签响应点击事件

未做的: 当标签贴边,文字框将会收缩。

效果图

Log

圆点相关数据

圆点坐标 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 位置
Support Me
Apps
About Me
Google+: Trinea trinea
GitHub: Trinea