objective c - iOS auto layout: how to design different layouts for iPad landscape and iPad portrait in Xcode storyboard? -


i new size class , auto layout in ios. practicing same through small application. below trying achieve through auto-layout , size-class. below specific screenshots ipad portrait , ipad landscape respectively.

ipad portrait interface ipad landscape interface

ipad portrait:: 3 subviews here i.e. gray view, green view, pink view.

gray view- 3/4th height of super view, 2/3th width of super view green view- 3/4th height of super view, 1/3th width of super view pink view- 1/4th height of super view, same width super view

ipad landscape:: same 3 subviews ipad portrait @ different positions.

gray view- same height super view, 2/4th width of super view green view- same height super view, 1/4th width of super view pink view- same height super view, 1/4th width of super view

i able manage auto layout long there 2 subviews. but, unable achieve described above. also, want have different layout design in ipad portrait , landscape.

take on new adaptive interface builder: "what's new in interface builder" wwdc2014 https://developer.apple.com/videos/wwdc/2014/ , see designing different uis different screen sizes - big, small, default.

edit: let's start creating single uiview inside viewcontroller: uiview in uiviewcontroller

after select uiview , click constraints editor in lower-right corner (an "tie fighter" icon). editing constraints

select upper , left constraint 0 (untick "constrain margins"): constrains

control+drag view background view , select equal widths:equal widths

select view , on right side of panel select size inspector. have list of constrains there. select equal width to:superview , click edit. select multiplier e.g. 1/2: proportional constrain.

add additional 2 views , play constrains: adding space nearest neighbour , others want.

important step: click on w h on bottom of interface builder , select regular width|any height.[w h any first created general constrains. create more specific constrains called size-class (class representing size of screen depending on model , orientation of device). can create different set of constrains in previous description.

i wish luck.


Comments

Post a Comment

Popular posts from this blog

IF statement in MySQL trigger -

this query code in mysql trigger. if 1=2 select 'yes'; else select 'no'; end if; but has following error: if '1'='2' select 'yes' error code: 1064. have error in sql syntax; check manual corresponds mysql server version right syntax use near 'if '1'='2' select 'yes'' @ line 1 0.000 sec what solution?
Read more

c++ - What does MSC in "// appease MSC" comments mean? -

i run across // appease msc in c++ comments, e.g. here : const int& array::operator[](int offset) const { int mysize = getitssize(); if (offset >= 0 && offset < getitssize()) return ptype[offset]; throw xboundary(); return ptype[offset]; // appease msc! } what msc stand ? the author means microsoft's compiler, more formally known msvc.
Read more

javascript - Blogger related post gadget image Resize s72-c [ Need Expert Help ] -

i run blogger blog , use follow code javascript code (requires no jquery) show related post labels/categories of post. <script type='text/javascript'> var defaultnoimage=&quot;http://1.bp.blogspot.com/-m72rpguntq0/vuokijudn_i/aaaaaaaaboi/lq18sceunsg/w72/favicon-tik.png&quot;; var maxresults=16; var splittercolor=&quot;#d4eaf2&quot;; var relatedpoststitle=&quot;related posts&quot;; </script> <script type='text/javascript'>//<![cdata[ var relatedtitles = new array(); var relatedtitlesnum = 0; var relatedurls = new array(); var thumburl = new array(); function related_results_labels_thumbs(json) { (var = 0; < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedtitles[relatedtitlesnum] = entry.title.$t; try { thumburl[relatedtitlesnum] = entry.media$thumbnail.url } catch (error) {...
Read more