应用jQuery插件realshadow实现超...- 检察网络连接是否可用(使用...- CATransition的卡通片效果类型及实现方法

当前位置: 编程技术>移动开发

本页文章导读:

▪应用jQuery插件realshadow实现超酷真实阴影效果使用jQuery插件realshadow实现超酷真实阴影效果日期：2012-5-4 来源：GBin1.com 在线演示本地下载大家有没有尝试使用纯CSS和Javascript来生成带有颜色的元素阴影？如果你也想生成这样超酷.........

▪ 检察网络连接是否可用(使用官网上的reachability代码) 检查网络连接是否可用(使用官网上的reachability代码) 一：确认网络环境3G/WIFI 1. 添加源文件和framework 开发Web等网络应用程序的时候，需要确认网络环境，连接情况等信息。如果.........

▪ CATransition的卡通片效果类型及实现方法 CATransition的动画效果类型及实现方法实现iphone漂亮的动画效果主要有两种方法，一种是UIView层面的，一种是使用CATransition进行更低层次的控制，第一种是UIView，UIView方式可能在低层也是.........

[1]应用jQuery插件realshadow实现超酷真实阴影效果

来源: 互联网发布时间: 2014-02-18

使用jQuery插件realshadow实现超酷真实阴影效果

日期：2012-5-4 来源：GBin1.com

在线演示本地下载

大家有没有尝试使用纯CSS和Javascript来生成带有颜色的元素阴影？如果你也想生成这样超酷的特效的话，大家可以尝试使用这个jQuery插件： real shadow 。

使用这个简单的插件，你可以迅速给页面上的特定元素添加阴影效果，最酷的地方在于随着你的鼠标位置，阴影会对应改变的哦！

如何使用？

这个插件的使用非常简答，你只需要倒入jQuery和插件类库，如下：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="/blog_article/js/realshadow.js"></script>

然后，使用如下代码：

$('#element').realshadow({
});

即可搞定！是不是很简答？

相关插件参数

这个插件拥有几个简单的选项可以帮助你自定义，如下：

followMouse：缺省为false，指定阴影是否跟随鼠标移动变化
pageX：用来产生阴影的光源x坐标
pageY：用来产生阴影的光源y坐标
c：阴影颜色定义，包括r, g, b

如果你需要给不同的元素指定颜色，你可以使用如下方法：

<span rel="r"></span>
<span rel="g"></span>
<span rel="b"></span>
<span rel="rg"></span>
<span rel="gb"></span>
<span rel="br"></span>
<span rel="rgb"></span>

以上代码中我们使用rel来定义对应元素的阴影颜色。

下面是我们的在线演示的完整代码。

HTML代码

<ul id="container">
    <li data-tag="Ducati" rel="c"><strong>Hypermotard 796 Silver</strong><img src="/blog_article/img/motor/Model-Page_2012_Hypermotard_796_298.jpg"><span> Ducati</span></lspan>
    <li data-tag="Ducati" rel="r"><strong>Hypermotard 796 Red</strong><img src="/blog_article/img/motor/HM-796_2001_R_%5B298x168%5D.jpg"><span> Ducati</span></lspan>
    <li data-tag="Ducati" rel="r"><strong>Hypermotard 1100 Evo Red</strong><img src="/blog_article/img/motor/2012-Ducati-Hypermotard-1100EVO4-298.jpg"><span> Ducati</span></lspan>
    <li data-tag="Ducati" rel="r"><strong>Streetfighter 848</strong><img src="/blog_article/img/motor/Color_SF-848_R_NC_298x168.jpg"><span> Ducati</span></lspan>
    <li data-tag="Ducati" rel="c"><strong>Diavel Carbon</strong><img src="/blog_article/img/motor/Model-Page_2012_Hypermotard_796_298.jpg"><span> Ducati</span></lspan>
    <li data-tag="BMW" rel="b"><strong>BMW K1300S HP</strong><img src="/blog_article/img/motor/2012-BMW-K1300SHPb-298x168.jpg"><span> BMW</span></lspan>
    <li data-tag="BMW" rel="cr"><strong>2012 BMW G650GS</strong><img src="/blog_article/img/motor/2012-BMW-G650GSd-298x168.jpg"><span> BMW</span></lspan>
    <li data-tag="Beneli" rel="gb"><strong>Tre-K 1130 Amazonas</strong><img src="/blog_article/img/motor/2012-Benelli-TreK1130Amazonas1-298x168.jpg"><span> Beneli</span></lspan>
    <li data-tag="KTM" rel="r"><strong>2012 KTM 1190 RC8R</strong><img src="/blog_article/img/motor/2012-KTM-1190RC8R4-298x168.jpg"><span> KTM</span></lspan>
</ul>

以上定义了需要添加阴影的li元素。

....

来源：使用jQuery插件realshadow实现超酷真实阴影效果

[2] 检察网络连接是否可用(使用官网上的reachability代码)

来源: 互联网发布时间: 2014-02-18

检查网络连接是否可用(使用官网上的reachability代码)

一：确认网络环境3G/WIFI 
 
    1. 添加源文件和framework 
     
    开发Web等网络应用程序的时候，需要确认网络环境，连接情况等信息。如果没有处理它们，是不会通过Apple的审查的。 
    Apple 的 例程 Reachability 中介绍了取得/检测网络状态的方法。要在应用程序程序中使用Reachability，首先要完成如下两部： 
     
    1.1. 添加源文件： 
    在你的程序中使用 Reachability 只须将该例程中的 Reachability.h 和 Reachability.m 拷贝到你的工程中。如下图： 
 
     
     
    1.2.添加framework： 
    将SystemConfiguration.framework 添加进工程。如下图： 
     
     
    2. 网络状态 
     
    Reachability.h中定义了三种网络状态： 
    typedef enum { 
        NotReachable = 0,            //无连接 
        ReachableViaWiFi,            //使用3G/GPRS网络 
        ReachableViaWWAN            //使用WiFi网络 
    } NetworkStatus; 
     
    因此可以这样检查网络状态： 
 
    Reachability *r = [Reachability reachabilityWithHostName:@“www.apple.com”]; 
    switch ([r currentReachabilityStatus]) { 
            case NotReachable: 
                    // 没有网络连接 
                    break; 
            case ReachableViaWWAN: 
                    // 使用3G网络 
                    break; 
            case ReachableViaWiFi: 
                    // 使用WiFi网络 
                    break; 
    } 
     
    3.检查当前网络环境 
    程序启动时，如果想检测可用的网络环境，可以像这样 
    // 是否wifi 
    + (BOOL) IsEnableWIFI { 
        return ([[Reachability reachabilityForLocalWiFi] currentReachabilityStatus] != NotReachable); 
    } 
 
    // 是否3G 
    + (BOOL) IsEnable3G { 
        return ([[Reachability reachabilityForInternetConnection] currentReachabilityStatus] != NotReachable); 
    } 
    例子： 
    - (void)viewWillAppear:(BOOL)animated {     
    if (([Reachability reachabilityForInternetConnection].currentReachabilityStatus == NotReachable) &&  
            ([Reachability reachabilityForLocalWiFi].currentReachabilityStatus == NotReachable)) { 
            self.navigationItem.hidesBackButton = YES; 
            [self.navigationItem setLeftBarButtonItem:nil animated:NO]; 
        } 
    } 
 
    4. 链接状态的实时通知 
    网络连接状态的实时检查，通知在网络应用中也是十分必要的。接续状态发生变化时，需要及时地通知用户： 
     
    Reachability 1.5版本 
    // My.AppDelegate.h 
    #import "Reachability.h" 
 
    @interface MyAppDelegate : NSObject <UIApplicationDelegate> { 
        NetworkStatus remoteHostStatus; 
    } 
 
    @property NetworkStatus remoteHostStatus; 
 
    @end 
 
    // My.AppDelegate.m 
    #import "MyAppDelegate.h" 
 
    @implementation MyAppDelegate 
    @synthesize remoteHostStatus; 
 
    // 更新网络状态 
    - (void)updateStatus { 
        self.remoteHostStatus = [[Reachability sharedReachability] remoteHostStatus]; 
    } 
 
    // 通知网络状态 
    - (void)reachabilityChanged:(NSNotification *)note { 
        [self updateStatus]; 
        if (self.remoteHostStatus == NotReachable) { 
            UIAlertView *alert = [[UIAlertView alloc] initWithTitle:NSLocalizedString(@"AppName", nil) 
                         message:NSLocalizedString (@"NotReachable", nil) 
                        delegate:nil cancelButtonTitle:@"OK" otherButtonTitles: nil]; 
            [alert show]; 
            [alert release]; 
        } 
    } 
 
    // 程序启动器，启动网络监视 
    - (void)applicationDidFinishLaunching:(UIApplication *)application { 
     
        // 设置网络检测的站点 
        [[Reachability sharedReachability] setHostName:@"www.apple.com"]; 
        [[Reachability sharedReachability] setNetworkStatusNotificati*****Enabled:YES]; 
        // 设置网络状态变化时的通知函数 
        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(reachabilityChanged:) 
                                                 name:@"kNetworkReachabilityChangedNotification" object:nil]; 
        [self updateStatus]; 
    } 
 
    - (void)dealloc { 
        // 删除通知对象 
        [[NSNotificationCenter defaultCenter] removeObserver:self]; 
        [window release]; 
        [super dealloc]; 
    }  
     
    Reachability 2.0版本 
     
 
    // MyAppDelegate.h 
    @class Reachability; 
 
        @interface MyAppDelegate : NSObject <UIApplicationDelegate> { 
            Reachability  *hostReach; 
        } 
 
    @end 
 
    // MyAppDelegate.m 
    - (void)reachabilityChanged:(NSNotification *)note { 
        Reachability* curReach = [note object]; 
        NSParameterAssert([curReach isKindOfClass: [Reachability class]]); 
        NetworkStatus status = [curReach currentReachabilityStatus]; 
     
        if (status == NotReachable) { 
            UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"AppName"" 
                              message:@"NotReachable" 
                              delegate:nil 
                              cancelButtonTitle:@"YES" otherButtonTitles:nil]; 
                              [alert show]; 
                              [alert release]; 
        } 
    } 
                               
    - (void)applicationDidFinishLaunching:(UIApplication *)application { 
        // ... 
                   
        // 监测网络情况 
        [[NSNotificationCenter defaultCenter] addObserver:self 
                              selector:@selector(reachabilityChanged:) 
                              name: kReachabilityChangedNotification 
                              object: nil]; 
        hostReach = [[Reachability reachabilityWithHostName:@"www.google.com"] retain]; 
        hostReach startNotifer]; 
        // ... 
    } 
 
 
