SKPanoramaView - GitLite

KO | EN

gitlite — search

#monitoring #docker #rag #javascript #hacktoberfest #terminal #deep-learning #ai-agents #devops #web

SKPanoramaView

(★ 192)

Create beautiful animated panorama views. Inspired by the intro view on the LinkedIn iOS app.

파일 탐색기

ZIP 다운로드

- SKPanoramaView.h
- SKPanoramaView.m
- - AppDelegate.h
  - AppDelegate.m
  - golden gate.png
  - Info.plist
  - linkedin.png
  - main.m
  - new york.png
  - ViewController.h
  - ViewController.m
- - project.pbxproj
- - Info.plist
  - SKPanoramaViewDemoTests.m
LICENSE
README.md
SKPanoramaView.podspec

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

`pod`

설명 보기 ▼

Swift 및 Objective-C Cocoa 프로젝트를 위한 종속성 관리 도구.
더 많은 정보: <https://guides.cocoapods.org/terminal/commands.html>.

pod init

현재 프로젝트에 기본 내용으로 Podfile 생성:

pod install

Podfile에 정의된 모든 포드를 다운로드 및 설치 (이전에 설치되지 않은 경우):

pod list

사용 가능한 모든 포드 나열:

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Create beautiful animated panorama views. Inspired by the intro on the LinkedIn iOS app.

<b> Features </b>
- Adapts to any image - Automatically sets the panorama view based on the dimensions of the image.
- Super easy to implement - Just 3 lines of code required.

Perfect for intro views or background views.

<img src = "http://i.giphy.com/l0IyksnJBNjhQR5Kg.gif" width = "320px">

<h1> Installation </h1>
<h3> Cocoapods </h3>
SKPanoramaView is available through <a href = "cocoapods.org"> Cocoapods</a>. To install it, simply add the following to your Podfile.
```
pod 'SKPanoramaView'
```
<h3> Alternative </h3>
Alternatively, you can always just drag and drop the folder 'SKPanoramaView' into your project and ``#import "SKPanoramaView.h"`` and you're good to go.

<h2> Implementation </h2>

SKPanoramaView is super easy to implement. Just add the following lines of code to your view and you're done!

```
    SKPanoramaView *panoramaView = [[SKPanoramaView alloc] initWithFrame:self.view.frame image:[UIImage imageNamed:@"golden gate"]];
    [self.view addSubview:panoramaView];
    [panoramaView startAnimating];
```
Optionally, you can set the animation duration of the view as follows:
```
panoramaView.animationDuration = 15.0f; //15 seconds (Default: 10s)
```
and set the start position of the animation as follows:
```
panoramaView.startPosition = SKPanoramaStartPositionLeft; // (starts animation from either left or right side; default:left)
```

Subviews can easily be added to the panorama view to create the effect as shown below

<img src = "http://i.giphy.com/URBnxjH62DTrO.gif" width = "320px">

By simply using:
```
    SKPanoramaView *panoramaView = [[SKPanoramaView alloc] initWithFrame:self.view.frame image:[UIImage imageNamed:@"new york"]];
    panoramaView.animationDuration = 60;
    [self.view addSubview:panoramaView];
    [panoramaView startAnimating];
    UIView *overlayView = [[UIView alloc] initWithFrame:self.view.frame];
    overlayView.backgroundColor = [UIColor blackColor];
    overlayView.alpha = 0.4;
    [panoramaView addSubview:overlayView];
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"linkedin"]];
    imageView.center = panoramaView.center;
    [panoramaView addSubview:imageView];
```

For more help on how to do this, check out the <a href = "https://github.com/sachinkesiraju/SKPanoramaView/tree/master/SKPanoramaViewDemo"> Demo</a>.
 
<h1> License </h1>
SKPanoramaView is available under the MIT License. For more information, see the <a href ="https://github.com/sachinkesiraju/SKPanoramaView/blob/master/LICENSE">LICENSE </a> file.