ios iphone Unlock interface "swipe to unlock" flashing animation effect, Curious hurriedly come in to take away, don't look, say is you 0.0

Source: Internet
Author: User
<span id="Label3"></p><p><p><span style="font-size:24px">Dear friends, <span style="color:#ff0000"><strong>You unlock the iphone every day, see the bottom "swipe to unlock" this effect, is not curious??? </strong></span>so studious blogger, today on GitHub to see a library, Facebook made, very simple</span></p></p><p><p><span style="font-size:24px">API can do what you see, so cool the effect of the slag day, write it to someone else to install B that is again</span></p></p><p><p><span style="font-size:24px">That's Good.</span></p></p><p><p><span style="font-size:24px"><br></span></p></p><p><p><span style="font-size:24px">No bb, give your Facebook library Portal: Click to open the link</span></p></p><p><p><br></p></p><p><p><span style="font-size:24px">row, sit, Watch the Movie.</span></p></p><p><p></p></p><p><p><br></p></p><p><p><span style="font-size:24px">The usual, look at the Words:</span></p></p><p><p><br></p></p><p><p><span style="color:#3366ff"><br></span></p></p><p><p><span style="font-size:24px; color:#3366ff">I go, this map, I feel good-looking, I give full marks, I feel good looking all of you want to give me a top</span></p></p><p><p><span style="font-size:24px"><br></span></p></p><p><p><span style="font-size:24px"><br></span></p></p><p><p><span style="font-size:24px">Start Introduction</span></p></p><p><p><span style="font-size:24px">Bloggers are also the first to try to write this thing, first a label to play</span></p></p><p><p><span style="font-size:24px; color:#ff0000">first, Import the Library</span></p></p><p><p></p></p><p class="p1" style="font-size:24px"><p class="p1" style="font-size:24px"><span style="color:#3366ff"><span class="s1">platform:ios,</span> <span class="s2">' 7.0 '</span></span></p></p><p class="p2" style="font-size:24px"><p class="p2" style="font-size:24px"><span style="color:#3366ff"><span class="s3">Target</span> <span class="s1">' Facebookshimmer '</span> <span class="s3"> </span> <span class="s4"></span> do</span></p></p><p class="p2" style="font-size:24px"><p class="p2" style="font-size:24px"><span style="color:#3366ff"><span class="s3">pod</span> <span class="s1">' Shimmer '</span></span></p></p><p class="p3" style="font-size:24px"><p class="p3" style="font-size:24px"><span class="s1"><span style="color:#3366ff">End</span></span></p></p><p class="p3" style="font-size:24px"><p class="p3" style="font-size:24px"><span class="s1"><span style="color:#3366ff"><br></span></span></p></p><p class="p3" style="font-size:24px"><p class="p3" style="font-size:24px"><span class="s1"><span style="color:#ff0000">And then you start the Code.</span></span></p></p><p class="p3" style="font-size:24px"><p class="p3" style="font-size:24px"><span class="s1"><span style="color:#3366ff">First show the three label code from the top straight down is also this order</span></span></p></p><p class="p3"><p class="p3"><span class="s1"><span style="font-size:18px"></span></span></p></p><pre name="code" class="objc">Self.imageview = [[uiimageview alloc] init]; Self.imageView.frame = self.view.bounds; Self.imageView.image = [UIImage imagenamed:@ "greg-rakozy-1400x725.jpg"]; Self.imageView.contentMode = uiviewcontentmodescaleaspectfill; [self.view addSubview:self.imageView]; Uivisualeffectview *effectview = [[uivisualeffectview alloc] initwitheffect:[uiblureffect effectWithStyle: Uiblureffectstyledark]];//effectview.frame = Self.view.bounds;//[self.imageview addSubview:effectView]; Self.shimmeringview = [[fbshimmeringview alloc] initwithframe:cgrectmake (0, 300, 375, 120)]; self.shimmeringView.shimmering = YES; Self.shimmeringView.shimmeringOpacity = 0.2; Self.shimmeringView.shimmeringBeginFadeDuration = 0.5; Self.shimmeringView.shimmeringSpeed = 200; Self.shimmeringView.shimmeringAnimationOpacity = 1.0; [self.view addSubview:self.shimmeringView]; Self.shimmerlabel = [[UILabel alloc] initWithFrame:self.shimmeringView.bounds]; Self.shimmerlAbel.text = @ "JUST like A DOG"; Self.shimmerLabel.textColor = [uicolor whitecolor]; Self.shimmerLabel.textAlignment = nstextalignmentcenter; Self.shimmerLabel.font = [uifont fontwithname:@ "helveticaneue-ultralight" size:40.0]; Self.shimmerLabel.backgroundColor = [uicolor clearcolor]; Self.shimmeringView.contentView = self.shimmerlabel; Self.shimmeringview2 = [[fbshimmeringview alloc] initwithframe:cgrectmake (0, 100, 375, 120)]; self.shimmeringView2.shimmering = YES; Self.shimmeringView2.shimmeringOpacity = 0; Self.shimmeringView2.shimmeringBeginFadeDuration = 0.3; Self.shimmeringView2.shimmeringEndFadeDuration = 2; Self.shimmeringView2.shimmeringAnimationOpacity = 0.6; [self.view addSubview:self.shimmeringView2]; Self.shimmerlabel2 = [[UILabel alloc] initWithFrame:self.shimmeringView2.bounds]; Self.shimmerLabel2.text = @ "fall xia and solitary Mo Fei qi"; Self.shimmerLabel2.textColor = [uicolor redcolor]; Self.shimmerLabel2.textAlignment = Nstextalignmentcenter; Self.shimmerLabel2.font = [uifont boldsystemfontofsize:40]; Self.shimmerLabel2.backgroundColor = [uicolor clearcolor]; Self.shimmeringView2.contentView = self.shimmerlabel2; SELF.SHIMMERINGVIEW3 = [[fbshimmeringview alloc] initwithframe:cgrectmake (0, 200, 375, 120)]; self.shimmeringView3.shimmering = YES; Self.shimmeringView3.shimmeringOpacity = 0; Self.shimmeringView3.shimmeringDirection = fbshimmerdirectionleft; Self.shimmeringView3.shimmeringBeginFadeDuration = 0.3; Self.shimmeringView3.shimmeringSpeed = 150; [self.view addSubview:self.shimmeringView3]; Self.shimmerlabel3 = [[UILabel alloc] initWithFrame:self.shimmeringView2.bounds]; Self.shimmerLabel3.text = @ "the eyes of a common sky"; Self.shimmerLabel3.textColor = [uicolor colorwithred:255/255.0 green:194/255.0 blue:1/255.0 alpha:1]; Self.shimmerLabel3.textAlignment = nstextalignmentcenter; Self.shimmerLabel3.font = [uifont boldsystemfontofsize:40]; Self.shimmerLabel3.backgrOundcolor = [uicolor clearcolor]; Self.shimmeringView3.contentView = self.shimmerlabel3;</pre><span style="color:#3366ff"><span style="color:#3366ff"><br>I have added all the fields of the Chinese explanation, the test out, there are errors please let me know</span></span><p><p></p></p><p class="p3"><p class="p3"><span class="s1"><span style="font-size:18px"></span></span></p></p><pre name="code" class="objc">//! @abstract Set this to YES to start shimming and NO to Stop. Defaults to NO. Whether Flashing//@property (nonatomic, assign, readwrite, getter = Isshimmering) BOOL shimmering; //! @abstract the time interval between shimmerings in SECONDS. Defaults to 0.4. Two flashes between the Intervals//@property (assign, nonatomic, Readwrite) cftimeinterval shimmeringpauseduration; //! @abstract the opacity of the content while it is shimmering. Defaults to 1.0. The transparency of the animation when flashing 1.0 is the original brightness of 0-1 between the Optional//@property (assign, nonatomic, Readwrite) cgfloat shimmeringanimationopacity; //! @abstract the opacity of the content before it is shimmering. Defaults to 0.5. Before flashing transparency, such as the default 0.5, then and the above parameter comparison, is 0.5-1 flashing between//@property (assign, nonatomic, Readwrite) cgfloat shimmeringopacity; //! @abstract the speed of shimmering, in points per second. Defaults to 230. Flashing Speed//@property (assign, nonatomic, Readwrite) cgfloat shimmeringspeed; //! @abstract the highlight length of sHimmering. Range of [0,1], defaults to 0.33. Flashing past the width of the line 0-1 between the floating-point number Switch//@property (assign, nonatomic, Readwrite) cgfloat shimmeringhighlightlength; //! @abstract @deprecated Same as "shimmeringhighlightlength", just for downward compatibility//and similar to//@property (the ign, nonatomic, readwrite, getter = shimmeringhighlightlength, setter = setshimmeringhighlightlength:) CGFloat shimmeringhighlightwidth; //! @abstract the direction of shimmering Animation. Defaults to Fbshimmerdirectionright. Flashing direction, This enumeration has up and down around four directions//@property (assign, nonatomic, Readwrite) fbshimmerdirection shimmeringdirection; //! @abstract the duration of the fade used when Shimmer Begins. Defaults to 0.1. Start flashing time interval//@property (assign, nonatomic, Readwrite) cftimeinterval shimmeringbeginfadeduration; //! @abstract the duration of the fade used when Shimmer ends. Defaults to 0.3. End flashing Time interval//@property (assign, nonatomic, Readwrite) cftimeinterval shimmeringendfadeduration; /** @abstract The absolute coreanimation media time when the shimmer would fade IN. @discussion only valid after setting {@ref shimmering} to NO. *///flashing to shimmeringanimationopacity How long does fade Take//@property (assign, nonatomic, readonly) cftimeinterval SHIMMERINGFA detime;</pre><br><span style="color:#3366ff">the <span style="color:#3366ff">default value of the respective property is this, you need to modify it yourself</span></span><p><p></p></p><p class="p3"><p class="p3"><span class="s1"><span style="font-size:18px"></span></span></p></p><pre name="code" class="objc"><pre name="code" class="objc">-(instancetype) init{self = [super init]; If (nil! = Self) { //default configuration _shimmeringpauseduration = 0.4; _shimmeringspeed = 230.0; _shimmeringhighlightlength = 1.0; _shimmeringanimationopacity = 0.5; _shimmeringopacity = 1.0; _shimmeringdirection = fbshimmerdirectionright; _shimmeringbeginfadeduration = 0.1; _shimmeringendfadeduration = 0.3; } Return self;}</pre></pre><br><span style="color:#3366ff"><span style="color:#3366ff">just so simple, set their own favorite properties just fine, run up to see, the effect has been well-equipped, you can try it, it must be cool</span></span><p><p></p></p><p class="p3"><p class="p3"><span class="s1"><span style="font-size:18px"><span style="color:#3366ff"><br></span></span></span></p></p><p class="p3"><p class="p3"><span class="s1"><span style="font-size:18px"><span style="color:#3366ff"><br></span></span></span></p></p><p class="p3"><p class="p3"><span style="font-size:24px; color:#ff0000">See here, have you found out what can be used in the project? I think I can use it here to add a picture</span></p></p><p class="p3"><p class="p3"><span style="font-size:24px; color:#ff0000">A layer of flashing, change the default value of _shimmingpauseduration to 20 seconds or you are free to</span></p></p><p class="p3"><p class="p3"><span style="font-size:18px; color:#3366ff"><br></span></p></p><p class="p3"><p class="p3"><span style="font-size:18px; color:#3366ff"><br></span></p></p><p class="p3"><p class="p3"><span style="font-size:18px; color:#3366ff">Try it if you have an idea, the code is as follows</span></p></p><p class="p3"><p class="p3"><span style="font-size:18px"></span></p></p><pre name="code" class="objc">Add a shimming//initialization to the picture self.shimmeringview4 = [[fbshimmeringview alloc] initwithframe:cgrectmake (140, 400, 80, 80) ]; Whether flashing self.shimmeringView4.shimmering = YES; The transparency before flashing self.shimmeringView4.shimmeringOpacity = 1; from which direction flashes self.shimmeringView4.shimmeringDirection = fbshimmerdirectionleft; Time to start blinking self.shimmeringView4.shimmeringBeginFadeDuration = 0.3; Time interval of one cycle self.shimmeringView4.shimmeringPauseDuration = 3; Between 0-1, the flashing line interval due to the picture add, then it will be thicker, good-looking point self.shimmeringView4.shimmeringHighlightWidth = 0.9; Blink Speed self.shimmeringView4.shimmeringSpeed = 150; Self.shimmeringView4.layer.cornerRadius = 40; Self.shimmeringView4.clipsToBounds = YES; Self.shimmeringView4.backgroundColor = [uicolor whitecolor]; [self.view addSubview:self.shimmeringView4]; Self.headimageview = [[uiimageview alloc] initWithFrame:self.shimmeringView4.bounds]; Self.headImageView.image = [UIImage imagenamed:@ "photo-1433878455169-4698e60005b1-1400x933.jpeg "]; Self.headImageView.contentMode = uiviewcontentmodescaletofill; Self.headImageView.layer.cornerRadius = 40; Self.headImageView.clipsToBounds = YES; Loaded into shimmering with imageview Self.shimmeringView4.contentView = self.headimageview;</pre><br><span style="color:#ff0000"><span style="color:#ff0000">note:</span></span><p><p></p></p><p class="p3"><p class="p3"><span style="font-size:18px"></span></p></p><p class="p1"><p class="p1"><span style="color:#ff0000"><span class="s1"></span> self <span class="s2">.</span> <span class="s3">ShimmeringView4</span> <span class="s2">.</span> <span class="s4">BackgroundColor</span> <span class="s2">= [</span><span class="s4">uicolor</span><span class="s2"></span><span class="s5">whitecolor</span><span class="s2">]; The default is gray, the flashing floating layer is gray, Yan</span></span></p></p><p class="p1"><p class="p1"><span class="s2"><span style="color:#ff0000">Color can be changed to a favorite color, general white is very cool</span></span></p></p><p class="p1"><p class="p1"><span class="s2"><span style="color:#ff0000"><br></span></span></p></p><p class="p1"><p class="p1"><span class="s2"></span></p></p><p class="p2"><p class="p2"><span style="color:#ff0000"><span class="s4"></span> self <span class="s3">.</span> <span class="s2">ShimmeringView4</span> <span class="s3">.</span> <span class="s2">Shimmeringhighlightwidth</span> <span class="s3"> =</span> <span class="s5">0.9</span> <span class="s3">; <span class="s1" style="font-size:18px">0-1</span> <span class="s2" style="font-size:18px">between, the flashing line interval</span> <span class="s2" style="font-size:18px">because to add to the picture, then a little thicker,</span> <span class="s1" style="font-size:18px"></span> </span></span></p></p><p class="p2"><p class="p2"><span class="s3"><span style="color:#ff0000">A little more space, a lot of air</span></span></p></p><br><br><p class="p3"><p class="p3"><span style="font-size:18px; color:#3366ff">As the authorities say,</span></p></p><p class="p3"><p class="p3"></p></p><p style="font-size:16px; margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="font-size:16px; margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="color:#ff0000">Shimmer is an easy-to-shimmering effect to add a your app. It ' s useful as an unobtrusive loading Indicator.</span></p></p><p style="font-size:16px; margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="font-size:16px; margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="color:#ff0000">Shimmer was originally developed to show loading status in Paper.</span></p></p><p style="font-size:16px; margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="font-size:16px; margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="color:#ff0000"><br></span></p></p><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="font-size:24px; color:#3366ff"><strong>right, suddenly think of a point, can be used to do pre-loading indicators ah, You can try, here is not introduced</strong></span></p></p><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="color:#ff0000">it's <span style="font-size:24px">so easy to have no friends.</span> <span style="font-size:16px"></span> <span style="font-size:24px">There is a need to download</span> it to see</span></p></p><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="color:#ff0000"><span style="font-size:16px"><br></span></span></p></p><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="font-size:24px; color:#3366ff"><strong>Demo Address: https://github.com/DeftMKJ/FACEBOOKShimming</strong></span></p></p><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="font-size:24px; color:#3366ff"><br></span></p></p><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="font-size:24px; color:#3366ff">Over ~~~~~~</span></p></p><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><p style="margin-top:0px; margin-bottom:16px; font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; line-height:25.6px"><span style="font-size:24px; color:#3366ff"><br></span></p></p><br><p class="p3"><p class="p3"><span style="font-size:18px; color:#3366ff"><br></span></p></p><p class="p3" style="font-size:24px"><p class="p3" style="font-size:24px"><span class="s1"><br></span></p></p><br><p><p><br></p></p><p><p><br></p></p><p><p><br></p></p><p><p><br></p></p><p><p> iOS iphone unlock screen "swipe to unlock" flashing animation effect, Curious hurriedly come in to take away, don't look, say is you 0.0 </p> </p></span>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.