iOS development--graphics programming oc & (v) Calayer Creating layers

Last Update:2015-06-04 Source: Internet

Author: User

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Calayer (create Layer)one, Add a layerSteps to add a layer:1. Create layer2. set the properties of the layer (color is set, bounds can be displayed) 3. Add a layer to the interface (on the layer of the Controller View)<pre>1//2//Yyviewcontroller.m3//01-create a simple layer4//5//Created by Apple on 14-6-21.6//Copyright (c) 2014 Itcase. All Rights Reserved.7//89#import"YYViewController.h"1011@interfaceYyviewcontroller ()1213@end1415@implementationYyviewcontroller1617-(void) Viewdidload18{19[super viewdidload];2021st//1. Create a layer22//Using object methods to create23//Calayer *layer=[[calayer alloc]init];24//Use the class method to createCalayer *layer=[calayer layer];2627//2. Set the properties of the layer (be sure to set the location for the color properties to be displayed)Layer.backgroundcolor=[uicolor browncolor]. cgcolor;Layer.bounds=cgrectmake (0, 0, $ ); (layer.position=cgpointmake ); 3. Add layer to interface [self.view.layer addsublayer:layer]; @end </pre>　　second, add a layer to display the pictureCode example:<pre>1//2//Yyviewcontroller.m3//02-add a layer showing the picture4//5//Created by Apple on 14-6-21.6//Copyright (c) 2014 Itcase. All Rights Reserved.7//89#import"YYViewController.h"1011@interfaceYyviewcontroller ()1213@end1415@implementationYyviewcontroller1617-(void) Viewdidload18{19[super viewdidload];20//Create a layerCalayer *mylayer=[calayer layer];22//Set the properties of a layerMylayer.bounds=cgrectmake (100,100,100,100);Mylayer.position=cgpointmake (100,100);2526//Set up a picture to displayMylayer.contents= (Id) [UIImage imagenamed:@"Me"]. cgimage;28//Set the fillet radius to 10mylayer.cornerradius=10;30//31 Mylayer.maskstobounds=yes; // set border 33 Mylayer.borderwidth=3; Mylayer.bordercolor=[uicolor browncolor]. cgcolor; 35 36 // add layer to interface 37 [self.view.layer Addsublayer:mylayer ]; 38 }39 @end </pre>Execution Effect:Description: in line 27th set the picture to be displayed, Note that the UIImage cgimage attribute is used here, is a cgimageref type of datathird, cgcolorref and cgimageref data types1. Brief descriptionCalayer is defined in the Quartzcore framework; cgimageref, cgcolorref Two data types are defined in the Coregraphics framework; uicolor, uiimage are defined in the Uikit Framework.second, thequartzcore framework and the Coregraphics framework are available across platforms and can be used on both iOS and Mac OS x, but Uikit can only be used in iOStherefore, in order to ensure portability, Quartzcore can not use uiimage, uicolor, can only use cgimageref, cgcolorrefhowever, in many cases, the Coregraphics object can be obtained by Uikit the specific method of the object, such as UIImage Cgimage method can return a cgimageref2. Import the Quartzcore frameworkIt is no longer necessary for us to import this framework in xcode5, if we need to import the framework before IOS6 and XCODE4(1) Click on the project name and click on the right targets below target(2) after clicking on Build pases, expand link Binary ...., Add + sign(3) Enter "Quartz" in the search box, check quartzcore.framework, and add(4) once added, this frame will appear in the project folder　　finally, you need to import the Framework's main header file in your project Code.<pre><pre>#import <QuartzCore/QuartzCore.h></pre></pre>Iv. selection of UIView and CalayerYou can see that the previous 2 effects can be implemented not only by adding layers, but also by adding UIVIEW. The layer that displays the picture can be implemented with a UIIMAGEVIEW. Since Calayer and UIView all can achieve the same display effect, then who should choose who is good?In fact, compared with the Calayer,uiview more than one event processing Function. In other words, Calayer cannot handle user touch events, while UIView Can.therefore, in the process of selection, you need to take into account the actual situation, if the displayed things need to interact with the user, with uiview, if you do not need to interact with the user, with UIView or Calayer canof course, the performance of Calayer is higher because it is less capable of event handling and more lightweightV. Additional Information1. Adding a child layer<pre>1#import"YYViewController.h"23@interfaceYyviewcontroller ()45@end67@implementationYyviewcontroller89-(void) Viewdidload10{11[super viewdidload];12NSLog (@"star-%@", self.view.layer.sublayers);14//1. Create a layer15//Using object methods to create16//Calayer *layer=[[calayer alloc]init];17//Use the class method to createCalayer *layer=[calayer layer];1920//2. Set the properties of the layer (be sure to set the location for the color properties to be displayed)Layer.backgroundcolor=[uicolor browncolor]. cgcolor;Layer.bounds=cgrectmake (0, 0, 200, 200); 23 layer.position=cgpointmake (100, 100); 24 25 //3. adding a layer to the interface 26 [self.view.layer Addsublayer:layer ]; 27 28 NSLog (@ "end-%@ ",self.view.layer.sublayers); 29} </pre>The printing results are as follows:Note: before adding a layer, The Controller view layer has two sub-layers, and after adding, there are three Sub-layers.2. Access Layer<pre>1-(void) Viewdidload2{3[super viewdidload];45 Calayer *layer=[calayer layer];6 layer.backgroundcolor=[uicolor browncolor]. cgcolor;7 Layer.bounds=cgrectmake (0,0,200,200);8 Layer.position=cgpointmake (100,100);910[self.view.layer addsublayer:layer];11//Calayer access to all child layers through the Sublayers propertyNSLog (@"%@", self.view.layer.sublayers[2]); NSLog (@ "%@", layer); calayer//can also access the parent layer (@ "%@", Layer.superlayer) via the Superlayer property NSLog NSLog (@ "%@", self.view.layer); (+} </pre>UIView can access all sub-views through the subviews property, similarly, Calayer can access all child layers through the Sublayers propertyUIView can access the parent view through the Superview property, similarly, Calayer can also access the parent layer through the Superlayer property3. NoteIn storyboard, drag a button on the interface to print the number of child Layers.<pre>1-(void) Viewdidload2{3[super viewdidload];45 Calayer *layer=[calayer layer];6 layer.backgroundcolor=[uicolor browncolor]. cgcolor;7 Layer.bounds=cgrectmake (0, 0, ten, 8 layer.position=cgpointmake (+), 9 [ Self.view.layer addsublayer:layer]; one // print all layerNSLog (@ "%@", self.view.layer.sublayers); -} </pre>The printing results are as follows:Special Note: If one control is a child of another control, the layer of the control is also a child layer of the other Control.iOS development--graphics programming oc & (v) Calayer Creating layers

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

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

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

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

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

iOS development--graphics programming oc & (v) Calayer Creating layers

Contact Us

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support