二：使用NSConnection下载数据 
     
    1.创建NSConnection对象，设置委托对象 
     
    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:[self urlString]]]; 
    [NSURLConnection connectionWithRequest:request delegate:self]; 
     
    2. NSURLConnection delegate委托方法 
        - (void)connection:(NSURLConnection *)connection didReceiveResp*****e:(NSURLResp*****e *)resp*****e;   
        - (void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error;   
        - (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data;   
        - (void)connectionDidFinishLoading:(NSURLConnection *)connection;   
 
    3. 实现委托方法 
    - (void)connection:(NSURLConnection *)connection didReceiveResp*****e:(NSURLResp*****e *)resp*****e { 
        // store data 
        [self.receivedData setLength:0];            //通常在这里先清空接受数据的缓存 
    } 
     
    - (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data { 
           /* appends the new data to the received data */ 
        [self.receivedData appendData:data];        //可能多次收到数据，把新的数据添加在现有数据最后 
    } 
 
    - (void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error { 
        // 错误处理 
    } 
 
    - (void)connectionDidFinishLoading:(NSURLConnection *)connection { 
        // disconnect 
        [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;    
        NSString *returnString = [[NSString alloc] initWithData:self.receivedData encoding:NSUTF8StringEncoding]; 
        NSLog(returnString); 
        [self urlLoaded:[self urlString] data:self.receivedData]; 
        firstTimeDownloaded = YES; 
    } 
 
三：使用NSXMLParser解析xml文件 
 
    1. 设置委托对象，开始解析 
    NSXMLParser *parser = [[NSXMLParser alloc] initWithData:data];   //或者也可以使用initWithContentsOfURL直接下载文件，但是有一个原因不这么做： 
    // It's also possible to have NSXMLParser download the data, by passing it a URL, but this is not desirable 
    // because it gives less control over the network, particularly in responding to connection errors. 
    [parser setDelegate:self]; 
    [parser parse]; 
 
    2. 常用的委托方法 
    - (void)parser:(NSXMLParser *)parser didStartElement:(NSString *)elementName  
                                namespaceURI:(NSString *)namespaceURI 
                                qualifiedName:(NSString *)qName  
                                attributes:(NSDictionary *)attributeDict; 
    - (void)parser:(NSXMLParser *)parser didEndElement:(NSString *)elementName  
                                namespaceURI:(NSString *)namespaceURI  
                                qualifiedName:(NSString *)qName; 
    - (void)parser:(NSXMLParser *)parser foundCharacters:(NSString *)string; 
    - (void)parser:(NSXMLParser *)parser parseErrorOccurred:(NSError *)parseError; 
 
    static NSString *feedURLString = @"http://www.yifeiyang.net/test/test.xml"; 
 
    3.  应用举例 
    - (void)parseXMLFileAtURL:(NSURL *)URL parseError:(NSError **)error 
    { 
        NSXMLParser *parser = [[NSXMLParser alloc] initWithContentsOfURL:URL]; 
        [parser setDelegate:self]; 
        [parser setShouldProcessNamespaces:NO]; 
        [parser setShouldReportNamespacePrefixes:NO]; 
        [parser setShouldResolveExternalEntities:NO]; 
        [parser parse]; 
        NSError *parseError = [parser parserError]; 
        if (parseError && error) { 
            *error = parseError; 
        } 
        [parser release]; 
    } 
 
    - (void)parser:(NSXMLParser *)parser didStartElement:(NSString *)elementName namespaceURI:(NSString *)namespaceURI  
                                        qualifiedName:(NSString*)qName attributes:(NSDictionary *)attributeDict{ 
        // 元素开始句柄 
        if (qName) { 
            elementName = qName; 
        } 
        if ([elementName isEqualToString:@"user"]) { 
            // 输出属性值 
            NSLog(@"Name is %@ , Age is %@", [attributeDict objectForKey:@"name"], [attributeDict objectForKey:@"age"]); 
        } 
    } 
 
    - (void)parser:(NSXMLParser *)parser didEndElement:(NSString *)elementName namespaceURI:(NSString *)namespaceURI  
                                        qualifiedName:(NSString *)qName 
    { 
        // 元素终了句柄 
        if (qName) { 
               elementName = qName; 
        } 
    } 
 
    - (void)parser:(NSXMLParser *)parser foundCharacters:(NSString *)string 
    { 
        // 取得元素的text 
    } 
 
    NSError *parseError = nil; 
    [self parseXMLFileAtURL:[NSURL URLWithString:feedURLString] parseError:&parseError];

原文:http://www.cocoachina.com/bbs/read.php?tid-31300.html

[3] CATransition的卡通片效果类型及实现方法

来源: 互联网发布时间: 2014-02-18

CATransition的动画效果类型及实现方法
实现iphone漂亮的动画效果主要有两种方法，一种是UIView层面的，一种是使用CATransition进行更低层次的控制，第一种是UIView，UIView方式可能在低层也是使用CATransition进行了封装，它只能用于一些简单的、常用的效果展现，这里写一个常用的示例代码，供大家参考。 [UIView beginAnimations:@"Curl"context:nil];//动画开始 [UIView setAnimationDuration:0.75]; [UIView setAnimationDelegate:self]; [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:myview cache:YES]; [myview removeFromSuperview]; [UIView commitAnimations]; 第二种方式相对复杂一些，但如果更好的进行控制，还是使用这种方法吧，基本使用方法可以看一下如下例子： CATransition *animation = [CATransition animation]; [animation setDuration:1.25f]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]]; [animation setType:kCATransitionReveal]; [animation setSubtype: kCATransitionFromBottom]; [self.view.layer addAnimation:animation forKey:@"Reveal"]; 这里使用了setType与setSubtype组合，这使用个比较保险，因为他的参数就是官方API里定义的，他们的参数说明可以参考如下： setType:可以返回四种类型： kCATransitionFade淡出 kCATransitionMoveIn覆盖原图 kCATransitionPush推出 kCATransitionReveal底部显出来 setSubtype:也可以有四种类型： kCATransitionFromRight； kCATransitionFromLeft(默认值) kCATransitionFromTop； kCATransitionFromBottom 还有一种设置动画类型的方法，不用setSubtype，只用setType [animation setType:@"suckEffect"]; 这里的suckEffect就是效果名称，可以用的效果主要有： pageCurl 向上翻一页 pageUnCurl 向下翻一页 rippleEffect 滴水效果 suckEffect 收缩效果，如一块布被抽走 cube 立方体效果 oglFlip 上下翻转效果