All Projects → olddonkey → Shadowimageview

olddonkey / Shadowimageview

Licence: mit
A apple music cover picture shadow style image library

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to Shadowimageview

Shadowimageview
🔥可以根据图片内容变阴影颜色,更加细腻的阴影效果 It can change color according to the picture, more delicate shadow effect
Stars: ✭ 2,560 (+227.78%)
Mutual labels:  image, shadow
Image Shadow
Simple and small Javascript script to display the shadow of an image!
Stars: ✭ 142 (-81.82%)
Mutual labels:  image, shadow
Viewerjs
JavaScript image viewer.
Stars: ✭ 6,270 (+702.82%)
Mutual labels:  image
React Native Img Cache
Image Cache for React Native
Stars: ✭ 724 (-7.3%)
Mutual labels:  image
Tysnapshotscroll
一句代码保存截图,将 UIScrollView UITableView UICollectionView UIWebView WKWebView 网页 保存 为 长图 查看。Save the scroll view page as an image,support UIScrollView,UITableView,UICollectionView,UIWebView,WKWebView.(Support iOS13)
Stars: ✭ 709 (-9.22%)
Mutual labels:  image
Bbmetalimage
A high performance Swift library for GPU-accelerated image/video processing based on Metal.
Stars: ✭ 677 (-13.32%)
Mutual labels:  image
Ueberzug
ueberzug is a command line util which allows to display images in combination with X11
Stars: ✭ 711 (-8.96%)
Mutual labels:  image
Mediumlightbox
Nice and elegant way to add zooming functionality for images, inspired by medium.com
Stars: ✭ 671 (-14.08%)
Mutual labels:  image
Terminal Image
Display images in the terminal
Stars: ✭ 778 (-0.38%)
Mutual labels:  image
Progressively
A JavaScript library to load images progressively 🌇
Stars: ✭ 691 (-11.52%)
Mutual labels:  image
Flutter image cropper
A Flutter plugin for Android and iOS supports cropping images
Stars: ✭ 723 (-7.43%)
Mutual labels:  image
Autordpwn
The Shadow Attack Framework
Stars: ✭ 688 (-11.91%)
Mutual labels:  shadow
Sota Medseg
SOTA medical image segmentation methods based on various challenges
Stars: ✭ 677 (-13.32%)
Mutual labels:  image
React Zmage
一个基于 React 的可缩放图片控件 | A scalable image wrapper power by react
Stars: ✭ 713 (-8.71%)
Mutual labels:  image
React Native Fast Image
🚩 FastImage, performant React Native image component.
Stars: ✭ 6,500 (+732.27%)
Mutual labels:  image
Leetheme
优雅的主题管理库- 一行代码完成多样式切换
Stars: ✭ 762 (-2.43%)
Mutual labels:  image
Layzr.js
A modern lazy loading library for images.
Stars: ✭ 5,646 (+622.92%)
Mutual labels:  image
Vue Progressive Image
Vue progressive image loading plugin
Stars: ✭ 684 (-12.42%)
Mutual labels:  image
Glightbox
Pure Javascript lightbox with mobile support. It can handle images, videos with autoplay, inline content and iframes
Stars: ✭ 702 (-10.12%)
Mutual labels:  image
Shadowviewhelper
Shadow layout, shadow view for android.
Stars: ✭ 779 (-0.26%)
Mutual labels:  shadow

ShadowImageView

Carthage compatible CocoaPods Support Swift Version License MIT

A apple music cover picture shadow style image library

ShadowImageView is a iOS 10 Apple Music style image view, help you create elegent image with shadow.

Renderings

ShadowOffsetRight Nooffset largeRadius

lotus Mountain CD1 CD2

Features

  • [x] Auto resizing based on content mode.
  • [x] Easy to change paramenters including offset, radius, alpha etc.
  • [x] Storyboard(Nib) support.

TODO

  • [ ] Add support for UIView.
  • [ ] Change the way of layout, to minimize the resource usa.

Usage

Import

CocoaPods

You can use CocoaPods to install ShadowImageView by adding it to your Podfile:

platform :ios, '8.0'
use_frameworks!
pod 'ShadowImageView'

Carthage

Create a Cartfile that lists the framework and run carthage update. Follow the instructions to add $(SRCROOT)/Carthage/Build/iOS/YourLibrary.framework to an iOS project.

github "olddonkey/ShadowImageView"

Manually

  1. Download and drop ShadowImageView.swift in your project.
  2. Congratulations!

Parameters

    /// Gaussian Blur radius, larger will make the back ground shadow lighter (warning: do not set it too large, 2 or 3 for most cases)
    @IBInspectable
    public var blurRadius: CGFloat
    
    /// The image view contains target image
    @IBInspectable
    public var image: UIImage
    
    /// Image's corner radius
    @IBInspectable
    public var imageCornerRaidus: CGFloat
    
    /// shadow radius offset in percentage, if you want shadow radius larger, set a postive number for this, if you want it be smaller, then set a negative number
    @IBInspectable
    public var shadowRadiusOffSetPercentage: CGFloat
    
    /// Shadow offset value on x axis, postive -> right, negative -> left
    @IBInspectable
    public var shadowOffSetByX: CGFloat
    
    
    /// Shadow offset value on y axis, postive -> right, negative -> left
    @IBInspectable
    public var shadowOffSetByY: CGFloat
    
    /// Shadow alpha value
    @IBInspectable
    public var shadowAlpha: CGFloat

If you want to add by storyboard or nib, just drap a UIView into your canvas, and change the class to ShadowImageView, you will see the change in storyboard or nib, it is @IBDesignable supported.

Requirements

  • iOS 8.0+
  • Swift 3+

The main development of ShadowImageView is based on Swift 3.

Support

Contact

Follow and contact me through email: [email protected]. If you find an issue, just open a ticket on it. Pull requests are warmly welcome as well.

License

ShadowImageView is released under the MIT license. See LICENSE for details.

Kudos

Thanks to PierrePerrin, his PPMusicImageShadow inspires me, though the implementation is diffrent, the main idea comes from GaussianBlur.

App using ShadowImageView

  1. 优读

    youdu

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].