【无限互联】学员作品：面包旅行APP

项目功能介绍：

该app可以查看应用推荐达人的旅行游记，查看旅游的图片文字，以及旅游路线，实时关注各地旅游特价，是出门旅行的得力助手。

项目效果：

首页 :

顶端可以查看最新新闻资讯，下方是推荐达人的旅途游记。

点击单元格会弹出旅游的详情，查看图片，旅游路线。还有评论。

添加列表：

调用了相机，相册。以及表情绘制。

个人中心：

查看自己,以及他人的详细信息。

包括，收藏列表。喜欢列表，关注列表。

实现技术：

首页：

使用AF框架请求数据，

1.在首页创建了一个可以自动滚动，带点击事件的滑动视图，继承SGFocusImageFrame，并且可以实时请求网络图片。

2.在首页使用mmdreamer第三方开源类创建一个左滑控制器，显示视图。

主要代码如下：

SGFocusImageItem *item1 = [[SGFocusImageItemalloc]initWithTitle:nilimage:[UIImageimageNamed:@”1.jpg”]tag:0] ;

    SGFocusImageItem *item2 = [[SGFocusImageItemalloc]initWithTitle:nilimage:[UIImageimageNamed:@”2.jpg” ]tag:1] ;

    SGFocusImageItem *item3 = [[SGFocusImageItemalloc]initWithTitle:nilimage:[UIImageimageNamed:@”3.jpg” ]tag:2] ;

    SGFocusImageItem *item4 =[[SGFocusImageItemalloc]initWithTitle:nilimage:[UIImageimageNamed:@”4.jpg” ]tag:4] ;

    SGFocusImageFrame *imageFrame = [[SGFocusImageFramealloc]initWithFrame:CGRectMake(0,0,self.view.bounds.size.width,100.0)

                                                                   delegate:self

                                                             focusImageItems:item1, item2, item3, item4, nil];

2.在旅游详情界面进行排版，正确显示全部图片以及文字内容。实现图片浏览。

3.获取旅游景点，在地图上绘制线路，添加各个地点的大头针，为大头针标注。

4.点击大头针标注会跳转到相应的该景点详情。

绘制直线的主要代码：

– (void)drawLineWithLocationArray:(NSArray *)locationArray

{

    int pointCount = [locationArraycount];

    CLLocationCoordinate2D *coordinateArray = (CLLocationCoordinate2D *)malloc(pointCount *sizeof(CLLocationCoordinate2D));

    for (int i =0; i

        CLLocation *location = [locationArrayobjectAtIndex:i];

        coordinateArray[i] = [locationcoordinate];

    }

    routeLine = [MKPolylinepolylineWithCoordinates:coordinateArraycount:pointCount];

    [mapView1setVisibleMapRect:[routeLineboundingMapRect]];

    [mapView1 addOverlay:routeLine];

    free(coordinateArray);

    coordinateArray = NULL;

}

#pragma mark – MKMapViewDelegate

– (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id)overlay

{

    if(overlay == routeLine) {

        if(nil == routeLineView) {

            routeLineView = [[MKPolylineViewalloc]initWithPolyline:routeLine] ;

            routeLineView.fillColor = [UIColorredColor];

            routeLineView.strokeColor = [UIColorredColor];

            routeLineView.lineWidth =5;

        }

        returnrouteLineView;

    }

    return nil;

}

– (void)drawTestLine

{

    arrayA  = [[NSMutableArrayalloc]init];

    for (int i=0; i_arrayB.count; i++) {

        double weiD = [_wei[i]doubleValue];

        double jingD = [_jing[i]doubleValue];

        CLLocation *location = [[CLLocationalloc]initWithLatitude:weiD longitude:jingD];

        [arrayA addObject:location];

    }

    NSMutableArray *array = arrayA;

    [selfdrawLineWithLocationArray:array];

个人中心：

1.个人中心页面，添加新浪的OAuther认证，可以实现APP自带账号与微博账号的登录切换。显示正确的个人详情

2.点击关注，收藏，喜欢按钮  会弹出相应的控制器，关注和收藏列表用tableView显示，关注的单元格点击进去可以查看相应用户的个人详细信息，收藏的单元格点击进去可以弹出到相应的旅游详情界面。  喜欢列表用collectionView实现，可以查看喜欢的图片，图片左右切换，放大缩小。

添加：

创建了3个按钮，可以调用手机相机，相册，绘制一个scrollerView的滑动表情界面。

总结：

通过该项目，锻炼了自己的独立思考以及解决问题的能力，能够发现并找出问题。能够自己实现一些带有逻辑的排版，功能。

可以通过软件抓到数据，拼接，然后分析，请求数据。

能简单使用AF ，mmdreamer，SDWebImage的开源框架。取得新浪微博的认证。

来源：白开水断续