ios - How to make a square view resize with its superview using auto layout -

-

in particular case have view inside view controller added following constraints:

  • set leading, trailing, top , bottom edges 0
  • set multiplier bottom edge 2:1

now view sits in top half on view controller.

inside add square image view, added following constraints:

  • ctrl drag image view superview , added equal heights , widths.
  • change multiplier width , height until have perfect square.
  • added constraints center vertically , horizontally

my constraints seems perfect, when running in simulator don't perfect square. besides this, image view doesn't resize when running on different simulator screens.

this setup:

  • auto layout , size classes enabled
  • i use inferred size storyboard
  • adaptive layout set width , height
  • i trying run 4s,5,6 , 6+ simulators.

i looked on other stackoverflow posts, nothing seems work.

are there basic steps ?

enter image description here

edit:

after setting >=10 constraints:

enter image description here

edit 3: added top,bottom,leading,trailing constraints 2 times, 1 lower or equal(priority 1000), other 1 greater or equal(priority 800) constant value of 90. don't know why bottom tries streches 90 pt main view, not container view(green one).

enter image description here

you have view needs expand fill container while maintaining aspect ratio. common pattern auto layout.

the trick use 2 constraints leading/trailing/top/bottom:

  • =10 @ low priority

  • >=10 @ required priority.

putting together, have:

  • aspect ratio 1:1

  • center x/y in superview

  • leading/trailing/top/bottom superview = 10 (at 750 priority)

  • leading/trailing/top/bottom superview >= 10 (at 1000 priority)

there couple of things consider uiimageview:

  • uiimageview have intrinsic content size based on image displaying, you'll want ensure content hugging priority lower 750 priority use =10 constraints.

  • uiimageview.contentmode determines how underlying image sized relative size of uiimageview. default, it's set uiviewcontentmodescaletofill.


Comments

Post a Comment

Popular posts from this blog

html - Firefox flex bug applied to buttons? -

-
i'm trying apply flex button on firefox i'm having problem on chrome doesn't happens. this css: .button { display: inline-flex; align-items: center; } as can see in fiddle, "caret" word moved new line, happens if element <button> tag, <div> works expected. http://codepen.io/anon/pen/xblmgx is firefox bug or there css i'm missing? nevermind, looks "mr firefox" doesn't idea... <button> not implementable (by browsers) in pure css, bit of black box, perspective of css. means don't react in same way e.g. <div> would. this isn't specific flexbox -- e.g. don't render scrollbars if put "overflow:scroll" on button, , don't render table if put "display:table" on it. stepping further, isn't specific <button> . consider <fieldset> , <table> have special rendering behavior: data:text/html,<fieldset style="d
Read more

html - Missing border-right in select on Firefox -

-
Image
when put select div width , padding-left, options have no border on right. more, happend if select have width 118px , parent have 15px of padding left! have idea, going on? my code: <!doctype html> <html> <head lang="en"> </head> <body> <div style="width: 1000px; padding-left: 15px;"> <select style="width: 118px;"> <option>a</option> <option>b</option> <option>c</option> </select> </div> </body> </html> and result: here plunker: click it happend on firefox on windows. tested on 40.0.2 version -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; source: https://stackoverflow.com/a/11390432/4431269 source of problem: https://bugzilla.mozilla.org/show_bug.cgi?id=924068 and use of google ! edit: (source of problem, explained) after rea
Read more

c# - two queries in same method -

-
i trying execute 2 queries in same method gives me exception. can red of exception declaring new command there way use same command? string id="hi"; connection.open(); oledbcommand command1 = new oledbcommand(); command1.connection = connection; string query1 = "select * products category='" + combobox1.text + "' , subcategory = '" + combobox2.text + "' , sizes='" + combobox3.text + "'"; command1.commandtext = query1; oledbdatareader reader = command1.executereader(); while (reader.read()) { id = reader[0].tostring(); } textbox1.text = id; string query = "insert category_in (category_id,amount,amount_in) values ('"+ id+"' ,500,300)"; command1.commandtext = query; command1.executenonquery(); messagebox.show("saved"); connection.close();
Read more