iOS 每日一记之———————————————show slicing 的使用初体验

最新推荐文章于 2021-08-29 19:26:24 发布
最新推荐文章于 2021-08-29 19:26:24 发布
阅读量2k 收藏
点赞数
分类专栏： iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26359763/article/details/50857379
版权

我们都知道设计师给我们的图片 有的时候并不是特别完美 还需要我们去裁剪下 尤其是做聊天的时候 需要对聊天气泡 进行修改 拉伸什么的。。。。

以前我们做拉伸 都用的是这个方法吧 。。。resizableImageWithCapInsets:UIEdgeInsetsMake 但是这个方法不够直观。。。  Xcode5之后引入了一个神器。。Show Slicing。。。

据说很腻害 下面我们就来看下它的用法

如图所示


右下角的show Slicing 就是了  点开之后会让你选择拉伸类型 一个上下拉伸 一个左右拉伸 一个就是上下左右都能拉伸的。。。。


额。。。。效果图就是这样了

额。。。。 现就这样吧 。。。毕竟初次使用

ZH_CQ_iOS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Xcode图片素材Slicing处理（包括缩放和延伸）
ZhongLv_HoneyMoon的博客
05-22 828
一、需求背景 在项目开发中，在UI切图不全的情况下，我们可以通过放大缩小图片某个区域适配各种机型防止背景图片变形。iOS可以通过UIImage的方法resizableImageWithCapInsets切片设置图片的可拉伸区域，也可以通过slicing（基于OS7以上的 并且用Media.xcassets管理图片）可视化的制定图片的可扩展和不可变区域 。(而我所遇到的问题是, 设置聊天对话框, 会随着聊天文字内容而横向和纵向的变化) 二.首先讲iOS中的切片缩放 iOS的图片Slicing，同等于Andr
Xcode slicing 精解
kmyhy的专栏
01-17 6564
slicing 和图片拉伸 从 Xcode 5 开始就支持 image slicing 功能，这个功能非常强大，从一定程度上解决了不规则图片的拉伸问题。然而许多同学并不知道这个功能，或者在对这个功能理解得并不透彻，导致使用中出现这样那样的问题。 简单说，这个功能是用来拉伸图片的，是这两个方法的可视化版本： stretchableImageWithLeftCapWidth: topCapHe
iOS开发中拉伸图片的几种方式
iOSTenDays的博客
03-22 4097
在iOS开发中,经常会遇到控件尺寸和图片大小不匹配的情况. 一些情况下, 我们需要对图片进行拉伸, 以满足美观需求. 总的来说, 图片的拉伸方式可以分为两种, 一种是通过Xcode自带的Show Slicing功能, 一种是通过代码进行拉伸. 首先, 介绍Xcode自带的Show Slicing 功能. 1. 如下图所示的图片, 如果不进行拉伸, 直接设置给一个长度比较长的b
IOS指定图片可变区域（slicing）
非典型程序员的专栏
03-04 7379
初衷 最近做项目时一些view上用到了同一种图片，只是图片的大小不同，我们都知道，如果用同一张图片，只是简单的对齐进行缩放拉伸的话，图片就会出现模糊，或者图片的效果达不到理想的状态。在搜集了一些资料以后，发现xcode已经早想到了这个问题，也为开发者提供了相应的解决方案。现在跟大家分享出来，以供大家共同学习进步，有不足之处，希望大家多多包涵。 Slicing 使用xcode提供的sl
优化 App Assets （WWDC 2018 session 227）
TuGeLe的博客
07-26 1234
该篇博客记录了观看WWDC Session227《Optimizing App Assets》的内容以及一些理解。 引言 该session主要讲述了使用Assets Catalog的新特性来优化App资源文件的部署。 主要从以下四个方面来进行： 压缩(Compression) 设计(Design)和生成(Production) 分类(Cataloging) 部署(Deploymen...
关于UIImage的capInsets以及Xcode的图片Slicing功能和Stretching功能
goodswifter
10-31 4481
图片拉伸处理
使用切片（Slicing）准备按钮模板
幸福在路上
10-09 977
创建一个按钮（UIButton）并把它关联到视角控制器（view controller）的行为（@IBAction）。容易极了，对吗？使用按钮的方法确实相对比较直接，但你可能已经注意到了，通过界面创建器（Interface Builder）创建的默认的按钮长得不像一个按钮。要创建出生动吸引人的按钮并不一定要为每个按钮各配一张图，我们可以使用切片技术准备一个按钮模板。 Xcode提供切片工具来定义一
ios 中间 图片缩放_iOS开发--如何进行图片缩放
weixin_29865333的博客
12-30 288
进入新公司的第一个测试我能力的项目，就是做一个仿微信聊天界面的APP，其中有一个重要的考查点就是气泡效果，需要气泡大小能适应文字或者图片、文件的显示区域。当时想到了用代码和Image Slicing两种方式实现，和大家分享一下。一、代码实现图片缩放对于拉伸的方式，有以下两种：＊IUIImageResizingModeStretch：拉伸模式，通过拉伸UIEdgeInsets指定的矩形区域是我们要保...
ios设置图片的拉伸区域
我的专栏
02-15 2383
在ios开发中，有些时候需要设置图片的拉伸区域。例如给定要实现如下效果： 可见需要对只对图片的中心区域进行拉伸。 实现步骤： 1，在Assets.xcassets在找到图片，并点击showSlicing,如图： 2,点击图片上的 "start Slicing",选择“水平垂直”拉伸，拖动上面的虚线设置拉伸的区域
iOS-使用Xcode拉伸图片
weixin_33856370的博客
10-16 115
如果要制作一个类似于QQ消息气泡的图片，该如何制作呢？android中可以使用.9图片指定图片中的某一部分拉伸，那iOS中类似的功能要如何实现呢，Xcode提供了类似的功能。具体步骤如下： 1.选择需要进行拉伸的图片 上图是一个搜索框的背景图片，很明显，需要对搜索框的中间区域进行拉伸。 2.点击图片右侧的属性部分 可以看到，里面有一个Slicing(切片)属性，在Slices属性中...
WWDC2013笔记 Xcode5和ObjC新特性
呆萌院长
07-02 2312
http://onevcat.com/2013/06/new-in-xcode5-and-objc/ WWDC2013笔记 Xcode5和ObjC新特性 Welcome to Xcode 5 这是我的WWDC2013系列笔记中的一篇，完整的笔记列表请参看这篇总览。本文欢迎转载，但烦请保留原文链接出处（http://onevcat.com/2013/06/new
Xcode Slicing 无效
记事本
07-11 1675
Xcode Slicing 功能无效，网上查资料说是以为发布版本低于7.0 打开工程看了下自己的，=7.0 应该没问题，不知道在哪里看的 说默认文件夹这个词，于是拖出来，好了。。。。。还没测试storyboard 回头试一下。。。。感觉好坑。第二个图，切图后 为毛显示一排，无意间看到这货，忽然想起来了。修改为fit后，ok。 如果英文好，我想这都不是事。。。要好好学英语。
ios7 (xcode5)新特性-asset catalog与image slicing
weixin_33681778的博客
02-10 110
转载有道德！转载自 这篇文章 Asset catalog是有一系列的图片，图标，启动画面等组成的。当创建Xcode5工程时候会常见一个asset catalog，名字为Images.xcassets。Asset catalog在磁盘中是一个目录。目录中除了包含图片外，还包含一个json文件，如下图所示：App icons 和launch imagesImages.xcassets 中包含A...
使用Asset Catalog 的Slicing的功能
MinJing_Lin的博客
03-31 1762
系统自带一个Asset Catalog（图片资源目录），名字为Assets.xcassets ; 该文件夹中存放了图片和对应的json文件来保存图片信息。 Slicing （图像切片）拉伸图片，支持水平,垂直,水平和垂直同时拉伸三种
图片拉伸的几种方式
落寒的专栏
06-27 1699
第一种，使用代码 + (UIImage *)resizableWithName:(NSString *)imageName{     UIImage *image = [UIImage imageNamed:imageName];     /**      *  1. 可以在图片资源里，选择show slicing进行设置拉伸图片   
拉伸图片的两种方法
tiny19920911的博客
02-23 1万+
在开发时，常常会遇到一个图片作为控件的image显示时，图片太小，此时图片被拉伸后,图片四周显示的并不是我们想要的结果，此时我们就需要对图片进行拉伸操作，有两种方法可以去拉伸图片， 一种是进入资产文件夹中，将图片进行拉伸操作。第二种就是代码进行图片拉伸。     第一种方法的操作步骤：        1. 使用xcode进入应用程序的资产文件夹下，点击需要拉伸的图片        2
IOS使用xcode可视化图像编辑功能进行图片拉伸
weixin_34080951的博客
05-06 624
IOS中可视化拉伸图片技巧 一、补充 在我的另一篇博客http://my.oschina.net/u/2340880/blog/403996中探讨了IOS拉伸图像(UIImage)的几种方法和一些小经验，这篇是一个补充，再将xcode中的另一种可视化拉伸图像的方法的使用介绍给大家。 二、如何使用 IOS开发文档中的描述：https://devel...
iOS之深入解析App Thinning的应用瘦身优化
热门推荐
╰つ栺尖篴夢ゞ
08-29 1万+
当前 iOS App 的编译打包方式是把适配兼容多个设备的执行文件及资源文件合并一个文件，上传和下载的文件则包含了所有的这些文件，导致占用较多的存储空间。 App Thinning 是一个关于节省 iOS 设备存储空间的功能，它可以让 App Store 和操作系统在安装、更新及运行 iOS 或者 watchOS 的 App 等场景时，通过一系列的优化，尽可能减少安装包的大小，仅下载所需的资源，减少 App 的占用空间，从而节省设备的存储空间。这个过程包括了三个过程：slicing、bitcode、on-.
iOS中对图片拉伸的四种方式
謝公子造轮子
02-04 1万+
1. UIImageView整体拉伸方式一是通过设置容器UIImageView中图片的显示模式：UIImageView-contentMode，使容器内的图片按照需要的拉伸方式在容器中显示。typedef NS_ENUM(NSInteger, UIViewContentMode) { UIViewContentModeScaleToFill, // 默认 拉伸（会变形）
故障特征提取——基于频率切片小波变换(fswt)
最新发布
06-26
频率切片小波变换（Frequencies Slicing Wavelet Transform，FSWT）是一种信号分析方法。它是一种线性时频分析方法，能够将信号在时间域和频率域上同时进行分析。 该方法通过对信号进行小波变换，得到小波系数，再...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值