https://github.com/tibolte/tgfoursquarelocationdetail-demo

iOS project recreating Foursquare design and behaviour when presenting location details
https://github.com/tibolte/tgfoursquarelocationdetail-demo

Last synced: 1 day ago
JSON representation

iOS project recreating Foursquare design and behaviour when presenting location details

• Host: GitHub
• URL: https://github.com/tibolte/tgfoursquarelocationdetail-demo
• Owner: Tibolte
• License: mit
• Created: 2013-12-15T22:12:06.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2014-09-08T18:32:26.000Z (over 10 years ago)
• Last Synced: 2024-09-21T11:02:45.083Z (3 months ago)
• Language: Objective-C
• Size: 5.57 MB
• Stars: 287
• Watchers: 25
• Forks: 39
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
TGFoursquareLocationDetail-Demo

===============================

Foursquare has recently released a new version of its app taking advantage of the new features of iOS 7, this iOS project recreates Foursquare design and behaviour when presenting location details.

This project is not providing all functionnalities but the main parts are available, you are of course invited to use, fork and improve this project using your own knowledge.

Behaviour

===============================

When you scroll, image's shown area will become bigger. Like it appears on location detail page in Foursquare app.

Also when you scroll up the UITableView, the header will automatically appear. At the opposite, if you scroll down it will fade away.

![](https://raw.githubusercontent.com/Tibolte/TGFoursquareLocationDetail-Demo/master/foursquaredemosvg.gif)

Usage

===============================

Import the TGFoursquareLocationDetail folder into your project and set the TGFoursquareLocationDetail object in your controller:

```objective-c

- (void)viewDidLoad

{

    [super viewDidLoad];

	

    self.locationDetail = [[TGFoursquareLocationDetail alloc] initWithFrame:self.view.bounds];

    self.locationDetail.tableViewDataSource = self;

    self.locationDetail.tableViewDelegate = self;

    

    self.locationDetail.delegate = self;

    self.locationDetail.parallaxScrollFactor = 0.3; // little slower than normal.

    

    [self.view addSubview:self.locationDetail];

    

    [self.navigationController setNavigationBarHidden:YES animated:YES];

    

    [self.view bringSubviewToFront:_headerView];

    

    UIButton *buttonBack = [UIButton buttonWithType:UIButtonTypeCustom];

    buttonBack.frame = CGRectMake(10, 22, 44, 44);

    [buttonBack setImage:[UIImage imageNamed:@"btn_back"] forState:UIControlStateNormal];

    [buttonBack addTarget:self action:@selector(back) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:buttonBack];

    

    UIButton *buttonPost = [UIButton buttonWithType:UIButtonTypeCustom];

    buttonPost.frame = CGRectMake(self.view.bounds.size.width - 44, 18, 44, 44);

    [buttonPost setImage:[UIImage imageNamed:@"btn_post"] forState:UIControlStateNormal];

    [buttonPost addTarget:self action:@selector(post) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:buttonPost];

    

    self.locationDetail.headerView = _headerView;

}

````

Screenshots

===============================

![1](http://i.imgur.com/hZ6F1E4.png)

![2](http://i.imgur.com/YPH8NIW.png)

Using CocoaPods

===============================

TGFoursquareLocationDetail is available through [CocoaPods](http://cocoapods.org), to install

it simply add the following line to your Podfile:

    pod "TGFoursquareLocationDetail"

TODO list or suggestions

===============================

Improve scrolling behaviour of the imagePager, for now it's only based on UISwipeLeftGestureRecognizer or UISwipeRightGestureRecognizer.

Credits

===============================

About the images, I was helped by kimar and his project KIImagePager: https://github.com/kimar/KIImagePager.

Use this project as it pleases you.

You can follow me on on Github or here on Linkedin: http://www.linkedin.com/pub/thibault-gu%C3%A9gan/27/399/607