最近有个功能需要标记出没张图里脸部，并且点击大图后，图片可以缩放，标记也会跟着移动。有点类似地图tag

眼见为实，先上一张效果图：



 

 

由于最近项目已经完成差不多，在这段时间里把觉得有质量的功能拿出来和小伙伴们一起分享。

首先这里先借鉴了下前辈的在图片上做标签，在此感谢无缘公子。

 

梳理功能以后，首先你要知道。后台返回的数据，包括 左上角坐标点    和  右下角坐标点。同时还有图片长宽。

 

知道这些以后，那么我们往下面看。

根据在图片上做标签的思路，就是自定义View,在imageView上铺上一层标记层。在项目中，ImageLayout类。

当然 告诉你坐标点，和原图大小。其实就是做一个初中的几何题目。只不过难的是坐标图在手机上。

手机默认横向右为x正坐标，竖向下为y正坐标。

 

这里要明确。大图，宽设置为满屏。这里的原图相对手机屏幕的比例出来了  

scale = pic_with / screenWith

然后根据这个比例算出，左上角点右下角 2个点在 手机屏幕的实际位置

int tempX = point_left_x * screenWith/ pic_with ;


int tempY = point_left_y * screenHeight/ pic_height ;


 //正确的坐标  左上角

int trueX = left + tempX;

int trueY = top + tempY;

这里列举了左上角的点。

 

知道了点以后，new ImageView然后加入到你的标记层。

 

//左上角的点
ImageView imageView_top_left = new ImageView(getContext());
LayoutParams leoParams_top_left = new LayoutParams(layoutParams.WRAP_CONTENT, layoutParams.WRAP_CONTENT);
leoParams_top_left.leftMargin = trueX;
leoParams_top_left.topMargin = trueY;
imageView_top_left.setImageResource(R.mipmap.left_top);

 

layouPoints.addView(imageView_top_left, leoParams_top_left);

看到这里是不是都已经明白了。

当然我这里是标记脸4个点，知道左上和右下，已经确定了4个点。

 

说到这里，你会问。图片缩放呢。那么接下来页是本文的重点

首先感谢一开元控件photoView  github地址

这个开源控件支持缩放，支持翻转。支持小图到大图动画。个人感觉还不错。

关键是里面有个监听方法，监听当前ImageView缩小 还是放大

executeTranslate

 

监听返回的是一个RectF对象，经过大量测试发现，这个就是你设置的图片在手机窗口的实际坐标。记住是手机窗口  并非手机屏幕。是不是有点糊涂，我们可以理解为就是超出手机屏幕外的。

在photoView源码里写一个接口，将Recf拿出来。同时重新绘制标记层，代码如下：

 

imgBg.setOnMatrixChangeListener(new OnMatrixChangedListener() {
    @Override
    public void onMatrixChanged(RectF rect) {
        Log.e("是不是有了",rect.toString()+"");
        Info info = PhotoView.getImageViewInfo(imgBg);
        int left = (int) info.getmImgRect().left;
        int top = (int) info.getmImgRect().top;
        int right = (int) info.getmImgRect().right;
        int bottom = (int) info.getmImgRect().bottom;
        addPoints(left,top,right,bottom);
    }
});

 

自此整个功能，基本已经完成。

 

如果还不明白，大家可以深入去了解photoView整个控件、

当然点击事件的话，点击图片和电解标签。项目里都有备注的、如果对你有帮助，请帮忙star下吧

 

大神勿喷，支持原创！最后附上源码 源码下载

 

github地址

 

java如何作标签云？
标签云（Tag Cloud）是用以表示一个网站中的内容标签。标签的排列顺序一般依照字典排序，按照热门程度确定字体的大小和颜色。这样，依照字典或者热门程度来寻找信息便成为可能。标签通常是超链接，指向分类页面。
标签云现在用javascript很容易实现，而且效果也很炫，在网络应用中比较多，但是java的桌面应用J2SE却很少，好像很难实现这种，但是最近发现java的图像界面也可以，我用的swt做的，实现用户关键词标签云生成。
经过几天的研究，本来想用awt做，发现这玩意儿不行，最后发现swt有这个能力，实在维基百科里面找到的，下面我自己改写的一个程序共分享
效果：
 
 

部分代码
public class TagCloudShow {

   .Display display = new Display();

   Shell shell = new Shell(display);  

