{"id":4121,"date":"2010-04-30T16:11:31","date_gmt":"2010-04-30T10:41:31","guid":{"rendered":"http:\/\/mobisoftinfotech.com\/?p=4121"},"modified":"2024-11-18T15:59:56","modified_gmt":"2024-11-18T10:29:56","slug":"iphone-uibutton-tutorial-custom-checkboxes","status":"publish","type":"post","link":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes","title":{"rendered":"iPhone UIButton tutorial : Custom Checkboxes"},"content":{"rendered":"<p>Checkbox is one of the elements that is frequently required in iPhone UIs, but the traditional checkbox is not present in iPhone sdk. Switches are sometimes used in the place of checkboxes.<\/p>\n<p>In this tutorial, we will see how to create a custom checkbox. It extends from UIButton class. It is used to select or deselect a particular item or more than one items in a list. For example: The \u201cKeep me signed in\u201d checkbox in certain apps, sound on\/off , effects on\/off checkboxes in Settings of a gaming app.If more checkboxes are needed, we can create them similarly.<\/p>\n<p>Step 1: Create a window based application in Xcode and name it \u201cMICheckBox\u201d.<\/p>\n<p>Step 2: Create new \u201cMICheckBox.h\u201d and \u201cMICheckBox.m\u201d files which extend from UIView.<\/p>\n<p>(Classes &gt;&gt; Add &gt;&gt; New File &gt;&gt; Objective C Class. Select UIView in the \u201csubclass of\u201d list.)<\/p>\n<p>Step 3: Create a new group in the Classes folder and name it \u201cMICheckBoxUtils\u201d. Drag the \u201cMICheckBox.h\u201d and \u201cMICheckBox.m\u201d files into the group.Now, add the images \u201ccheckbox_not_ticked.png\u201d and \u201ccheckbox_ticked.png\u201d to the group.<\/p>\n<p>Step 4: Open the \u201cMICheckBox.h\u201d file and make the following changes in it.<\/p>\n<pre>[objc highlight=\"1,2,4,5\"]\n@interface MICheckBox : UIButton {\n       BOOL isChecked;\n}\n@property (nonatomic,assign) BOOL isChecked;\n-(IBAction) checkBoxClicked;\n[\/objc]<\/pre>\n<p>Here, we have changed the UIView class from which it extends to UIButton. Also, we have declared a boolean property \u201cisChecked\u201d which<br>\nkeeps a track of whether the button is checked or not. \u201ccheckBoxClicked\u201d is the method to change the state of checkbox when it is clicked.<\/p>\n<p>Step 5: Now, open the \u201cMICheckBox.m\u201d file and add the following code to it.<\/p>\n<pre>[objc highlight=\"4,10,11,12,13,14,15,16,17,18,19,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38\"]\n#import &amp;amp;amp;amp;amp;amp;amp;quot;MICheckBox.h&amp;amp;amp;amp;amp;amp;amp;quot;\n\n@implementation MICheckBox\n@synthesize isChecked;\n\n- (id)initWithFrame:(CGRect)frame {\n              if (self = [super initWithFrame:frame]) {\n                         \/\/ Initialization code\n\n                         self.contentHorizontalAlignment =\n                                    UIControlContentHorizontalAlignmentLeft;\n\n                         [self setImage:[UIImage imageNamed:\n                                     @&amp;amp;amp;amp;amp;amp;amp;quot;checkbox_not_ticked.png&amp;amp;amp;amp;amp;amp;amp;quot;]\n                                     forState:UIControlStateNormal];\n\n                          [self addTarget:self action:\n                                     @selector(checkBoxClicked)\n                              forControlEvents:UIControlEventTouchUpInside];\n                }\n                return self;\n}\n\n-(IBAction) checkBoxClicked{\n               if(self.isChecked ==NO){\n                        self.isChecked =YES;\n                       [self setImage:[UIImage imageNamed:\n                                    @&amp;amp;amp;amp;amp;amp;amp;quot;checkbox_ticked.png&amp;amp;amp;amp;amp;amp;amp;quot;]\n                                    forState:UIControlStateNormal];\n\n                }else{\n                        self.isChecked =NO;\n                        [self setImage:[UIImage imageNamed:\n                                         @&amp;amp;amp;amp;amp;amp;amp;quot;checkbox_not_ticked.png&amp;amp;amp;amp;amp;amp;amp;quot;]\n                                         forState:UIControlStateNormal];\n\n                }\n}\n\n- (void)dealloc {\n             [super dealloc];\n}\n\n@end\n[\/objc]<\/pre>\n<p>initWithFrame\u201d method \u2013 This method initializes the button with the frame given by us. The contentHorizontalAlignment property allows us to set the alignment of the content (i.e image and text) of the button(checkbox). Initially, the image of the button will be the unselected checkbox, so we set the image \u201ccheckbox_not_ticked.png\u201d. Then we programmatically link the button to the \u201ccheckBoxClicked\u201d method.<\/p>\n<p>\u201ccheckBoxClicked\u201d method \u2013 In this method, whenever the checkbox is clicked, the image is changed from checked to unchecked and vice versa.<\/p>\n<p>Step 6: Now that we have created the \u201cMICheckBox\u201d files, we need to test them. Hence, put the following code in the \u201cMICheckBoxAppDelegate.m\u201d file.<\/p>\n<pre>[objc highlight=\"2,10,11,12,13,14,15,16,17,18,19\"]\n#import &amp;amp;amp;amp;amp;amp;amp;quot;MICheckBoxAppDelegate.h&amp;amp;amp;amp;amp;amp;amp;quot;\n#import &amp;amp;amp;amp;amp;amp;amp;quot;MICheckBox.h&amp;amp;amp;amp;amp;amp;amp;quot;\n\n@implementation MICheckBoxAppDelegate\n@synthesize window;\n\n- (void)applicationDidFinishLaunching:(UIApplication *)application {\n\n             \/\/ Override point for customization after application launch\n             MICheckBox *checkBox =[[MICheckBox alloc]\n                          initWithFrame:CGRectMake(100, 200, 150, 25)];\n\n             [checkBox setTitleColor:[UIColor blackColor]\n                          forState:UIControlStateNormal];\n\n             [checkBox setTitle:@&amp;amp;amp;amp;amp;amp;amp;quot;Checkbox&amp;amp;amp;amp;amp;amp;amp;quot;\n                          forState:UIControlStateNormal];\n\n             [window addSubview:checkBox];\n             [window makeKeyAndVisible];\n}\n\n- (void)dealloc {\n                 [window release];\n                 [super dealloc];\n}\n\n@end\n[\/objc]<\/pre>\n<p>Here, we have imported the \u201cMICheckBox.h\u201d file so that we can create its instance. In the \u201capplicationDidFinishLaunching\u201d method, we create an object of MICheckbox and set its title color to black. Also, we set its title to CheckBox. Then we add the checkbox to the main window by the \u201caddSubview\u201d method.<\/p>\n<p>Step 7: Download the source code for this tutorial <a href=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/MICheckBox.zip\">here.<\/a><br>\nThe output will be as follows:<\/p>\n<p style=\"text-align: left;\"><strong>CheckBox Unticked<\/strong><br>\n<a href=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-7.png\"><noscript><img decoding=\"async\" class=\"size-medium wp-image-614\" src=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-7-161x300.png\" alt=\"iPhone UIButton tutorial : Custom Checkboxes(CheckBox Unticked)\" width=\"161\" height=\"300\" srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-7-161x300.png 161w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-7.png 414w\" sizes=\"(max-width: 161px) 100vw, 161px\"><\/noscript><img decoding=\"async\" class=\"size-medium wp-image-614 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20161%20300%22%3E%3C%2Fsvg%3E\" alt=\"iPhone UIButton tutorial : Custom Checkboxes(CheckBox Unticked)\" width=\"161\" height=\"300\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20161%20300%22%3E%3C%2Fsvg%3E 161w\" sizes=\"(max-width: 161px) 100vw, 161px\" data-srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-7-161x300.png 161w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-7.png 414w\" data-src=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-7-161x300.png\"><\/a><\/p>\n<p style=\"text-align: left;\"><strong>CheckBox Ticked<\/strong><br>\n<a href=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-8.png\"><noscript><img decoding=\"async\" class=\"size-medium wp-image-615\" src=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-8-161x300.png\" alt=\"iPhone UIButton tutorial : Custom Checkboxes(CheckBox Ticked)\" width=\"161\" height=\"300\" srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-8-161x300.png 161w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-8.png 414w\" sizes=\"(max-width: 161px) 100vw, 161px\"><\/noscript><img decoding=\"async\" class=\"size-medium wp-image-615 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20161%20300%22%3E%3C%2Fsvg%3E\" alt=\"iPhone UIButton tutorial : Custom Checkboxes(CheckBox Ticked)\" width=\"161\" height=\"300\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20161%20300%22%3E%3C%2Fsvg%3E 161w\" sizes=\"(max-width: 161px) 100vw, 161px\" data-srcset=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-8-161x300.png 161w, https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-8.png 414w\" data-src=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2010\/04\/Picture-8-161x300.png\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Checkbox is one of the elements that is frequently required in iPhone UIs, but the traditional checkbox is not present in iPhone sdk. Switches are sometimes used in the place of checkboxes. In this tutorial, we will see how to create a custom checkbox. It extends from UIButton class. It is used to select or [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":7438,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"","footnotes":""},"categories":[3],"tags":[74,328,73],"class_list":["post-4121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-iphone","tag-checkbox","tag-iphone-ipad","tag-uibutton"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>iPhone UIButton tutorial : Custom Checkboxes - Mobisoft Infotech<\/title>\n<meta name=\"description\" content=\"Checkbox is one of the elements that is frequently required in iPhone UIs. Learn more on how to create a custom checkbox through this tutorial.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"iPhone UIButton tutorial : Custom Checkboxes - Mobisoft Infotech\" \/>\n<meta property=\"og:description\" content=\"Checkbox is one of the elements that is frequently required in iPhone UIs. Learn more on how to create a custom checkbox through this tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes\" \/>\n<meta property=\"og:site_name\" content=\"Mobisoft Infotech\" \/>\n<meta property=\"article:published_time\" content=\"2010-04-30T10:41:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-18T10:29:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"550\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ruchi Raval\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ruchi Raval\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#article\",\"isPartOf\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes\"},\"author\":{\"name\":\"Ruchi Raval\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6975ec0e158682ee8e5f4fbd7221b932\"},\"headline\":\"iPhone UIButton tutorial : Custom Checkboxes\",\"datePublished\":\"2010-04-30T10:41:31+00:00\",\"dateModified\":\"2024-11-18T10:29:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes\"},\"wordCount\":444,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg\",\"keywords\":[\"checkbox\",\"iPhone \u2013 iPad\",\"UIButton\"],\"articleSection\":[\"iPhone - iPad\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes\",\"name\":\"iPhone UIButton tutorial : Custom Checkboxes - Mobisoft Infotech\",\"isPartOf\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg\",\"datePublished\":\"2010-04-30T10:41:31+00:00\",\"dateModified\":\"2024-11-18T10:29:56+00:00\",\"author\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6975ec0e158682ee8e5f4fbd7221b932\"},\"description\":\"Checkbox is one of the elements that is frequently required in iPhone UIs. Learn more on how to create a custom checkbox through this tutorial.\",\"breadcrumb\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#primaryimage\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg\",\"contentUrl\":\"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg\",\"width\":1920,\"height\":550,\"caption\":\"iPhone UIButton tutorial - Custom Checkboxes_l-min\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mobisoftinfotech.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"iPhone UIButton tutorial : Custom Checkboxes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#website\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/\",\"name\":\"Mobisoft Infotech\",\"description\":\"Discover Mobility\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mobisoftinfotech.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6975ec0e158682ee8e5f4fbd7221b932\",\"name\":\"Ruchi Raval\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/c48187f401d31f2a08585cb66b4503c90f0586889e7212ae0680cd4edcb9910e?s=96&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c48187f401d31f2a08585cb66b4503c90f0586889e7212ae0680cd4edcb9910e?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c48187f401d31f2a08585cb66b4503c90f0586889e7212ae0680cd4edcb9910e?s=96&r=g\",\"caption\":\"Ruchi Raval\"},\"sameAs\":[\"http:\/\/www.mobisoftinfotech.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"iPhone UIButton tutorial : Custom Checkboxes - Mobisoft Infotech","description":"Checkbox is one of the elements that is frequently required in iPhone UIs. Learn more on how to create a custom checkbox through this tutorial.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes","og_locale":"en_US","og_type":"article","og_title":"iPhone UIButton tutorial : Custom Checkboxes - Mobisoft Infotech","og_description":"Checkbox is one of the elements that is frequently required in iPhone UIs. Learn more on how to create a custom checkbox through this tutorial.","og_url":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes","og_site_name":"Mobisoft Infotech","article_published_time":"2010-04-30T10:41:31+00:00","article_modified_time":"2024-11-18T10:29:56+00:00","og_image":[{"width":1920,"height":550,"url":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg","type":"image\/jpeg"}],"author":"Ruchi Raval","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ruchi Raval","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#article","isPartOf":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes"},"author":{"name":"Ruchi Raval","@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6975ec0e158682ee8e5f4fbd7221b932"},"headline":"iPhone UIButton tutorial : Custom Checkboxes","datePublished":"2010-04-30T10:41:31+00:00","dateModified":"2024-11-18T10:29:56+00:00","mainEntityOfPage":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes"},"wordCount":444,"commentCount":0,"image":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#primaryimage"},"thumbnailUrl":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg","keywords":["checkbox","iPhone \u2013 iPad","UIButton"],"articleSection":["iPhone - iPad"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes","url":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes","name":"iPhone UIButton tutorial : Custom Checkboxes - Mobisoft Infotech","isPartOf":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#primaryimage"},"image":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#primaryimage"},"thumbnailUrl":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg","datePublished":"2010-04-30T10:41:31+00:00","dateModified":"2024-11-18T10:29:56+00:00","author":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6975ec0e158682ee8e5f4fbd7221b932"},"description":"Checkbox is one of the elements that is frequently required in iPhone UIs. Learn more on how to create a custom checkbox through this tutorial.","breadcrumb":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#primaryimage","url":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg","contentUrl":"https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2015\/01\/iPhone-UIButton-tutorial-Custom-Checkboxes_l-min.jpg","width":1920,"height":550,"caption":"iPhone UIButton tutorial - Custom Checkboxes_l-min"},{"@type":"BreadcrumbList","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/iphone\/iphone-uibutton-tutorial-custom-checkboxes#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mobisoftinfotech.com\/resources\/"},{"@type":"ListItem","position":2,"name":"iPhone UIButton tutorial : Custom Checkboxes"}]},{"@type":"WebSite","@id":"https:\/\/mobisoftinfotech.com\/resources\/#website","url":"https:\/\/mobisoftinfotech.com\/resources\/","name":"Mobisoft Infotech","description":"Discover Mobility","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mobisoftinfotech.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6975ec0e158682ee8e5f4fbd7221b932","name":"Ruchi Raval","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c48187f401d31f2a08585cb66b4503c90f0586889e7212ae0680cd4edcb9910e?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c48187f401d31f2a08585cb66b4503c90f0586889e7212ae0680cd4edcb9910e?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c48187f401d31f2a08585cb66b4503c90f0586889e7212ae0680cd4edcb9910e?s=96&r=g","caption":"Ruchi Raval"},"sameAs":["http:\/\/www.mobisoftinfotech.com"]}]}},"_links":{"self":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/4121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/comments?post=4121"}],"version-history":[{"count":21,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/4121\/revisions"}],"predecessor-version":[{"id":32182,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/4121\/revisions\/32182"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/media\/7438"}],"wp:attachment":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/media?parent=4121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/categories?post=4121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/tags?post=4121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}