圆角+阴影+倾斜度渐变色的按钮效果
在项目中,遇到UI设计师要求整个项目中的按钮样式修改,由小圆角按钮改为“一定倾斜度的渐变色” + 两头半圆形 + 浅色阴影效果, 容易想到的实现方式就是,让UI切图来实现; 其实更好的方法是自定义一个按钮的子类,让子类具有那些效果,这样只需要使用子类去初始化按钮,按钮就具有了这种特性。
自定义按钮子类实现的优缺点 优点:
-
不需要UI切图,UI只需要把渐变的几个颜色值、倾斜的角度、阴影的属性告诉开发、给出一样参照例子。
-
项目中所有要具有这种效果的按钮只需要将UIbutton改为自定义的类名即可,简单方便
-
后续如果有其他页面中按钮需要这样的效果,只需要使用子类去创建视图即可,可拓展性好
-
一改全改,修改子类,所有效果都可以跟着变,方便做统一修改。
缺点:需要将子类效果写好需要一点时间
UI切图实现的优缺点: 优点:只需要给按钮设置可点击和不可点击的图片即可,不用管设置阴影、圆角、倾斜角度渐变色背景的代码
缺点:
-
UI需要切很多的图,可点击、不可点击状态下的图,UI设计师工作量大。
-
自己要手动去一个一个设置图片,开发人员工作量大。
-
后续如果还有这种按钮,还需要UI设计师切图,自己手动设置图片。。
-
后续要修改成其他样式呢?。。。。。 经过上面的分析可以看出,我们该做出怎样的选择。