효과가 뭐예요?

최근 iOS 앱에서는 UI가 풍부해 보이도록 유리 블러셔 효과를 사용할 기회가 늘었다.나는 여기에서 주로 UIImageView로 BRAIR 이미지를 쉽게 처리할 수 있는 방법을 쓰고 싶다.
이번에 사용한 것은 UIImageView의 하위 레벨SABlurImageView이다.
사용SABlurImageView
- 흐릿한 이미지 생성
- 애니메이션이 일반 이미지에서 검은색 이미지로 바뀝니다.
0.0에서 1.0 사이의 흐릿한 이미지 정도를 조정하여 -alpha 지정
실현이 용이하다.
Youtube샘플 영상도 볼 수 있다.

사용법

다음에 image로 표시된 변수는 UIImage의 실례이다.

· 희미한 이미지 생성

let imageView = SABlurImageView(image: image)
// ボックスサイズ30pxのブラー画像を生成する
imageView.addBlurEffect(30)  

let imageView = SABlurImageView(image: image)
// 複数回ブラーエフェクト
imageView.addBlurEffect(30, times: 3)

• 검은색 이미지 애니메이션

let imageView = SABlurImageView(image: image)
// ボックスサイズ100pxのブラー画像の準備を行う
imageView.configrationForBlurAnimation(100)
// 2秒かけて通常画像からブラー画像に変わるアニメーションをする
imageView.startBlurAnimation(duration: 2.0)

처음에 startBlurAnimation라고 부르면 애니메이션이 일반 이미지에서 검은색 이미지로 바뀐다
두 번째 애니메이션은 자동으로 그래픽에서 일반 이미지로 변환됩니다.

・0.0~1.0으로 흐림 이미지 조정

let imageView = SABlurImageView(image: image)
// ボックスサイズ100pxのブラー画像の準備を行う
imageView.configrationForBlurAnimation(100)
// 50%のブラー画像を表示する
imageView.blur(0.5)

0.0~1.0으로 페인트 이미지를 조정하여 UISlider 및 UIScrollView 스크롤
실시간 효과를 실현할 수 있다.

어떻게 돌아가는 거냐면요.

예를 들어 100px의 상자 크기의 구리 파이프 효과를 설정합니다.
우선configrationForBlurAnimation1px、4px、9px、16px、25px、36px、49px、64px、81px、100px
상자 크기의 배경 그림이 10장을 생성했습니다.
호출startBlurAnimation한 경우CATransition의kCATransitionFade 사용
애니메이션은 지정된 초 동안 10장의 이미지를 Fade로 전환합니다.blur 호출 시
현재 표시된 이미지에 CALayer를 사용하여 다음 이미지를 표시합니다.
임의opacity 드로잉을 적용합니다.
예를 들어, 25%의 그래픽 효과를 지정할 때
두 번째 구리 파이프 이미지를 표시하는 동안 CALayer 세 번째 구리 파이프 이미지를 사용하여 표시
50%opacity에 그려집니다.
위에서 설명한 대로 이미지를 전환하므로 UISlider 및 UIScrollView로 스크롤
그래픽을 부드럽게 표시할 수도 있습니다.

최후

이렇게 하면 브래지어 효과를 쉽게 사용할 수 있다.
우리 더 풍부한 앱을 만들자!!