iOS 图片拉伸技巧

作者: devchena | 来源:发表于2015-10-15 16:03 被阅读1801次

在项目中有的图片需要拉伸处理,常用的有两种方式:

1. 代码:

iOS图片拉伸技巧

2. 在xcode中设置图片的Slices

有两种方式:

方式一

执行步骤

点击Slices后可以看到:

选择拉伸方式:分别为水平,垂直,水平和垂直

在这里我选择垂直拉伸:

垂直

Top,Bottom,Height是Xcode默认设置的最优参数,可以根据需要实际调整。
Tiles:填充
Stretches:拉伸

方式二

选中图片后大家会看到右下角有个Show Slicing按钮,直接点击该按钮可以很直观的设置具体拉伸的部位。

Show Slicing

点击Show Slicing后:

Start Slicing

点击Start Slicing即可直观设置图片的拉伸了:

分别为:水平、水平垂直、垂直拉伸

主题的拉伸大家可以点击上图的按钮直观查看。

相关文章

  • 图片拉伸处理

    Code Sketch GitHub StretchImageDemo Articles iOS 图片拉伸技巧 i...

  • iOS 图片拉伸技巧

    在项目中有的图片需要拉伸处理,常用的有两种方式: 1. 代码: iOS图片拉伸技巧 2. 在xcode中设置图片的...

  • iOS 图片拉伸技巧

    在项目中有的图片需要拉伸处理(比如QQ聊天信息的Message Button背景图片),常用的有两种方式: 一. ...

  • ios图片拉伸技巧

    要点:1在 assets 中点击show slicing 可以可视化点九拉伸图。2可以在 uiimageview ...

  • iOS图片拉伸技巧

    小马哥的博客 这里是连接 到iOS 6.0为止,iOS提供了3种图片拉伸的解决方案,接下来分别详细介绍这些方案。

  • iOS图片拉伸技巧

    iOS图片拉伸技巧 转载地址http://blog.csdn.net/q199109106q/article/de...

  • iOS 图片拉伸技巧

    第一种:拉伸一张图片的中心位置 第二种:拉伸图片的某个区域(可选拉伸模式) 注意:只拉伸左右,要保持图片宽度与图片...

  • iOS图片拉伸技巧

    纵观移动市场,一款移动app,要想长期在移动市场立足,最起码要包含以下几个要素:实用的功能、极强的用户体验、华丽简...

  • iOS图片拉伸技巧

    比如下面张图片,本来是设计来做按钮背景的: 现在我们把它用作为按钮背景,按钮尺寸是150x50: 运行效果图 可以...

  • iOS图片拉伸技巧—— resizableImageWithCa

    原先以为很简单的东西,到了实际做的时候,才发现这里出错那里不对。浪费很多时间,究根结底,还是没有弄清楚文档。 在i...

网友评论

  • 叁號選手:能不能说的再详细一点!里面的那些线怎么拖?白色的灰色的区域是什么意思?
  • linqiang:请问一下,就如上图一样,怎样只拉伸两遍,而中间的三角一直在中间?
    devchena: @linqiang 这个就得设置垂直拉伸了,水平拉伸的话三角位置会变,你试试
    linqiang:@devchen 其实,我不需要垂直拉伸,在使用水平拉伸的时候,使用无法让那个三角处在中间位置,要么就是会出现两个,三个~
    devchena:@linqiang 拉伸有水平和垂直拉伸,可以分别设置拉伸的位置
  • devchena:恩恩,这样更方便,直观,我加到文章中去。谢谢指点 :smiley:

本文标题:iOS 图片拉伸技巧

本文链接:https://www.haomeiwen.com/subject/jwzocttx.html