精华内容
下载资源
问答
  • 创建圆角图片 你可以使用同样的方法来创建圆角图像。关键是要改变圆角半径,并将其设置为其他值。比如设置半径为10: self . profileImageView . layer . cornerRadius = 10.0f ; 用户头像现在应该...

    http://ju.outofmemory.cn/entry/76525

    IOS7的一个变化是相对于方形图像,更偏爱于使用圆形图像。在内置的应用中可以看到圆形图标或圆形图像,如联系人和电话应用。这篇短文中,我们将探讨CALayer类,以及如何运用它来创建圆形图像或圆角图像。

    您可能并没有听说过CALayer类。但是,如果你曾经创建过应用程序,那么你应该以某种方式使用过它。UIKit中的每个视图(例如UIView、UIImageView)都备份在一个CALayer类的实例中(即layer对象)。layer对象用来管理视图的备份存储和处理视图相关的动画。
    layer对象提供了多种属性,使用它们来控制视图的可视内容:

    • 背景颜色
    • 边框和边框宽度
    • 阴影颜色,宽度等
    • Opacity(不透明度)
    • 圆角半径

    Corner radius就是我们用来绘制圆角和圆形图像的属性。

    circular-image-featured
    与往常一样,了解CALayer是如何工作的最好方法就是使用它。我们将创建一个带有圆形用户头像的简单的profile视图。

    快速了解演示项目

    首先,下载此项目模板。已经预先创建了profile视图,但编译并运行应用程序时你会发现用户头像是方形的。这个演示项目非常简单,只有一个类ProfileViewController,与storyboard中的视图相关联。

    同时,将用户头像图像(UIImageView)与ProfileViewController.h中的profileImageView属性关联起来。

    square-corner-image-profile

    创建圆形用户头像

    接下来,让我们看看如何通过改变圆角半径,使用户头像转换成一个圆形图像。

    打开ProfileViewController.m,并在viewDidLoad:方法中添加下面几行代码:

    self.profileImageView.layer.cornerRadius = self.profileImageView.frame.size.width / 2
    self.profileImageView.clipsToBounds = YES;

    每一个视图,都有一个捆绑的layer属性。所以上面的第一行是设置layer对象(CALayer类的一个实例)的圆角半径。将方形图像变成圆形图像,半径应设置为UIImageView宽度的一半。例如,如果方形图像的宽度是100像素。半径应设置为50像素。其次,你必须将clipsToBounds属性设置为YES,这样layer才能生效。

    现在编译和运行应用程序,你会得到一个圆形头像。

    circular-image-profile

    非常容易吧。只需两行代码,图像从方形变为圆形。无需Photoshop。

    添加边框

    接下来,我们给头像添加边框使它更漂亮点。同样,也只需要两行。在viewDidLoad:方法中,在设置圆角半径的代码后面加入以下两行代码:

    self.profileImageView.layer.borderWidth = 3.0f;
    self.profileImageView.layer.borderColor = [UIColor whiteColor].CGColor;

    我们只是设置了边框的宽度和边框颜色。再次编译并运行应用程序,您现在应该看到一个拥有白色边框的头像。

    创建圆角图片

    你可以使用同样的方法来创建圆角图像。关键是要改变圆角半径,并将其设置为其他值。比如设置半径为10:

    self.profileImageView.layer.cornerRadius = 10.0f;

    用户头像现在应该是圆角的了。

    square-corner-image-profile

    在这里下载完整的Xcode项目,供大家参考 。

    ——————————————————————-

    翻译自:iOS Programming 101: How To Create Circular Profile Picture and Rounded Corner Image

    展开全文
  • 一:头像上传(结对编程)简介 该结对编程项目主要是实现一个简单的头像上传的功能,用户可以使用自拍上传和本地上传两种方式来完成头像的上传。自拍上传相当于普通的相机拍照一样,用户可以采取自拍和正常拍照两种...

    一:头像上传(结对编程)简介

    该结对编程项目主要是实现一个简单的头像上传的功能,用户可以使用自拍上传和本地上传两种方式来完成头像的上传。自拍上传相当于普通的相机拍照一样,用户可以采取自拍和正常拍照两种方式进行拍照。拍照完毕后可以对图片进行旋转和缩放,最后选择合适的尺寸上传。本地上传主要是从用户手机SD卡和手机储存上获取图片资源,选择好图片后也可以进行图片旋转和缩放,最后保存上传即可。

    二:功能结构图

    1119721-20170613150215634-1184121237.png

    转载于:https://www.cnblogs.com/z952061617/p/7001300.html

    展开全文
  • 编程项目虽然功能不多,但是主要难点在于拍照和本地上传功能按钮的跳转和编辑图片完成后保存图片并上传的部分。 二:代码解析(跳转功能和保存上传功能) 1.功能按钮的跳转 2.保存上传功能 转载于:...

    一:编程项目难点

    该编程项目虽然功能不多,但是主要难点在于拍照和本地上传功能按钮的跳转和编辑图片完成后保存图片并上传的部分。

    二:代码解析(跳转功能和保存上传功能)

    1.功能按钮的跳转

    1119721-20170613161710915-911384236.png

    1119721-20170613161718259-1881059910.png

    2.保存上传功能

    1119721-20170613162328931-435126314.png

    1119721-20170613162335290-532126694.png

    转载于:https://www.cnblogs.com/z952061617/p/7001960.html

    展开全文
  • Java web编程上传图片

    2015-03-14 03:03:27
    ``` if(p.getContentType().contains("image")){ ApplicationPart ap=(ApplicationPart) p; String fname=ap.getSubmittedFileName(); p.write(path+"/images/"+fname);... request.getSession()....
  • android编程图片剪裁

    千次阅读 2012-08-03 10:31:20
    在一些应用产品中,会有拍照自定义头像的功能。一般产品头像都是高宽一致的,但手机拍出来的照片不是正方形的,所以这里就需要对照片进行剪裁。 Intent intent = new Intent(...

    在一些应用产品中,会有拍照自定义头像的功能。一般产品头像都是高宽一致的,但手机拍出来的照片不是正方形的,所以这里就需要对照片进行剪裁。

    		Intent intent = new Intent("com.android.camera.action.CROP");
    		intent.setType("image/*");
    		// 设置数据,bitmap
    		intent.putExtra("data", data);
    		// 设置裁剪
    		intent.putExtra("crop", "true");
    		// aspectX aspectY 是宽高的比例
    		intent.putExtra("aspectX", 1);
    		intent.putExtra("aspectY", 1);
    		// outputX outputY 是裁剪图片宽高
    		intent.putExtra("outputX", 128);
    		intent.putExtra("outputY", 128);
    		intent.putExtra("return-data", true);

    然后再通过onActivityResult取得剪裁后的数据:
    Bitmap photo = data.getParcelableExtra("data");


    这样就完成剪裁功能了


    补充:
    如果是从文件读取的图片,可以直接放入File对象,将intent.setType("image/*");和intent.putExtra("data", data);换成:
    intent.setDataAndType(Uri.fromFile(tempFile), "image/*");

    如果想直接保存返回后的图像,也可在增加一条:
    File tempFile = new File("/sdcard/camera.jpg");
    intent.putExtra("output", Uri.fromFile(tempFile));// 保存到原文件
    intent.putExtra("outputFormat", "JPEG");// 返回格式

    展开全文
  • 一:主要界面设计和代码 1.主界面 2.功能选择界面 ...3.图片编辑界面 二:主要代码 1.主界面代码 2.功能选择界面 3.图片编辑界面 转载于:https://www.cnblogs.com/z952061617/p/7001538.html...
  • 用python下载所有的微信好友的头像,然后拼接成一张大图。这样,大家就可以转载到朋友圈装XY了。哈哈。 还是先给大家看看效果图如何。毕竟无图言X。 效果图: PS:图侵删。这不是小编的微信哈…… 好了废话不多说,...
  • 用python下载所有的微信好友的头像,然后拼接成一张大图。这样,大家就可以转载到朋友圈装XY了。哈哈。 还是先给大家看看效果图如何。毕竟无图言X。 PS:图侵删。这不是小编的微信哈…… 好了废话不多说,看看我们...
  • 搜索热词本文实例讲述了PHP 图片合成、仿微信群头像的方法。分享给大家供大家参考,具体如下:参考文章:作者:凯歌~,PHP图片合成方法(多张图片合成一张)https://www.jb51.net/article/129037.htm。经过测试,略作...
  • @微信官方昨天朋友圈刷爆了@微信官方的梗,从起初的为头像添加国旗,到最后的各种Book思议的需求…而我呢?@了辣么辣么多的奥特曼,结果还是加班到12点多…最后...说说上篇文章上篇文章如何把图片变得炫酷多彩,Pyt...
  • //需求:模拟用户上传头像的功能,假设所有的用户头像都上传到: 项目下的lib文件中 //1.定义一个方法:用来获取要上传的用户头像的路径 getPath(); File path = getPath();//直接调用getPath 返回的是一个File...
  • 【Android设置头像,手机拍照或从本地相冊选取图片作为头像】 像微信、QQ、微博等社交类的APP,通常都有设置头像的功能,设置头像通常有两种方式: 1,让用户通过选择本地相冊之类的图片库中已有的图像,裁剪后...
  •  首先,做这个工具是基于我们公司人资部门的一个需求,在之前的下班的路上和公司人资的同事一起交流工作的时候无意间得知现在她们部门需要周末加班分摊图片,就是将公司一千多张图片按照既定的规则进行分组。...
  • 很早就有有看到有朋友在讨论QQ头像的裁剪上传是怎么实现的,吼吼,之前小马也没做过,好奇之下学习下,发现以前项目中有类型的功能,结合官方文档里面的解释,就更好玩了,急急忙忙写51里的,今天听变3主题曲,重新...
  • 整理一下安装Manjaro之后做的事情(解决了tim不能加载头像图片) 更新系统 一个漫长的过程 添加镜像源(archlinux) 有清华和中科大的 我比较推荐中科大的(因为之前安装一些东西的遇到过包无效或损坏(PGP签名)...
  • 图片前后旋转(头像前后旋转)

    千次阅读 2015-02-02 19:47:14
    最近看到了用户的头像可以前后旋转,还是蛮酷炫的就写了段实现方法, 给需要帮助的人吧。 // 头像动画 [self rotate360WithDuration:2.0 repeatCount:1]; _headImageView.animationDuration = 2.0; _...
  •  今天说一下IOS如何将图片进行圆角化和如何很快的就做一个圆形头像出来。  IOS给我们提供了库函数<QuartzCore/QuartzCore.h>,我们可以根据这个库中很多方法来快速做出一个圆形头型,实现一个图片的圆角化。...
  • …)作为社会责任感很强的我,考虑到用好看的小姐姐图片头像对社会的积极作用,决定先批量库存一波。之前看到b站上说微信头像的重要性,比如很丧的头像就不会有让别人跟它聊天的想法还有一些作为男生应该避免的...
  •  (摘自Android 4 高级编程(第3版))  注意:如果采用拍照直接保存至本地获取原图,如果打开相机没有拍照而是退出相机,需要删除之前生成的URI。  onActivityResult(int requestCode, int resultCode, ...
  • 近期因为假日来临,微信官方的请给我一面红旗活动引起朋友圈的热潮,做了头像挂件demo,代码如下; wxml页面布局;(弹窗的样式没写) <canvas canvas-id="flagctx"></canvas> <view class='...
  • Python头像动漫化,快来生成一个自己的动漫头像

    万次阅读 多人点赞 2020-05-09 03:02:15
    而男生动漫头像的生成就有点差强人意了,大家可以自己试试,下面我们看看我用有村大妹子生成的两张图片,我们先看第一张: 接下来是第二张,我用的是垫底辣妹中的形象: 两张效果都还可以,主要还是人
  • 新手告急: 我想实现上传头像 然后在页面上显示图片的功能, 希望达人能帮我分析一下
  • 图片上传功能,老师向我们推荐了稻香老农的无组件asp上传,其实完全没有读懂里面的代码,应用的也是最简单的单张图片上传到指定路径,所以写这篇博得时候实在是汗颜啊~但还是想记录下整个大致思路,梳理的同时以备...
  • 最近在做一个棋牌项目,脚本语言用的lua,登录需要使用微信登录,用户头像用微信账户的头像,微信接口返回的头像是一个url,那么遇到的一个问题就是如何在lua中异步加载这个头像,先在引擎源码里找了下可能会提供这...
  • SDWebImage可管理远程图片加载的类库
  • 第一张图片, 用来做简书的封面, 目的是吸引你点进来, 正文在下面~ 这件事要从我看到的一篇博客说起 博客里面提到了一辆很稳的"干货"车 http://gank.io 这辆运"干货"的车有两个方向盘, "左转"向...
  • 越来越多的浏览器可以慢慢的不在支持flash,对应一些discuz论坛的老的版本来说就需要进行升级操作了,接下来吾爱编程为大家介绍一下discuz头像上传flash改为h5上传的方法,有需要的小伙伴可以参考一下:1、准备工作...
  • 而男生动漫头像的生成就有点差强人意了,大家可以自己试试,下面我们看看我用有村大妹子生成的两张图片,我们先看第一张: 接下来是第二张,我用的是垫底辣妹中的形象: 两张效果都还可以,主要还是人物的头部...
  • uniapp 头像回显加换头像 html代码 <u-image width="120" height="130" :src="model.headThumb" @click="cheangeHeadThumb"></u-image> cheangeHeadThumb函数(所有地方都可以用) cheangeHeadThumb...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,503
精华内容 3,401
关键字:

编程头像图片