{"id":16514,"date":"2022-10-19T12:34:45","date_gmt":"2022-10-19T07:04:45","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/"},"modified":"2022-10-19T12:34:45","modified_gmt":"2022-10-19T07:04:45","slug":"solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/","title":{"rendered":"[Solved] auto layout not working properly for image view and label when both are align together"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

Assuming that your layout looks something like this, at the top there is a image, below that there is a label whose leading should be equal to the top image view leading. And below the label there should be another view whose top space should vary according to the label height.<\/p>\n

Solution for this goes like this,
\nFor the top image view pin image view to top of its superview with some space as per your requirements and centre it horizontally.
\nFor the label pin it to image view bottom and label top with some space as per your requirements. Also add constraint to leading of label to leading of top image view and trailing of label to trailing of image view as 0 points.
\nFor the view below the label pin label bottom to view top with some space as per your requirements. Then add leading and trailing constraints with respect to top image view similar to the constraints added to the label trailing and leading.<\/p>\n<\/p><\/div>\n

<\/div>\n<\/div>\n

<\/span> <\/p><\/div>\n<\/div>\n

[ad_2]<\/p>\n

solved auto layout not working properly for image view and label when both are align together <\/p>\n","protected":false},"excerpt":{"rendered":"

[ad_1] Assuming that your layout looks something like this, at the top there is a image, below that there is a label whose leading should be equal to the top image view leading. And below the label there should be another view whose top space should vary according to the label height. Solution for this … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[543,471,522],"class_list":["post-16514","post","type-post","status-publish","format-standard","hentry","category-solved","tag-autolayout","tag-ios","tag-swift"],"yoast_head":"\n[Solved] auto layout not working properly for image view and label when both are align together - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] auto layout not working properly for image view and label when both are align together - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Assuming that your layout looks something like this, at the top there is a image, below that there is a label whose leading should be equal to the top image view leading. And below the label there should be another view whose top space should vary according to the label height. Solution for this ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-19T07:04:45+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] auto layout not working properly for image view and label when both are align together\",\"datePublished\":\"2022-10-19T07:04:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/\"},\"wordCount\":200,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"autolayout\",\"ios\",\"swift\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/\",\"name\":\"[Solved] auto layout not working properly for image view and label when both are align together - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-10-19T07:04:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] auto layout not working properly for image view and label when both are align together\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] auto layout not working properly for image view and label when both are align together - JassWeb","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:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] auto layout not working properly for image view and label when both are align together - JassWeb","og_description":"[ad_1] Assuming that your layout looks something like this, at the top there is a image, below that there is a label whose leading should be equal to the top image view leading. And below the label there should be another view whose top space should vary according to the label height. Solution for this ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/","og_site_name":"JassWeb","article_published_time":"2022-10-19T07:04:45+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] auto layout not working properly for image view and label when both are align together","datePublished":"2022-10-19T07:04:45+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/"},"wordCount":200,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["autolayout","ios","swift"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/","url":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/","name":"[Solved] auto layout not working properly for image view and label when both are align together - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-10-19T07:04:45+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-auto-layout-not-working-properly-for-image-view-and-label-when-both-are-align-together\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] auto layout not working properly for image view and label when both are align together"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/16514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=16514"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/16514\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=16514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=16514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=16514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}