-
2021-05-27 05:29:07
前言
应该有很多用过英语应用的同学都看多一个放大镜的效果,就是选中一段文字后,会有一个放大镜,这个究竟怎么实现的呢,我们今天来分析分析。
源码分析
public class ShaderView extends View {
private final Bitmap bitmap;
private final ShapeDrawable drawable;
// 放大镜的半径
private static final int RADIUS = 80;
// 放大倍数
private static final int FACTOR = 3;
private final Matrix matrix = new Matrix();
public ShaderView(Context context) {
super(context);
Bitmap bmp = BitmapFactory.decodeResource(getResources(),R.drawable.demo);
bitmap = bmp;
BitmapShader shader = new BitmapShader(Bitmap.createScaledBitmap(bmp,
bmp.getWidth() * FACTOR, bmp.getHeight() * FACTOR, true), TileMode.CLAMP, TileMode.CLAMP);
// 圆形的drawable
drawable = new ShapeDrawable(new OvalShape());
drawable.getPaint().setShader(shader);
drawable.setBounds(0, 0, RADIUS * 2, RADIUS * 2);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
final int x = (int) event.getX();
final int y = (int) event.getY();
// 这个位置表示的是,画shader的起始位置
matrix.setTranslate(RADIUS - x * FACTOR, RADIUS - y * FACTOR);
drawable.getPaint().getShader().setLocalMatrix(matrix);
// bounds,就是那个圆的外切矩形
drawable.setBounds(x - RADIUS, y - RADIUS, x + RADIUS, y + RADIUS);
invalidate();
return true;
}
@Override
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawBitmap(bitmap, 0, 0, null);
drawable.draw(canvas);
}
}
基本原理就是使用ShapeDrawable构造一个圆形的drawable,然后它的paint的shader设置为将要放大的图片,然后就是简单的位置移动问题了。放大镜的半径和放大倍数都可以在代码里面修改,代码都有注释,应该很好理解了。
不过,一个问题如果只有一种解决方法的话,那未免有点令人沮丧,想玩点另类的都不行。玩程序就得玩出个性,玩出激情。哈哈,废话太多,切回正题。
再来看看放大镜的另外一种实现吧
public class PathView extends View {
private final Path mPath = new Path();
private final Matrix matrix = new Matrix();
private final Bitmap bitmap;
// 放大镜的半径
private static final int RADIUS = 80;
// 放大倍数
private static final int FACTOR = 2;
private int mCurrentX, mCurrentY;
public PathView(Context context) {
super(context);
mPath.addCircle(RADIUS, RADIUS, RADIUS, Direction.CW);
matrix.setScale(FACTOR, FACTOR);
bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.demo);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
mCurrentX = (int) event.getX();
mCurrentY = (int) event.getY();
invalidate();
return true;
}
@Override
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 底图
canvas.drawBitmap(bitmap, 0, 0, null);
// 剪切
canvas.translate(mCurrentX - RADIUS, mCurrentY - RADIUS);
canvas.clipPath(mPath);
// 画放大后的图
canvas.translate(RADIUS - mCurrentX * FACTOR, RADIUS - mCurrentY * FACTOR);
canvas.drawBitmap(bitmap, matrix, null);
}
}
这里使用的是Path类,将canvas剪切出一块圆形区域,在其上绘制放大的部分。
源码下载:点击这里
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
更多相关内容 -
屏幕放大镜
2018-08-29 00:12:13它源自Sysinternals公司,后来此公司被微软收购,因此,有些网友也称ZoomIt为微软放大镜。ZoomIt体积小巧(只有一个exe文件,0.2MB)、完全免费、易于使用。通过快捷键可以很方便地调用ZoomIt三项功能:屏幕放大、... -
放大镜.rar
2019-10-15 09:56:37网站商品放大镜案例,主要用于在用户查看商品时进行细节的查看 -
锤子手机局部放大动画——放大镜效果ppt模板.rar
2019-09-11 01:51:16锤子手机局部放大效果,手机图片放大镜,放大镜ppt特效动画,@小陆老师 作品,视频教程地址:http://yun.baidu.com/s/1jHb0qbG。 -
jquery手机屏幕放大镜.zip
2019-07-11 10:48:00在IE下放大镜呈正方形效果,火狐下放大镜为圆形,效果良好,这也是其最新版本的iPhone的情况 -
usb放大镜驱动
2014-11-21 11:56:43用于USB放大镜驱动程序,专门开发的。好好保存哦 -
安卓局部放大效果,放大镜实例
2015-03-09 12:51:32这是一个放大镜demo,作用就是点击的点的局部进行放大,显示在点击上方 -
jquery手机屏幕放大镜效果.rar
2019-09-05 10:38:08jquery手机屏幕放大镜效果.rar -
屏幕放大镜强力免费版
2011-06-19 20:56:43屏幕放大镜强力免费版,超强功能比要200元注册的灵猫放大镜要好得多,只不过是英文版的! -
jquery手机屏幕放大镜效果.zip
2019-05-21 09:21:39利用jquery技术制作的手机端放大镜效果,内含html文件,css -
手机照片局部放大镜_PPT用了这么多年,竟然还不知道放大镜是这么做的!好惭愧…...
2020-11-03 14:23:47某天,一个朋友给我发来一张照片,表达她正在享受...这时,借助放大镜就是一个不错的选择。同理,在PPT制作中,也经常使用放大镜效果来突出某个重点内容,可以是产品的细节,也可以是图片上的关键性事物。比如,锤...某天,一个朋友给我发来一张照片,表达她正在享受悠闲时光,而我却注意到她上班不用打卡了~
聪明的你能猜出来,我是怎么知道的么?
通常,我们会点击放大图片,仔细观察就能发现后边的打卡机是关着的,因此不用打卡:
为了观察细微的事物,我们希望将其放大,便于看清。这时,借助放大镜就是一个不错的选择。
同理,在PPT制作中,也经常使用放大镜效果来突出某个重点内容,可以是产品的细节,也可以是图片上的关键性事物。
比如,锤子手机 T2 发布会上的幻灯片就运用放大镜效果,来展示手机的优良制作工艺:
相信很多职场人士都尝试过放大镜效果,但大部分都失败了,感觉自己做了一个假的放大镜,没有放大效果。为什么?
因为这里存在 2 个难点:
❶百度搜索放大镜,得到的都是有背景的,不好抠图,没法使用。
❷即使找到了没有背景的放大镜,但放大效果不会自动生成呀。
所以,今天我就手把手教大家制作简单实用的放大镜效果!
01 效果制作
以「秋叶PPT课程习题下载方式」为例,为你讲解如何制作一个放大镜效果。
❶裁剪图片
要想得到一个正圆形,首先得将图片按比例裁剪,裁剪成 1:1;然后再按形状裁剪,裁剪成椭圆,就可以得到正圆了。
注意,裁剪最后得到的图片,应该是页面上需要突出的重点信息。
❷添加边框
给裁剪后的图片添加边框,边框粗细为3磅,颜色为白色。
❸添加阴影
再添加一个从中心向四周扩散的阴影,使得其与原始图片的区分更明显。
PS:这里给出阴影参数的设置方案,当然,参数设置不唯一,可根据实际情况调整。
❹效果组合
将裁剪后得到的图片与原始图片进行叠加,适当放大裁剪后的圆形图片,从而模拟出放大镜效果。
02 原理分析
简单的几步操作就能制作出放大镜效果,你知道她背后的原理吗?
现实中的放大镜由两部分组成:透镜和手柄。
在制作 PPT 时,手柄可省略,因为手柄在一定程度上会遮挡内容,不利于展示信息。去掉放大镜的手柄后,页面也不会变奇怪:
而透镜一般呈圆形,还会带有一定粗细的边框。必要时,为了效果更明显,还会加上阴影:
为什么这么做就能模拟出放大镜效果呢?
关键在于,要对重点信息裁剪,并做一定的放大处理。
03回顾总结
放大镜效果可以帮助我们突出重点信息,更好的展示产品的优点。
为了制作的方便,我们简化省略了手柄,但保留了最重要的放大效果。通过裁剪图片、添加边框和阴影,使重点信息凸显出来。
如此高效实用的技巧,你Get到了么?
粉丝福利:超200套PPT模板+年终总结版式指南,想要获取的小可爱赶快如下图给我私信关键词「666」,获取粉丝大礼包吧~
-
电子放大镜驱动.rar
2012-05-23 20:35:17USB Digital Microscope(20x-200x)型号的电子放大镜驱动。 Computer System Requirements: Windows 2000/XP/VISTA/WIN7&Mac; P4 1.8 or above RAM: 256M Video Memory: 32M USB port: 2.0 CD-ROM ... -
手机照片局部放大镜_怎样发照片才能惊艳朋友圈?
2020-10-22 23:27:46有时候想要让图片变得趣味or凸显出一些细节,总会需要到类似于放大镜式的这种功能,其实它用手机实现起来也是非常方便的。 ✨步骤1:打开PicsArt美易—打开照片—点击【添加照片】—点击【图形剪辑】 这步要注意的...本文转载自公众号:原来是西门大嫂
公众号ID:sisterinlaw 未经许可,请勿转载 每到春节的时候,大家都会在朋友圈疯狂营业...美食、美照、轰趴等各种花式刷屏! 毕竟是一年伊始,怎么也得铆足劲儿来一个美好首秀,热闹一下不是?So想要在2020一开始
就玩点特别的小可爱
我贴心地给你们准备好了
👇7种不同风格&含有详细步骤的「改片方案」
让你们不光新一年可以红红火火恍恍惚惚💥,连之后的琐碎日常也都能把圈给出得死死的~
(以下按照难易程度排序)
这招适合欧阳娜娜👇学的,没有复杂的构图和滤镜, 几句简简单单的文字+小贴纸, 就可以让随手拍的照片都能瞬间变得有人情味儿在。✨步骤1:打开黄油相机—【加字】—【花字】
打开黄油相机📷,选中你拍摄好的照片,然后选择自己想要添加的花字款式,可点击图片上文字进行修改。
✨步骤2:选择【贴纸】—点击添加—自己喜欢的贴纸
贴纸使用前要在商城下载,我选择的这几款都是免费🆓的! 然后根据图片调整一下贴纸的大小和位置,保存就可以获得你的plog了。*我使用到的贴纸:
上班族、BlingBling、治愈云朵鸭鸭
我感觉这种方式更适用于单张图片,可以很好地让每一张都表达出不同的情感,会更有趣。 如果是多张照片组合在一起的话 , 下面这种可能会更为合适。
我感觉它很像是电子版手账一般的存在, 可以很完整地总结和记录下📝生活中的一些琐碎时刻和心路历程, 而且 和朋友一起时的欢愉时光也能用它来搞定。 像娜扎也有在微博发过类似这样的plog用来记录生活和工作,内容丰富又多彩。✨步骤1:打开Nichi日常—选择模板—点击添加照片—调整照片
打卡后下滑选择自己喜欢的模板,点击+号添加照片。
然后通过拖拽的方式来调整剪裁区域,以及在所添加图片在模板中的位置和大小。
✨步骤2:添加【文字】—添加【贴纸】
调整好后可以根据自己的喜好添加文字和贴纸,用来丰富&装饰整体。这种类型的照片对于一些喜好美妆的小可爱来说肯定不陌生了,很多博主还有日杂都很喜欢这样带有局部细节的拼图形式。
我原来弄的时候都要用PS捣鼓半天,但现在一个app就能轻松搞定出类似感觉的照片了。
✨步骤1:打开PicsArt美易—点击【添加】—【海报模板】—全部模板
既然是模板教学,所以第一步当然是要找到相应模板啦~
✨步骤2:点击【Background】—选择【图像】—点击【FreeToEdit】
然后逐步点击按钮,把背景替换成我们所要制作的照片。
✨步骤3:选择框内照片—调整虚线位置—更换圆圈颜色
点击框内照片,变成蓝色就可以替换了,切换为刚才的背景照片进行放大调整,然后虚线的话可以点击它进行大小和位置的调整。
最后调整细节时,可以点击左边滴管按钮可以吸取图片中颜色,让整体看起来更为和谐。
很多时候我们都会为没有好看的字体犯愁,那不妨来试试我这招,把自己的手写版给安排在图片上,让它成为你的专属记忆!
✨步骤1:打开PicsArt美易—点击【照片】—点击【添加照片】
选择完背景照片后,点添加照片把我们写好的字体图导入进来。
✨步骤2:点击【调节】—点击【高光】—高光调节至100(此步骤需重复)
因为需要字体图的背景彻底变为白色,我一般会反复4到5次左右。
✨步骤3:点击【fx特效】—选择【负片】—点击【混合】—选择【加亮】
全部弄完之后,把字体放置在合适位置就ok了!
有时候想要让图片变得趣味or凸显出一些细节,总会需要到类似于放大镜🔎式的这种功能,其实它用手机实现起来也是非常方便的。✨步骤1:打开PicsArt美易—打开照片—点击【添加照片】—点击【图形剪辑】
这步要注意的是,添加的照片和打开的照片是相同的。
✨步骤2:选择形状—手动调整放大区域
✨步骤3:选择边框颜色—调整位置和大小
边框的颜色可以进行更换,最后把我们放大的细节图摆放在合适位置就ok啦。
现在很多看起来趣味&高级的图片都是有抠图坐镇的,今天就给你们分享一下我是如何在没有PS的情况下,快速又便捷地完成这项工作的。
✨步骤1:打开ProKnockout—点击【抠图】—点击【人像抠图】—加轮廓
这个软件真的是我的宝藏软件了,选择好自己想要抠图的照片,点击人像抠图,就可以一键搞定
✨步骤2:点击【加轮廓】—保存【PNG】
然后可以根据自己的需求加上轮廓,点击下面还可以修改轮廓颜色和粗细,然后保存时选择png就是透明背景的啦!
⚠️:要注意的是,这个软件低分辨率是可以免费保存的,为了图片质量更高清,我是花了💰的哦~
✨步骤3:打开PicsArt美易—【拼贴画】自由式—添加照片—点击【Background】—选择【颜色】
在我们选择添加的照片时,可以先把没有抠图的素材添加进来,然后根据图片调整背景颜色,小建议是可以用吸管在图片中吸取。
✨步骤4:点击【添加照片】—点击【下一步】—添加【文本】和【画笔】
布置好背景后就可以把扣好的素材添加进来了,都调整好后点击一下右上角的下一步。
然后添加文本和画笔用来装饰觉得空旷的地方,字体和画笔的颜色都可以根据自己的喜好选择哦~
我知道换手机壁纸也是一件脑壳疼的事,经常找不到喜欢的,所以今天的彩蛋就是教大家如何制作简版的拼贴式壁纸!(追星女孩👱♀️可以做爱豆的哦)
抠图部分和👆的方法一样,我就不再重复啦!直接从不一样的地方开始~
✨步骤1:打开PicsArt美易—彩色背景—打开【工具】—点击【剪辑】—修改【尺寸】
因为是壁纸,所以要把尺寸修改为适合自己手机的壁纸尺寸。
✨步骤2:点击【贴纸】—搜索【海报】—铺满背景
大家可以根据自己的喜欢放置贴纸,我一般搜索的关键词是海报、复古还有音乐等。
✨步骤3:点击【添加照片】—搜索【海报】—铺满背景
把扣好的图片加入摆放好就完活啦,但因为是拼贴壁纸我还习惯在制作完成后添加噪点模糊这个特效,看起来会更有复古味道。
总爱说新一年要有个新气象,那今年不妨就从新年的第一条朋友圈开始吧!希望上面这些个修图的小技巧可以帮你好好记录下生活的点点滴滴,把快乐给尽收囊中~
本文转载【原来是西门大嫂】微信公众号。原来是西门大嫂,和你分享时尚、美妆、旅行、生活方式等内容的十项全能生活指南。关注可在微信顶部搜索:原来是西门大嫂或sisterinlaw
更多往期精彩,戳下方图片哟
👇
学会的宝宝 点点在看 ! -
手机照片局部放大镜_今天才发现,原来苹果有这么多隐藏的功能!手机白用这么多年了...
2020-11-18 22:27:08说到苹果手机,可能大家第一时间想到的还是系统流畅度非常好,但很多小伙伴不知道,其实它的功能也都很实用,大家用了这么久的苹果手机有没有发现呢?今天让我们一起来看看吧。1、计算机的秘密用过苹果手机的小伙伴...说到苹果手机,可能大家第一时间想到的还是系统流畅度非常好,但很多小伙伴不知道,其实它的功能也都很实用,大家用了这么久的苹果手机有没有发现呢?今天让我们一起来看看吧。
1、计算机的秘密
用过苹果手机的小伙伴都知道,自带的计算机是没有删除键的,平时在计算的时候,按错一个键就要重新输入,其实不用那么麻烦,只要按住末尾数字往后拉就可以删除了。
另外,当我们在计算机界面,让手机横屏,会解锁更多的计算功能哦,前提是要把屏幕锁屏关掉。
2、放大器
这个功能就是一个放大镜,开启之后,可以按照倍数放大相机内的周边事物,启用方式:连按三次侧边的电源按钮即可使用“放大器”。
3、测距仪的使用
需要的时候,苹果手机也能当尺子使用,随时可以测量某个物体的长度和高度,虽然有一点点误差,也在可接受范围之内。测距仪在桌面的实用功能和设置中都可以找到。
4、相册隐藏
手机里有一些隐私照片不想让别人看到怎么办?其实苹果手机的相册有自带隐藏功能。首先打开相册,找到想要隐藏的照片,点击左下角的功能选项,接着点击隐藏就好了
如果想要解除隐藏的话,可以在相册的主页找到“已隐藏”相簿,即可解除隐藏。
5、快速撤销
平时在聊天,或写备忘录的时候,打了一段很长的文字,结果发现有错误,只能一个个按删除键删除?其实不用那么麻烦,可以在摇一摇手机,即可快速撤销,或者三指轻点屏幕两下,也可以实现撤销。
6、关闭App内评和评论
平时在下载或使用软件的时候,经常会收到给软件评分等级的消息,如果不想再接受这样的消息通知,可以在设置中,找到“iTunes与APP Store”,点击关闭“App内评分及评论”就可以了。
7、提高音乐播放音量
不少苹果用户表示在听歌的时候音量不够大,其实可以通过一个简单的方法来提高音乐播放音量。打开设置—音乐—均衡器,最后选择深夜就好了,如果你有这样的困扰,可以去试试。
以上就是小编分享的苹果手机的隐藏功能,如果你还知道哪些隐藏功能的话,欢迎大家在评论区补充哦!
-
手机照片局部放大镜_如何为不识字的老年人挑选一款合适的智能手机
2020-10-26 17:37:23这当然要归功于新买的手机,以前的手机奶奶总学不会打电话,从爷爷去世开始,就只是接,从没打过。为老年人,或者更限制一些,为“不识字的老年人”挑一款合适的手机,应该不是我一人遇到的问题,抽了时间将这次还... -
javascript实现放大镜效果实现(源码下载)
2021-09-14 13:59:32点击下载源码https://github.com/shi-jin/blog/tree/main/05-%E4%BA%AC%E4%B8%9C%E6%94%BE%E5%A4%A7%E9%95%9C%E6%95%88%E6%9E%9C(%E9%87%8D%E8%A6%81)%E6%BA%90%E7%A0%81 效果如图 部分代码 点击这里... -
Qt放大镜
2018-08-23 16:16:51看到自己手机T1上面的那个搜索app的图标是个放大镜,但是锤子科技把它真正做成了也具有放大镜的功能。 由于自己刚学Qt,所以也想在电脑上试一下做一个放大镜的小玩意。但是思路有限,对Qt掌握也不是非常好,... -
制作安卓PDF阅读器:四、实现文本选择之放大镜、长按拖动
2021-06-07 13:47:28》,看了后下载试用,还好。单就触屏体验而言,没他说的那么好听。这类国产APP的门面都是非常好看的,不论是图标还是动画效果。比如 ( 轻快PDF阅读器 ):漂亮的图标,给画家点赞!再如( PDF Viewer - ... -
手机照片局部放大镜_iphone手机这5个功能十分出色,满满的科技感,别再白白浪费...
2020-11-19 00:43:31苹果手机仍然站在不可被挑战的地位,就算各大厂商再怎么升级、改造、创新、但是至今还没有出现干的过IOS系统的新系统,苹果手机依旧卖的很火,在价格上我们都知道比其它品牌的手机高出不少,但是任然得到了大多数... -
手机照片局部放大镜_揭秘“网红大片”里的“骗局”!用手机就能惊艳朋友圈...
2020-10-22 23:32:01否则,嘿嘿嘿,你试试就知道了 ▼ 02 放大镜 放大镜,并不是只有老年人 才用的字体扩大器 咱们小年轻巧妙地使用下 它也能拍出有逼格的照片 使用放大镜放大你想要突出 或者让看图的人注意的点 如果,你的眼睛长得好看... -
悬浮图片app最新版下载-悬浮图片可拖动手机版下载-丫丫安卓网
2021-02-12 03:45:51悬浮图片app最新版是一款可拖动可缩小的让图片悬浮在手机桌面的应用软件,用户可以在这里自定义任何图片来进行操作,还能调整位置大小,你想怎么设置就怎么设置,透明的图片也是可以的,让桌面看起来更有创意,非常... -
数码显微镜驱动及上位机(附便携amcap软件).rar
2019-07-10 13:15:47内含便携迷你的amcap v3.0.9软件,驱动装好连接usb放大镜,开启amcap软件,勾选 options->preview即可看图。 win10测试可用! -
Android自定义控件(七)——ShapeDrawable实现放大镜效果
2019-11-25 12:24:02本文目录什么是ShapeDrawableOvalShape的基本用法放大镜效果实现 什么是ShapeDrawable ShapeDrawable是一种常见的Drawable,可以理解为通过颜色来构造的图形,它既可以是纯色的图形,也可以是具有渐变效果的图形... -
js手机商品放大展示特效
2021-04-25 05:35:49js手机商品放大展示特效是一款商品图片放大镜预览代码,带左右按钮和缩略图切换。 -
实现给图片添加放大镜,点击后全屏显示的功能
2019-03-16 23:59:52本文给出一个解决该问题的例子,实现鼠标移动到图片上时鼠标自动变为带加号的放大镜,点击后可以将图片放大成全屏显示,手机上也兼容。 效果: image-zoom.js (function() { // 文档图片放大查看 imgZoom()... -
电子显微镜驱动
2014-03-01 06:07:07电子显微镜驱动 标尺,GAOSUO+(2).rar -
桌面放大辅助器(Magic Lens Max) v4.0汉化绿色版.rar
2019-07-09 17:34:49Magic Lens Max 是一个实时的、直观的、先进的屏幕放大镜,并能缩放、旋转、加强、筛选和捕捉部分或完整的屏幕。内置高度优化重新取样和加强过滤器,Magic Lens Max 满足您在各种情况下需要非常清晰和锐利的视觉效果... -
如何将天猫淘宝上的主图原图下载并保存
2020-02-09 21:53:42比自己的有创意,然后就想把它的主图给下载来保存到电脑上做一个对比性的参考,可是用复制的老方法是下载不到原图的那种效果,在商家的平台上我们看到的主图都是带有放大镜的效果,那么要怎样才能把主图给采集到自己... -
屏幕放大缩小工具
2012-06-22 12:06:17Magnifier屏幕放大镜 1.08免费版-想放大就放大,想缩小,就缩小,无安装,直接运行 -
Qt放大镜(一)
2022-01-20 09:32:28看到自己手机T1上面的那个搜索app的图标是个放大镜,但是锤子科技把它真正做成了也具有放大镜的功能。 由于自己刚学Qt,所以也想在电脑上试一下做一个放大镜的小玩意。但是思路有限,对Qt掌握也不是非常好,就很...