如何迅速地制作一张Loading的gif动图

打开ps软件，新建400*300的文档，分辨率72就行，背景白色即可。

新建一个透明图层，选择椭圆选框工具，按住shift，拉出一个圆形。

设置好前景色ffe689和背景色fa8b00。选择渐变工具，选定角度渐变。在圆形选框中拉一个渐变出来。效果如图。

按住ctrl+d，取消选区，这个时候，loading素材就做好了，接下来制作动画效果。把ps的工作面板设定成“动感”模式。

点击创建视频时间轴按钮，创建一条时间轴，并缩短到两秒钟。

右键单击图层一，选择转换成智能对象。因为，智能对象的变换动画效果更好 *** 作。

在时间轴面板中，将时间指示器移动到起始位置，然后点击变换左侧的锚点添加关键帧。

将时间指示器移动到1秒的地方，选择编辑>变换>旋转180°。则会自动在该时间点处添加关键帧。

将时间指示器移动到最后，再次选择编辑>变换>旋转180°。同样会自动添加关键帧。

如此，已经完成了Loading的简单制作，可以按空格键播放预览效果。如果对效果满意，则可以选择文件>存储为web所用格式，保存为gif格式图片即可了。PS：注意动画的循环选项设置成永远。

最终效果见下图。

ViewController。h托控件视图展示

@property (strong, nonatomic) IBOutlet UITextField *latitudeField

@property (strong, nonatomic) IBOutlet UITextField *longitudeField

@property (strong, nonatomic) IBOutlet MKMapView *mapView

- (IBAction)goClicked:(id)sender

ViewController。m 具体实现

#import#import "FKViewController.h"@interface FKViewController (){

//

CLGeocoder* geocoder

}

@end

@implementation FKViewController

- (void)viewDidLoad

{

[super viewDidLoad]

geocoder = [[CLGeocoder alloc] init]

// 设置地图的显示风格，此处设置使用标准地图

self.mapView.mapType = MKMapTypeStandard

// 设置地图可缩放

self.mapView.zoomEnabled = YES

// 设置地图可滚动

self.mapView.scrollEnabled = YES

// 设置地图可旋转

self.mapView.rotateEnabled = YES

// 设置显示用户当前位置

self.mapView.showsUserLocation = YES

// 调用自己实现的方法设置地图的显示位置和显示区域

[self locateToLatitude:39.5427 longitude:116.2317]

// 创建一个手势处理器，用于检测、处理长按手势

UILongPressGestureRecognizer* gesture = [[UILongPressGestureRecognizer

alloc]initWithTarget:self action:@selector(longPress:)]

// 为该控件添加手势处理器

[self.view addGestureRecognizer:gesture]

self.mapView.delegate = self

}

- (IBAction)goClicked:(id)sender

{

// 关闭两个文本框的虚拟键盘

[self.latitudeField resignFirstResponder]

[self.longitudeField resignFirstResponder]

NSString* latitudeStr = self.latitudeField.text

NSString* longtitudeStr = self.longitudeField.text

// 如果用户输入的经度、纬度不为空

if (latitudeStr != nil &&latitudeStr.length >0

&&longtitudeStr != nil &&longtitudeStr.length >0)

{

// 调用自己实现的方法设置地图的显示位置和显示区域

[self locateToLatitude:latitudeStr.floatValue

longitude:longtitudeStr.floatValue]

}

}

//自定义方法跳转至指定经纬度并添加锚点

- (void)locateToLatitude:(CGFloat)latitude longitude:(CGFloat)longitude

{

// 设置地图中心的经、纬度

CLLocationCoordinate2D center = {latitude , longitude}

// 设置地图显示的范围，

MKCoordinateSpan span

// 地图显示范围越小，细节越清楚

span.latitudeDelta = 0.01

span.longitudeDelta = 0.01

// 创建MKCoordinateRegion对象，该对象代表了地图的显示中心和显示范围。

MKCoordinateRegion region = {center,span}

// 设置当前地图的显示中心和显示范围

[self.mapView setRegion:region animated:YES]

// 创建MKPointAnnotation对象——代表一个锚点

MKPointAnnotation* annotation = [[MKPointAnnotation alloc] init]

annotation.title = @"八维研修学院"

annotation.subtitle = @"上地7街软件园南"

CLLocationCoordinate2D coordinate = {latitude , longitude}

annotation.coordinate = coordinate

// 添加锚点

[self.mapView addAnnotation:annotation]

}

- (void) longPress:(UILongPressGestureRecognizer*)gesture

{

// 获取长按点的坐标

CGPoint pos = [gesture locationInView:self.mapView]

// 将长按点的坐标转换为经度、维度值

CLLocationCoordinate2D coord = [self.mapView convertPoint:pos

toCoordinateFromView:self.mapView]

// 将经度、维度值包装为CLLocation对象

CLLocation* location = [[CLLocation alloc] initWithLatitude:coord.latitude

longitude:coord.longitude]

// 根据经、纬度反向解析地址

[geocoder reverseGeocodeLocation:location completionHandler:

^(NSArray *placemarks, NSError *error)

{

if (placemarks.count >0 &&error == nil)

{

// 获取解析得到的第一个地址信息

CLPlacemark* placemark = [placemarks objectAtIndex:0]

// 获取地址信息中的FormattedAddressLines对应的详细地址

NSArray* addrArray = placemark

.addressDictionary[@"FormattedAddressLines"]

// 将详细地址拼接成一个字符串

NSMutableString* address = [[NSMutableString alloc] init]

for(int i = 0 i <addrArray.count i ++)

{

[address appendString:addrArray[i]]

}

// 创建MKPointAnnotation对象——代表一个锚点

MKPointAnnotation  *annotation = [[MKPointAnnotation alloc] init]

annotation.title = placemark.name

annotation.subtitle = address

annotation.coordinate = coord

// 添加锚点

[self.mapView addAnnotation:annotation]

}

}]

}

#if 1

// MKMapViewDelegate协议中的方法，该方法的返回值可用于定制锚点控件的外观

- (MKAnnotationView *) mapView:(MKMapView *)mapViewviewForAnnotation:(id) annotation

{

static NSString* annoId = @"fkAnno"

// 获取可重用的锚点控件

MKAnnotationView* annoView = [mapView

dequeueReusableAnnotationViewWithIdentifier:annoId]

// 如果可重用的锚点控件不存在，创建新的可重用锚点控件

if (!annoView)

{

annoView= [[MKAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:annoId]

/*

如果不想改变锚点控件的图片，只想改变颜色，则可创建MKPinAnnotationView实例

再修改MKPinAnnotationView对象的pinColor属性即可。

*/

}

// 为锚点控件设置图片

annoView.image = [UIImage imageNamed:@"pos.gif"]

// 设置该锚点控件是否可显示气泡信息

annoView.canShowCallout = YES

// 定义一个按钮，用于为锚点控件设置附加控件

UIButton *button = [UIButton buttonWithType:UIButtonTypeDetailDisclosure]

// 为按钮绑定事件处理方法

[button addTarget:self action:@selector(buttonTapped:)

forControlEvents:UIControlEventTouchUpInside]

// 可通过锚点控件的rightCalloutAccessoryView、leftCalloutAccessoryView设置附加控件

annoView.rightCalloutAccessoryView = button

return annoView

}

#endif

- (void) buttonTapped:(id)sender

{

NSLog(@"您点击了锚点信息！")

}

@end

---