美工如何提供按钮图片给开发者

更新：如果是单一颜色的圆角按钮图片的话，在iOS上，其实是可以用代码实现的。不是单一颜色，有图形的按钮的话，此篇文章讲的方法还是适用的。

此篇文章写给美工们，希望能提供我们开发者易用规范的素材，好两三下就能用上，来制作漂亮的iOS按钮。

一般按钮有三个状态，

正常(normal)的状态，按钮大小请忽略，

实现这个效果，需要提供按钮图片，字体颜色，像这样的图片，50*50。

为什么是 50*50呢，而不是100*50，宽更长一些呢？因为图片的伸缩可以用代码来控制，提供正方形的就好。另外，四个角落需要是透明的，而不是白色的。

失效无法点击(disabled)的状态，

需要提供图片，

按钮的点击时的状态。为了有个点击效果，所以按钮背景需要改变，

像这样，比较深颜色一点。则需要提供图片，

所以，一个登录按钮，需要这三张图片，

同时注意一下命名，“ButtonNameNormal”，“ButtonNameDisable”，“ButtonNameHighlight” 。如果这个按钮只出现一个界面，还需要加上界面前缀，比如 ProfileSettingBtnNormal，来表示个人主页的设置按钮正常状态下的图片。

再来看一组图片，红色按钮所需的图片，

如果按钮并没有无法点击的状态，上面的登录按钮在没有输入密码的时候可以为无法点击的状态，有些按钮永远是可以点击的，那么只需要提供两个图片就行了。

更多的请看，

按钮图片也不用每张都自己制作，市面上的App的图片素材我们都是可以轻易得到的，见我之前写的一篇文章《如何得到 iOS 应用的图片素材》

类似提供易用规范的素材时，开发者会爱死你！