iOS: How To Make AutoLayout Work On A ScrollView
Posted on June 11th, 2014 Ok, I’ll admit. I’ve been seriously struggling with AutoLayout ever since it’s been introduced. I understand the concept, and I LOVE the idea of it, but when I actually do it, it almost never behaves as it does in my head. So when I had a chance to go talk to an actual Apple Engineer about AutoLayout last week at WWDC, I made sure to go. I thought of my most painful exper
iOSメモ - Auto Layout勘所 - Qiita
Auto Layout勘所 1.ã¾ãšåŸºç¤Žã‚’å¦ã¶ å‚考: mixi-inc/AutoLayout入門 å‚考：iOS 7 Xcode 5 ã§å§‹ã‚ã‚‹ Auto Layout 入門 #1 – 基礎知è˜ç·¨ 2.viewã®contentSizeã¯ã€viewDidLayoutSubviewsã§æ±ºã¾ã‚‹ å‚考：UIScrollviewã‚’Storyboardã§è¨å®šã™ã‚‹å ´åˆ ã‚„ã£ã±ã‚Šæ¨™æº–Document å‚考：Auto Layout ガイド 赤色ãŒé§„目制約ã¨ã‹ã‚’å¦ã¶ã€ç‚¹ç·šãŒå„ªå…ˆåº¦ä½Žã„制約 ScrollViewã«æ°—ã‚’ã¤ã‘ã‚ Debugã®ä»•æ–¹ã«ã¤ã„ã¦å¦ã¶ Top Layout Guide,Bottom Layout Guideã«æ³¨æ„ã™ã‚‹ã€‚ ナビゲーションãƒãƒ¼ã®é«˜ã•ã¯ã€iOS6ã§44px, iOS7ã§64px 4inch,3.5inchã®å¯¾å¿œã«ã¤ã„㦠- 最大値ã¨æœ€å°å€¤ã‚’使ㆠå‚考：iOSアプリを作ã£ã¦ã¿ã‚‹ (8)
ã€Objective-C】コードã§Autolayout
以å‰ã‹ã‚‰Autolayoutã®é‡è¦æ€§ã‚„便利ã•ã‚’ã¡ã‚‰ã¡ã‚‰ç›®ã«ã—ã¦ãã¾ã—ãŸãŒã¨ã£ã¤ãã«ãã•ã‹ã‚‰ãšã£ã¨é¿ã‘ã¦ã¾ã—ãŸã€‚ ãã‚ãã‚身ã«ã¤ã‘ãªãゃã¨ã†ã“ã¨ã§ãƒ¬ã‚·ãƒ”ã‚’ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å‚考 http://www.slideshare.net/classmethod/i-os-auto-layout ã‚’å‚考ã«ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚ Autolayoutã¨ã¯ Autolayoutã¨ã¯viewã«Constraint（制約）を付ã‘ã‚‹ã“ã¨ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹æ–¹æ³•ã€‚ å„viewåŒå£«ã‚’5pxé–“éš”ã§é…ç½®ã™ã‚‹ã€ãªã©ç”»é¢ã®å¤§ãã•ã«ã¨ã‚‰ã‚ã‚Œãšæœ€é©ãªviewã®é…置をã—ã¾ã™ã€‚ 制約ã¯NSLayoutConstraintクラスã«ã‚ˆã£ã¦å®šç¾©ã§ãã€åˆ¶ç´„ã«ã¯å„ªå…ˆåº¦ã‚’è¨å®šã§ãã¾ã™ã€‚ NSLayoutConstraint NSLayoutConstraintã¯2ã¤ã®ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ãŒã‚ã‚Šã¾ã™ã€‚ constraintsWithVisualForm
[iOS] Auto Layout を使ã„ã“ãªã™ã€‚UITableViewCell 㨠UIScrollView ç·¨ - ãã‚Œã¯Books
iPhone6 㨠iPhone6 Plus ãŒç™ºå£²ã«ãªã‚Šã€æœ¬æ ¼çš„ã« iOS ã§ã‚‚ Android ã®ã‚ˆã†ã«è¤‡æ•°è§£åƒåº¦ã«å¯¾å¿œã—ãŸã‚„り方をã—ãªã„ã¨ã„ã‘ãªããªã£ã¦ãã¾ã—ãŸã€‚ iPhone5S ã¾ã§ã¯ã€ç¸¦å¹…ãŒä¼¸ã³ãŸã ã‘ã ã£ãŸã®ã§ã€ãªã‚“ã¨ãªã Auto Layout を使ã£ã¦ã„ã¦ã‚‚å•é¡Œã¯è¡¨é¢åŒ–ã—ã¥ã‚‰ã‹ã£ãŸã®ã§ã™ãŒã€ iPhone6 ã§æ¨ªå¹…ãŒä¼¸ã³ã¦ã—ã¾ã£ãŸã“ã¨ã§ã€é©å½“ã« Auto Layout を使ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‚‹ã¨æ®‹å¿µãªã“ã¨ã«ãªã£ã¦ã„るアプリãŒçµæ§‹ã‚ã‚Šã¾ã™ã€‚ 僕も iPhone アプリを開発ã—ã¦ã„ã‚‹ã®ã§ã“ã®ã‚ãŸã‚Šã¯çµæ§‹æ°—を使ã£ã¦ã¯ã„ã‚‹ã‚“ã§ã™ãŒã€ã„ã‹ã‚“ã›ã‚“自分ã®ã‚„ã‚Šæ–¹ãŒã»ã‚“ã¨ã«æ£ã—ã„ã®ã‹ã€ã‚„ã‚„ç–‘å•ãªã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€ä»Šã®è‡ªåˆ†ã®ã‚„り方を晒ã—ã¦ã€ä¸–ã® iPhone アプリ開発者ã®äººã«çªã£è¾¼ã‚“ã§ã‚‚らãˆã‚Œã°ã¨æ€ã„記事を書ãã“ã¨ã«ã—ã¾ã—ãŸã€‚ é–“é•ã£ã¦ã„る箇所もã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãƒ‰ãƒ³ãƒ‰ãƒ³ãƒ„ッ
Auto Layoutã¨Size Classesã§è¬Žã®-16ptã®è¨˜äº‹ã‚’èªã‚“ã§ã‚‚ã‚ã‹ã‚‰ãªã„人å‘ã‘ã®èª¬æ˜Ž - Qiita
å‰æŒ¯ã‚Š Auto Layoutã¨Size Classesを有効ã«ã—ãŸStoryboardã«ã¦ã€ç”»é¢ã„ã£ã±ã„ã®UIImageViewを作ã‚ã†ã¨ã—ãŸéš›ã€UIViewControllerã®viewã«addã—ã¦ã„ã‚‹UIImageViewã®åˆ¶ç´„ã‚’è¨å®šã—よã†ã¨ã™ã‚‹ã¨å·¦å³-16ptãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§è¨å®šã•ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã“ã®-16ptã‚’ç´ ç›´ã«è¨å®šã—ã¦ã‚‚見ãŸç›®ãŒãŠã‹ã—ããªã‚‹ã‚ã‘ã§ã¯ãªã„ã—ã€0ptã«ã™ã‚‹æ–¹æ³•ã‚‚ã‚ã‚‹ã‚“ã ã‘ã©ãªãœãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§-16ptãŒå¿…è¦ãªã®ã‹ã‚’調ã¹ãŸãƒ¡ãƒ¢ã§ã™ã€‚ 謎ã®16ptã«ã¤ã„ã¦èª¬æ˜Žã•ã‚Œã¦ã„る記事 ã“ã®æ–‡ç« ã§èª¬æ˜Žã™ã‚‹ã“ã¨ã¯ã€ä¸‹è¨˜ã®ãƒšãƒ¼ã‚¸ã§èª¬æ˜Žã•ã‚Œã¦ã„ã‚‹ã®ã§ãれらをèªã‚“ã§åˆ†ã‹ã‚‹ãªã‚‰å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚ SizeClassesã¨Xcode6ã§ã®AutoLayoutã®è¬Žãƒžãƒ¼ã‚¸ãƒ³ http://qiita.com/uskiita/items/c643f5868f60b496911e What is
Auto Layoutã§Viewã‚’ç‰é–“éš”ã«ä¸¦ã¹ã‚‹è¨˜äº‹èªã‚“ã§ã‚‚ã‚ã‹ã‚‰ãªã„人å‘ã‘ã®èª¬æ˜Ž - Qiita
å‰ç½®ã 最近Auto Layoutã®è¨˜äº‹ã‚’よãç›®ã«ã™ã‚‹äº‹ãŒå¤šã„ã®ã§ã™ãŒã€Viewã‚’ç‰é–“éš”ã«ä¸¦ã¹ã‚‹è¨˜äº‹ã¯ã™ã‚“ãªã‚Šã¨ç†è§£ã§ããªã‹ã£ãŸãŸã‚ã€è‡ªåˆ†ãŒã‚µãƒ³ãƒ—ルコードを動ã‹ã—ãŸã‚Šã—ã¦ç†è§£ã—ã¦ã„ã£ãŸå†…容を書ã„ã¦ã¿ã¾ã™ã€‚ ãã£ã‹ã‘ã«ãªã£ãŸè¨˜äº‹ï¼šã€Œå®Ÿè·µ Auto Layout〠http://blog.jarinosuke.com/entry/auto-layout-best-practice サンプルãŒè¶…絶å‚考ã«ãªã£ãŸï¼šã€ŒCocoaã®æ—¥ã€… - Autolayoutã§ãƒ“ューをç‰é–“éš”ã«ä¸¦ã¹ã‚‹ã€ http://cocoadays.blogspot.jp/2014/01/autolayout_7.html å…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã‚‚ã‚る（英語） https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/Autolayo
実践 Auto Layout - jarinosuke blog
今ã“ã frame æ€è€ƒè„±å´ã®æ™‚ Xcode 4 / iOS 6 ã‹ã‚‰å˜åœ¨ã—ã¦ã„㟠Auto Layout ã§ã—ãŸãŒã€ 当時㯠Interface Builder ã® Auto Layout 対応もä¸ã€…ã²ã©ãã€ä½¿ã†ã®ãŒè¾›ã‹ã£ãŸè¨˜æ†¶ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚“ãªãªã‹åƒ•ã¯é †èª¿ã« layoutSubviews ã«å‚¾å€’ã—ã¦ã„ã£ãŸã‚ã‘ã§ã™ãŒã€ iPhone 6/iPhone 6 plus ãŒã¤ã„ã«ç™»å ´ã—ã€Size Class ã¨ã„ã†æ–°ã—ã„概念も投入ã•ã‚Œ ç¾çŠ¶ã§ã¯é–“é•ã„ãªã2å¹´å‰ã¨ã¯æ¯”ã¹ç‰©ã«ãªã‚‰ãªã„レベル㧠Universal アプリã¯ä½œã‚Šã‚„ã™ããªã‚Šã¾ã—ãŸã€‚（ãŸã ã— iOS 8 専用アプリã®ã¿ï¼‰ ã‚る程度ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンをæ‡ã«ç”¨æ„ã—ã¦ã„ãŸæ–¹ãŒæ™‚é–“ãŒçœã‘ã¾ã™ã€‚ ã“ã“ã§ã¯ Auto Layout を用ã„ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹æ¯Žã«ç°¡æ½”ã«æ›¸ã„ã¦ã„ã¾ã™ã®ã§ã€ 「ãれ知ã£ã¦ã‚‹ã‚ã€ã¿ãŸã„ãªã®ãŒã‚ã£ãŸã‚‰é©å®œèªã¿é£›ã°
é»’é”è¡“AutoLayoutã¨iPhone 6/6 Plus
iOS 8 & iPhone6/6 Plus 開発知見共有会ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚
Achieving Zen With Auto Layout (2nd Edition)
Auto Layout is the future of laying out your user interfaces on Apple's macOS and iOS platforms. While powerful, Auto Layout also comes with a fairly steep learning curve that can cause headaches for many developers. Justin Williams aims to demystify Auto Layout for you by building a foundation based on the history of Auto Layout, its key terminology, and real-world applications of its power in an
Autolayout 㨠transform ã®ã„ã‘ãªã„関係 - Qiita
ãªã«ãŒã„ã‘ãªã„ã®ï¼Ÿ Autolayout ã§åˆ¶ç´„ã‚’ã‹ã‘ã¦ã„るビューを transform ã§å¤‰å½¢ã•ã›ã‚‹ã¨ã€transform ã®çµæžœã«å¿œã˜ã¦åˆ¶ç´„ãŒã¯ãŸã‚‰ã。 ã“ã“㧠transform ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’付ã‘ãŸã‚Šã™ã‚‹ã¨ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–‹å§‹ã®çž¬é–“ã«ä½ç½®ãŒãšã‚Œã‚‹ã€ãƒ¯ãƒ¼ãƒ—ã™ã‚‹ã‚ˆã†ãªæŒ™å‹•ãŒç™ºç”Ÿã™ã‚‹ã€‚ ã“れらã¯ãŠãらãã€ç§»å‹•å…ˆã§ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãŒæ£ã—ããªã‚‹ã‚ˆã†ã«ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–‹å§‹æ™‚ã«åˆ¶ç´„ãŒåƒããŸã‚ã ã‚ã†ã€‚ 制約をåˆæœŸé…ç½®ã®ãŸã‚ã ã‘ã«ä½¿ã† Constraint ã¯ãƒ“ルダー上ã§ã®é…ç½®ã®ãŸã‚ã ã‘ã«ä½¿ã†ã“ã¨ã‚‚出æ¥ã‚‹ã€‚ ビルダー上㧠Constraint ã‚’é¸æŠžã™ã‚‹ã¨ã€ã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ã« Placeholder ã¨ã„ã†é …ç›®ãŒã‚る。 ã“れをãƒã‚§ãƒƒã‚¯ã™ã‚‹ã“ã¨ã§ã€ãã®åˆ¶ç´„ã¯ãƒ“ルド時ã«å‰Šé™¤ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ã¤ã¾ã‚Šã€ãã®åˆ¶ç´„ã«ã‚ˆã£ã¦ã‚‚ãŸã‚‰ã•ã‚ŒãŸæœ€åˆã®ä½ç½®æƒ…å ±ã ã‘ãŒãƒ“ューã«åæ˜ ã•ã‚Œã‚‹ã€‚ リアルタイムã«åˆ¶ç´„ã‚’åæ˜ ã•ã›ã‚‹å¿…è¦ãŒãªã‘
ã€Objective-C】 Auto Layout + Storyboard ã§é«˜ã•å¯å¤‰ã®UITableViewCellを作æˆã™ã‚‹
ã¯ã˜ã‚㫠高ã•å¯å¤‰ã®ãƒ†ãƒ¼ãƒ–ルビューセルを作æˆã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ã€ŒStoryboardã€ä¸Šã§ã€ŒAuto Layoutã€ã‚’è¨å®šã™ã‚‹ã“ã¨ã§å®Ÿç¾ã—ã¦ã¿ã¾ã™ã€‚環境ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ Xcode 5.1.1 SDK 7.1 Development Target 7.0 完æˆå›³ ↑ã“ã‚“ãªæ„Ÿã˜ã«ä»•ä¸ŠãŒã‚Šã¾ã™ã€‚ 「Master-Detail Applicationã€ãƒ†ãƒ³ãƒ—レートã«æ‰‹ã‚’åŠ ãˆã¦ã„ãã¾ã™ã€‚「Master-Detail Applicationã€ã¯ç”»é¢ä¸Šéƒ¨ã®ãƒ—ラスボタンを押ã™ã¨ã€ç¾åœ¨æ™‚刻を表示ã™ã‚‹ã‚»ãƒ«ãŒå¢—ãˆã‚‹ã‚µãƒ³ãƒ—ルã§ã™ãŒã€ã‚»ãƒ«ã®ãƒ©ãƒ™ãƒ«ã‚’ï¼’ã¤ã«å¢—ã‚„ã—ã€é«˜ã•ãŒå¯å¤‰ã®ãƒ©ãƒ™ãƒ«(ランダムãªæ–‡å—列を表示)ã¨é«˜ã•å›ºå®šã®ãƒ©ãƒ™ãƒ«(時刻を表示)ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ã¾ãŸã€ãƒ©ãƒ™ãƒ«ã®é«˜ã•ã«åˆã‚ã›ã¦ã‚»ãƒ«ã®é«˜ã•ã‚‚変ã‚るよã†ã«ã—ã¾ã™ã€‚ 実装 プãƒã‚¸ã‚§ã‚¯ãƒˆä½œæˆ Xcodeã®Fileメニューã‹ã‚‰ New → P
UILabel sizeToFit doesn't work with autolayout ios6
Please note that in most cases Matt's solution works as expected. But if it doesn't work for you, please, read further. To make your label automatically resize height you need to do following: Set layout constrains for label Set height constraint with low priority. It should be lower than ContentCompressionResistancePriority Set numberOfLines = 0 Set ContentHuggingPriority higher than label's heig
Auto Layoutã§Custom Viewを作る ãã®1 | Cyber Passion for iOS
Auto Layoutã§Custom Viewを作æˆã—ã€ãれをViewController#viewã«é…ç½®ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ サンプルコード: https://github.com/stack3/iOSAutoLayoutSamples サンプルコードã®CustomViewã‚’é¸æŠžã™ã‚‹ã¨ä»¥ä¸‹ã®ç”»é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 横画é¢ã«ã™ã‚‹ã¨ã“ã†ãªã‚Šã¾ã™ã€‚ STCustomView.xib グレー背景ã®éƒ¨åˆ†ãŒCustomViewã§ã€ã“ã‚Œã¯STCustomView.xibã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ 構æˆã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ UIView – backgroundColorã‚’grayã«ã—ã¦ã„ã‚‹ UIImageView – アイコン表示 UILabel – æ–‡å—列表示 UIImageViewã®Constraintã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ è¦ã™ã‚‹ã«å¹…ã¨é«˜ã•ã¯32pxã§Superviewã¨ã®é–“éš”ã¯8pxã¨
Cocoaã®æ—¥ã€…: Autolayoutã§ãƒ“ューをç‰é–“éš”ã«ä¸¦ã¹ã‚‹
Autolayoutã§ç‰é–“éš”ã«ãƒ“ューを並ã¹ã‚‹æ–¹æ³•ã¯ã‚¬ã‚¤ãƒ‰ã«è¨˜è¼‰ãŒã‚る。 Auto Layout ガイド - ビューをç‰é–“éš”ã§ä¸¦ã¹ã‚‹ (P.31) ビューã®ç‰é–“éš”é…ç½®ã®æ©Ÿèƒ½ã¯ Autolayoutã®è‡ªä½“ã«ã¯ç„¡ãã¦ã€ãã‚Œãžã‚Œã®ãƒ“ューã®é–“ã«ã‚¹ãƒšãƒ¼ã‚µã¨ãªã‚‹ãƒ“ューを入れã¦é–“隔を調整ã™ã‚‹æ–¹æ³•ã‚’å–るらã—ã„。
iOS 7ã®å…¨ç”»é¢å¯¾å¿œ ãã®2 | Cyber Passion for iOS
å‰å›žã®ã¤ã¥ã。 今回ã¯ScrollViewãŠã‚ˆã³ãã®Subclassを表示ã™ã‚‹å ´åˆã«ã¤ã„ã¦ã€‚ サンプルコード: https://github.com/stack3/iOS7FullScreenViewSamples å‰å›žã®ã‚µãƒ³ãƒ—ルコードを起動ã—ã¦ã€ScrollView with NavigationBar and Toolbarã‚’é¸æŠžã—ã¦ãã ã•ã„。 TextView（ScrollViewã®Subclass）ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ 上ã¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã¦ã¿ã¾ã—ょã†ã€‚ StatusBarã¨NavigationBarã«æ–‡å—ãŒé€ã‘ã¦ã«ã˜ã‚“ã よã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ Toolbarã®æ–¹ã‚‚見ã¦ã¿ã‚‹ã¨åŒã˜ã‚ˆã†ã«æ–‡å—ãŒé€ã‘ã¦ã„ã¾ã™ã€‚ スクリーンショットã§ã¯ã‚ã‹ã‚Šã¥ã‚‰ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿéš›ã«å‹•ã‹ã—ã¦ã¿ã‚‹ã¨ã‚ã‹ã‚Šã¾ã™ã€‚ ã“ã®ã‚ˆã†ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å†…容ãŒNavigationBarãªã©ã«é€ã‘ã¦è¦‹ãˆã‚‹å‹•ä½œã¯ã€Appleã®ãƒ—リ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}