此篇文章写给可爱的美工们,希望能提供我们开发者易用规范的素材,好两三下就能用上,来制作漂亮的 iOS 按钮。
一般按钮有三个状态,
正常(normal)的状态,按钮大小请忽略,
实现这个效果,需要提供按钮图片,字体颜色,像这样的图片,50*50。
为什么是 50*50呢,而不是100*50,宽更长一些呢?因为图片的伸缩可以用代码来控制,提供正方形的就好。另外,四个角落需要是透明的,而不是白色的。
失效无法点击(disabled)的状态,
需要提供图片,
按钮的点击时的状态。为了有个点击效果,所以按钮背景需要改变,
像这样,比较深颜色一点。则需要提供图片,
所以,一个登录按钮,需要这三张图片,
同时注意一下命名,“ButtonNameNormal”,“ButtonNameDisable”,“ButtonNameHighlight” 。如果这个按钮只出现一个界面,还需要加上界面前缀,比如 ProfileSettingBtnNormal,来表示个人主页的设置按钮正常状态下的图片。
再来看一组图片,红色按钮所需的图片,
如果按钮并没有无法点击的状态,上面的登录按钮在没有输入密码的时候可以为无法点击的状态,有些按钮永远是可以点击的,那么只需要提供两个图片就行了。
更多的请看,
按钮图片也不用每张都自己制作,市面上的App的图片素材我们都是可以轻易得到的,见我之前写的一篇文章《如何得到
iOS 应用的图片素材》
类似提供易用规范的素材时,开发者会爱死你!
时间: 2024-10-12 19:59:51