 public static int rndColor(){

  int[] color = {SWT.COLOR_BLUE, SWT.COLOR_CYAN, SWT.COLOR_RED, SWT.COLOR_YELLOW, SWT.COLOR_GREEN, SWT.COLOR_BLACK, SWT.COLOR_DARK_YELLOW, SWT.COLOR_DARK_BLUE, SWT.COLOR_DARK_GREEN, SWT.COLOR_MAGENTA};

  Random r = new Random();

  return color[r.nextInt(color.length)];

 }

 public static int rndangle(double weight){

  if(weight >= 0.6){

    return getRandom(-15,15);

  }else if(weight < 0.6&&weight > 0.3){

       return getRandom(16,45);

     }else if(weight <= 0.3&&weight > 0.2){

      return getRandom(46,90);

     }else 

      return getRandom(-90,-15);

 }

 

 public static int getRandom(int start,int end){

  return (int)(Math.random()*(end-start+1))+start;

    }

 public static void main(String [] args) {

  Map<String, Double> m = new HashMap<String, Double>();

  m.put("中国", 0.6);

  m.put("华师", 0.4);

  m.put("中心", 0.1);

  m.put("国家", 0.8);

  m.put("米兰", 0.2);

  m.put("足球", 0.4);

  m.put("伊拉克", 0.3);

  m.put("韩国", 0.3);

  m.put("博雅", 0.4);

  m.put("日本", 0.05);

  m.put("美国", 0.3);

  m.put("曼联", 0.5);

  m.put("篮球", 0.3);

  m.put("伊朗", 0.2);

  System.out.println(m);

  wordBags(m);

 }

} 

 
 

功能的背景:会议型的多客户需要给每个客户一张包括用户名等显示不同信息的小纸条。

（word的邮件合并功能；excel里面的信息批量导入准备；）


【1】为使用邮件合并功能的设置准备数据源，一个excel，如下面格式（数据量可以多点）。

用户名       真实姓名    密码                编号               分组         个数    

abc9999    奥巴      888888    GD-2014614    直营总部      1    

abc8888    安倍      888888    GD-2014615    直营总部      1    

abc7777    卡梅      888888    GD-2014616    直营总部      1    

abc6666    普京      888888    GD-2014617    直营总部      3


【2】先建一个word，页面布局--分栏--更多分栏（一般的小标签页分4栏合适，第一步就把这个操作确定，


后面在插入绘制表格的时候，表格会被限制分配合理的大小）。


【3】word标签页，插入--表格--绘制表格--（大小按6行的数据插入点，每个数据点都会援引excel不同列


名下的数据）表格上用户名、密码列名可能需要输入在数据点前面，其他列名可无。注意1：在这一个表格设


置完毕之后，在后面一定要空一行，这样后面在邮件合并生成多张表格的时候会分成多张。注意2：生成多张


的时候，表格是在一页word上先从上往下排列，排列数是按页面布局的分栏数。

    

【4】word标签页，邮件--开始邮件合并--邮件合并分布向导--（类型：目录）下一步开始文档--（使用当


前文档）下一步选择收件人--（使用现有列表）浏览--在桌面或是某地找到这个excel选中，打开，选中


sheet1确定--确定。


【5】word标签页，邮件--（第1个数据点）插入合并域--分组--插入--关闭；（第2个数据点）插入合并


域--真实姓名--插入--关闭；（第3个数据点）插入合并域--用户名--插入--关闭；（第4个数据点）插入合


并域--密码--插入--关闭；（第5个数据点）插入合并域--个数--插入--关闭；（第6个数据点）插入合


并域--编号--插入--关闭。


【6】接上步，word标签页，邮件--完成并合并--编辑单个文档--（全部）确定。

附一些制作标签的工具：https://github.com/tzutalin/labelImg
记下代码，方便我自己以后用，修改部分内容即可，比如文件夹名字，迭代的次数和索引等。。。
function manageImages
%%=====================by chenzhi 2016.9.8==========================%%
%%============将一个文件夹里所有图片保存到指定文件夹并且以.jpg格式保存==%%

clc;

