当改变UIImageView的image属性时，UI会立刻从一张图片切换到另一张图片，显得十分生硬，本文记录如何为改变UIImageView的image属性时加入淡入淡出的效果。

项目会遇到给各种UI控件添加渐变背景色的需求，如果只是上下渐变或者左右渐变，可以使用Xcode xcassets的Slicing功能或者 api

- resizableImageWithCapInsets:

完成功能，但是如果是从左上角到右下角的渐变，或者是右上角到左下角渐变，使用截图恐怕不能完成。下面介绍一种生成渐变颜色UIImage的方法，从而可以使用UIColor的api

+ (UIColor *)colorWithPatternImage:(UIImage *)image

来设置背景色。

iOS UI开发的过程会遇到使用Hex Color创建UIColor，例如创建颜色为 R:60 G:180 B:174 的UIColor，使用UIColor的api可以使用如下的方式:

[UIColor colorWithRed:51/255.0f green:167/255.0f blue:158/255.0f alpha:1];

上述UIColor的十六进制的表示为0x3CB4AE, 使用0xFF来表示alpha值，使用ARGB的形式拼合成0xFF3CB4AE, 那么可以使用如下方式创建UIColor:

[UIColor colorWithHex:0xFF3CB4AE]

实现方式如下:

本文记录的是使用OC进行NSData和十六进制字符串之间的相互转换。其中将十六进制字符串转换成NSData的代码如下:

有时候需要为UIView添加虚线描边，本文记录一种实现方式，主要是通过对UIView的根layer添加CAShapeLayer来完成。效果图如下:

核心代码示例如下:

本文记录的是如何绘制一个背景颜色渐变的滑动条，最终的效果如下图:

绘制渐变背景这里用到了CAGradientLayer和CALayer的mask，首先使用两个CAGradientLayer绘制如下的背景: