wpf 放大缩小界面_几何画板 | 放大镜效果的制作

0708ff737fb3d8ad9f36c64117ab6c25.png

效果展示

本文主要面向有一定基础的几何画板爱好者,行文中略去了一些操作细节。

看下面动图,照片中的建筑物在放大镜里的部分变大了,原来远处的文字也能看的很清楚(称“望远镜”是不是更贴切?呵呵?).

8e5b4071bda881c4452c50e72b2bf724.gif

还可以通过左右拖动左下角的控制点E,来调整放大倍数.

制作方法

首先准备一张图片,拷贝到几何画板界面中。新建坐标系,让图片中心与原点重合。先根据图片的比例,在坐标系中绘制图片左下角的A点,再分别沿y轴,x轴反射,得到右下角B和左上角C点,之后将图片粘贴的这三个点上,具体粘贴方法请参考之前的图片操作介绍(几何画板晋级之路(9)|图片操作(1)).

7cabbf4ac234712c6caf455d359cf1e4.png

下面制作缩放控制条:创建自由点D,右移2cm得到E,再右移得到F,构造射线EF(也可以构造射线DE,这样能使将来的缩放倍数可以小于1,出现缩小的效果),在射线上构造自由点G:

986e8e867609f381103e99477122d8d7.png

度量DG/DE,并将度量值的属性标签设为n(这就是缩放倍数),连结EG,这样缩放控制条就做好了:

e2b4965bfb66e8ab5a9075c7aa352b1f.png

接下来绘制放大镜,这里的步骤较多——首先在网上下载一个放大镜图片,通过抠图抠掉周围的多余内容,另存为png格式图片,拷贝到几何画板中备用.然后构造一个正方形,使正好容纳放大镜,在正方形的左上角的位置绘制一个圆,在圆上取一点,通过不断旋转6°,得到一周的点,依次选中这些点,构造形状.

ae4ee30e7b297cf57a98db40f55fb617.png

将放大镜周围多余的元素隐藏.

测量放大镜圆的圆心H的横坐标和纵坐标,进行如下的计算(这是放大镜的核心算法,希望你能看得懂):

43aad329f1640d3fed5b83f2a6cdabf0.png

利用刚才的计算结果绘制点,并设置标签为K:

0e6b1603a9286f25c601732af344836f.png

为观察方便,现将刚才的建筑物图片暂时隐藏.

将K按向量OA平移到K',再将K'按n缩放至M1,这就是放大图的左下角,类似地得到点M2(右下角),M3(左上角):

ad433cbf76654a766f1c2cdee9e8efa5.png

复制图片到剪切板,依次选中M1,M2,M3,执行“编辑→粘贴图片”:

1ee9d8450bcc7c8c777b4f5350b5f9ce.png

同时选中刚才的图片和放大镜中的多边形,执行菜单“编辑→剪切图片到多边形”,然后将刚才隐藏的图片显示出来:

e3d9f233432eb6c830c2127829dd3f5f.png

将多余的元素隐藏:

c9d02131d0c3bc2e0dcfa208f9928c73.png

到此为止,放大镜的效果基本上就做成了.

下面美化一下缩放按钮: 先将点G向上平移0.5cm,绘制文本n+“倍”,同时选中文本和点,执行如下菜单:

3ab6ff722f08d3f5dcadc715f6703022.png

看看最后效果:

3408d70238088ad97e900319635b02cd.png

 往 期 

 精 选 

  1. 几何画板晋级之路(10)|图片操作(2)

  2. PPT |高中数学说课课件示例

  3. PPT |班主任素质大赛课件示例

  4. 几何画板晋级之路(7)|3D平台初步(2)

  5. 几何画板晋级之路(4)|颜色与动态颜色

  6. 几何画板晋级之路(3)|迭代——挑战操作的极限

  7. 几何画板晋级之路|参数——动态几何的灵魂(2)

  8. 几何画板晋级之路|参数——动态几何的灵魂

  9. PPT课件| 封面就是一张脸,你要不要

  10. 高中数学始业教育PPT、word文档+初高中衔接教材(3套),课件资源一网打尽

  11. 培训笔记 | 提高教学技能,追求业务精湛

  12. VBA| 教你用excel实现随机点名

  13. 河北2019中考画板演绎合集(提供源文件)

  14. PPT | 形状的布尔运算简介

fa52e1233d1757b2ff0cf0dea4f52f14.png

838efca7b0ce0228adaa00dbf049ac51.png

d3753931d86b629efd0ab4aa98e62118.png

作者微信

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值