%%=====================添加不同文件夹下的文件，并指定添加的数量=======%%
% Files = dir(strcat('E:\chenzhi\SubCNN-master\fast-rcnn\data\KITTI\data_object_image_2\training\image_2\','*.png'));
% LengthFiles = length(Files);
% %%for i = 1:LengthFiles;
% j = 1;
% for i = 1:7:LengthFiles;
%     Img = imread(strcat('E:\chenzhi\SubCNN-master\fast-rcnn\data\KITTI\data_object_image_2\training\image_2\',Files(i).name));
%     path = 'D:\chenzhi\data_annotate\Kitti\train_img\';
%     %name = sprintf('2012_%06d_00%s',j,'.jpg');
%     name = sprintf('%06d%s',j+1462,'.jpg');
%     filename=[path name];
%     imwrite(Img,filename);
%     j = j+1;
% end

% Files = dir(strcat('E:\dataset\bike\','*.jpg'));
% LengthFiles = length(Files);
% %%for i = 1:LengthFiles;
% for i = 1:204;
%     Img = imread(strcat('E:\dataset\bike\',Files(i).name));
%     path = 'E:\chenzhi\faster_rcnn-master_cz\faster_rcnn-master\datasets\custom\VOC2012\JPEGImages\'
%     name = sprintf('%s%06d%s','2012_',1544+i,'_00.jpg')%%之前文件夹里已经有1390个文件了
%     filename=[path name];
%     imwrite(Img,filename);
%     
% end

% Files = dir(strcat('E:\dataset\person\','*.bmp'));
% LengthFiles = length(Files);
% %%for i = 1:LengthFiles;
% for i = 1:310;
%     Img = imread(strcat('E:\dataset\person\',Files(i).name));
%     path = 'E:\chenzhi\faster_rcnn-master_cz\faster_rcnn-master\datasets\custom\VOC2012\JPEGImages\'
%     name = sprintf('%s%06d%s','2012_',1748+i,'_00.jpg')%%之前文件夹里已经有1390个文件了
%     filename=[path name];
%     imwrite(Img,filename);
%     
% end

%%================写trainval.txt 和test.txt================%%
% fid1=['E:\py-R-FCN-master\data\VOCdevkit0712\VOC0712\ImageSets\Main\','trainval.txt'];   %创建新的txt文件
% c=fopen(fid1,'wt');   %打开txt文件
% fid2=['E:\py-R-FCN-master\data\VOCdevkit0712\VOC0712\ImageSets\Main\','test.txt'];   %创建新的txt文件
% c2=fopen(fid2,'wt');   %打开txt文件
% Files = dir(strcat('E:\py-R-FCN-master\data\VOCdevkit0712\VOC0712\JPEGImages\','*.jpg'));
% LengthFiles = length(Files);
% for i = 1:LengthFiles;
%     str = Files(i).name;
%     str = str(1:end-4) ;
%     
%     if mod(i,3) == 0
%         fprintf(c2,'%s\n',str);  
%     else
%         fprintf(c,'%s\n',str);        %按行写入txt文件，%s为数据形式，str为写入数据。。。
%     end
% end
% 
% fclose(c);    %关闭txt文件
% fclose(c2);    %关闭txt文件

%%================将一个文件夹下面的文件（txt）移动到另外一个文件夹
% Files = dir(strcat('E:\chenzhi\SubCNN-master\fast-rcnn\data\KITTI\data_object_image_2\training\label_2\','*.txt'));
% LengthFiles = length(Files);
% %for i = 1:LengthFiles;
% j = 1;
% for i = 1:7:LengthFiles;
%     txtname = strcat('E:\chenzhi\SubCNN-master\fast-rcnn\data\KITTI\data_object_image_2\training\label_2\',Files(i).name);
%     path = 'D:\chenzhi\data_annotate\Kitti\train_label\';
%     name = sprintf('%06d%s',j+1462,'.txt');
%     filename=[path name];
%     copyfile(txtname,path);
%     j = j+1;
% end


%%================修改文件名字格式================%%
% Files = dir(strcat('D:\chenzhi\data_annotate\dataImage\all\','*.jpg'));
% LengthFiles = length(Files);
% %%for i = 1:LengthFiles;
% for i = 1:LengthFiles; 
%     Img = imread(strcat('D:\chenzhi\data_annotate\dataImage\all\',Files(i).name));
%     path = 'D:\chenzhi\data_annotate\VOC2012\new\';
%     name = sprintf('%s%06d%s','2012_',i,'_00.jpg');
%     filename=[path name];
%     imwrite(Img,filename);
%     
% end

Files = dir(strcat('D:\chenzhi\data_annotate\Kitti\train_label\','*.txt'));
LengthFiles = length(Files);
path1 = 'D:\chenzhi\data_annotate\Kitti\train_label\';
path2 = 'D:\chenzhi\data_annotate\Kitti\train_label2\';
for i = 1:LengthFiles; 
    filename = Files(i).name;  
    newname = sprintf('%06d%s',i+1462,'.txt');
     file_name = [path1 filename];
     new_name = [path2 newname];
     movefile(file_name,new_name);
end


end