欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

iOS图片拉伸技巧小结

程序员文章站 2024-02-16 22:13:16
对于有些图标等按钮 在美工设计的按钮下可以通过拉伸效果处理所需效果,最熟悉的莫过于微信聊天的 椭圆背景,也是通过这个这个原理进行背景图片。 如对该图片拉伸,如何操作? 首...

对于有些图标等按钮 在美工设计的按钮下可以通过拉伸效果处理所需效果,最熟悉的莫过于微信聊天的 椭圆背景,也是通过这个这个原理进行背景图片。

iOS图片拉伸技巧小结如对该图片拉伸,如何操作? 首先找到要拉伸的部分,很明显 两侧椭圆是不变 要拉伸的是中间部分,如何指定中间部位,先看下图

iOS图片拉伸技巧小结

指定这4个宽度后 会形成黑色模块 直白点就是 这块内容就是拉伸后中间那块不断填充的部分

具体代码:

uiimage* img=[uiimage imagenamed:@"2.png"];//原图
  uiedgeinsets edge=uiedgeinsetsmake(0, 10, 0,10);
  //uiimageresizingmodestretch:拉伸模式,通过拉伸uiedgeinsets指定的矩形区域来填充图片
  //uiimageresizingmodetile:平铺模式,通过重复显示uiedgeinsets指定的矩形区域来填充图
  img= [img resizableimagewithcapinsets:edge resizingmode:uiimageresizingmodestretch];
  self.imageview.image=img;

拉伸后效果:

iOS图片拉伸技巧小结

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。