Skip to content

圆角+阴影+倾斜度渐变色的按钮效果

Notifications You must be signed in to change notification settings

1ikeSmi1e/TestShadow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

TestShadow

圆角+阴影+倾斜度渐变色的按钮效果

在项目中,遇到UI设计师要求整个项目中的按钮样式修改,由小圆角按钮改为“一定倾斜度的渐变色” + 两头半圆形 + 浅色阴影效果, 容易想到的实现方式就是,让UI切图来实现; 其实更好的方法是自定义一个按钮的子类,让子类具有那些效果,这样只需要使用子类去初始化按钮,按钮就具有了这种特性。

自定义按钮子类实现的优缺点 优点:

  1. 不需要UI切图,UI只需要把渐变的几个颜色值、倾斜的角度、阴影的属性告诉开发、给出一样参照例子。

  2. 项目中所有要具有这种效果的按钮只需要将UIbutton改为自定义的类名即可,简单方便

  3. 后续如果有其他页面中按钮需要这样的效果,只需要使用子类去创建视图即可,可拓展性好

  4. 一改全改,修改子类,所有效果都可以跟着变,方便做统一修改。

缺点:需要将子类效果写好需要一点时间

UI切图实现的优缺点: 优点:只需要给按钮设置可点击和不可点击的图片即可,不用管设置阴影、圆角、倾斜角度渐变色背景的代码

缺点:

  1. UI需要切很多的图,可点击、不可点击状态下的图,UI设计师工作量大。

  2. 自己要手动去一个一个设置图片,开发人员工作量大。

  3. 后续如果还有这种按钮,还需要UI设计师切图,自己手动设置图片。。

  4. 后续要修改成其他样式呢?。。。。。 经过上面的分析可以看出,我们该做出怎样的选择。

About

圆角+阴影+倾斜度渐变色的按钮效果

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published